/*!
Theme Name: Loja Cardeira 
Author: Marco Reixa
*/


:root {
    --black: 		#000000;
	--gray:			#999999;
	--lightgray:	#CCCCCC;
	--white: 		#FFFFFF;
  }

*					{ box-sizing: border-box !important; }
img					{ border: none; display: block; }
a					{ color: var(--black); text-decoration: underline; }
a:hover				{ color: var(--black); text-decoration: underline; }
a:visited			{ color: var(--black); }

p:first-of-type		{ margin-top: 0; }
p:last-of-type		{ margin-bottom: 0; }

/* Didot Regular */
@font-face {
	font-family: 'Didot';
	src: url('fountain/31FC41_1_0.eot');
	src: url('fountain/31FC41_1_0.eot?#iefix') format('embedded-opentype'),
	     url('fountain/31FC41_1_0.woff2') format('woff2'),
	     url('fountain/31FC41_1_0.woff') format('woff'),
	     url('fountain/31FC41_1_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Didot Bold */
@font-face {
	font-family: 'Didot';
	src: url('fountain/31FC41_2_0.eot');
	src: url('fountain/31FC41_2_0.eot?#iefix') format('embedded-opentype'),
	     url('fountain/31FC41_2_0.woff2') format('woff2'),
	     url('fountain/31FC41_2_0.woff') format('woff'),
	     url('fountain/31FC41_2_0.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* Helvetica Neue */
@font-face {
	font-family: 'Helvetica Neue';
	src: url('fountain/31FC41_0_0.eot');
	src: url('fountain/31FC41_0_0.eot?#iefix') format('embedded-opentype'),
	     url('fountain/31FC41_0_0.woff2') format('woff2'),
	     url('fountain/31FC41_0_0.woff') format('woff'),
	     url('fountain/31FC41_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/*
——————————————————————————————————————————
TYPOGRAPHY 
——————————————————————————————————————————
*/

body 															{ font-family: 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 1.50em; font-weight: normal; font-style: normal; }
.custom-quantity *, .wc-block-cart-item__quantity *				{ font-family: 'Helvetica Neue', sans-serif !important; font-size: 12px !important; line-height: 1em !important; font-weight: normal !important; font-style: normal !important; }
h1																{ font-family: 'Didot', serif; font-size: 32px; line-height: 1.10em; font-weight: normal; font-style: normal; }
.featured-block h2												{ font-family: 'Didot', serif; font-size: 32px; line-height: 1.10em; font-weight: bold; font-style: normal; }

#site-navigation,
#colophon,
#products-navigation,
#categories-panel,
#filters-panel,
.eyebrow 														{ font-size: 12px; line-height: 1.00em; text-transform: uppercase; letter-spacing: 0.10em; }

.products *														{ font-size: 12px; line-height: 1.20em; text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal !important; }

.button, 
.added_to_cart, 
.product-years .product-year,
.wc-block-components-button,
.woocommerce-MyAccount-navigation-link--customer-logout			{ font-size: 10px; line-height: 1.00em; text-transform: uppercase; letter-spacing: 0.10em; }

h1.product_title 												{ letter-spacing: 0.025em; }

mark 															{ background: none; border-bottom: solid 1px var(--lightgray); font-weight: 700; }

/*
——————————————————————————————————————————
STRUCTURE
——————————————————————————————————————————
*/

html, body														{ margin: 0 !important; padding: 0 !important; background-color: var(--white); color: var(--black); }

#page 															{ width: 100%; height: auto; margin: 0; padding: 0 20px; background-color: var(--white); }
#primary 														{ width: 100%; height: auto; margin: 0; padding: 0; }

.products, .single-product .product, article					{ max-width: 1600px !important; }
.page-template-template-text article							{ max-width: 900px !important; }
.page-template-template-contact article							{ max-width: 900px !important; }

.single-product .product										{ display: grid; grid-template-columns: repeat(2,1fr);}


/*
——————————————————————————————————————————
UI ELEMENTS
——————————————————————————————————————————
*/

/* buttons */
.button, 
.added_to_cart,
.wc-block-components-button,
.woocommerce-MyAccount-navigation-link--customer-logout a		{ margin: 0; padding: 10px 15px !important; background: none; border: solid 1px var(--black); border-radius: 0; color: var(--black); text-decoration: none; display: inline-block !important; text-decoration: none; max-width: fit-content; cursor: pointer; }

.button:hover, 
.added_to_cart:hover,
.wc-block-components-button:hover,
.woocommerce-MyAccount-navigation-link--customer-logout a:hover	{ color: var(--white); background-color: var(--black); text-decoration: none; }

.products .button												{ border-color: var(--gray); color: var(--gray); }
.products .button:hover											{ border-color: var(--black); color: var(--black); background-color: var(--white); }

.woocommerce-notices-wrapper .button 							{ border-color: var(--white); color: var(--white); }
.woocommerce-notices-wrapper .button:hover 						{ border-color: var(--gray); color: var(--gray); }

.button.added 													{ display: none !important; }

/* quantity */
.custom-quantity 												{ width: auto; height: 100%; display: flex; flex-direction: row; gap: 0; border: 1px solid var(--black); overflow: hidden; }
.custom-quantity input.qty 										{ width: 40px; height: auto; border: none; border-radius: 0; text-align: center; -moz-appearance: textfield; -webkit-appearance: none; }
.custom-qty-bt 													{ margin: 0; padding: 0 10px 2px 10px; border: none; border-radius: 0; cursor: pointer; background: none; color: var(--gray); }
.custom-qty-bt:hover 											{ color: var(--black); }

.custom-quantity input[type=number]								{ -moz-appearance: textfield; }
.custom-quantity input[type=number]::-webkit-outer-spin-button, 
.custom-quantity input[type=number]::-webkit-inner-spin-button	{ -webkit-appearance: none; margin: 0; }

.wc-block-cart-item__quantity 									{ width: auto; height: 32px; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 20px; }

.wc-block-components-quantity-selector 							{ width: auto; height: 100%; padding: 0 !important; margin: 0 !important; border: 1px solid var(--black); border-radius: 0 !important;}
.wc-block-components-quantity-selector:after					{ border: none; border-radius: 0 !important; display: none !important; }
.wc-block-cart-item__quantity input								{ width: 40px !important; height: auto; border: none; border-radius: 0 !important; text-align: center; -moz-appearance: textfield; -webkit-appearance: none !important; }

.wc-block-components-quantity-selector__button					{ margin: 0; padding: 0 10px 2px 10px; border: none !important; border-radius: 0 !important; cursor: pointer; background: none; color: var(--gray); }
.wc-block-components-quantity-selector__button:hover			{ color: var(--black); }


/*
——————————————————————————————————————————
HEADER & NAV
——————————————————————————————————————————
*/

#site-navigation												{ width: 100%; height: auto; margin: 0; padding: 20px; background-color: var(--white); position: fixed; top: 0; left: 0; display: flex; flex-direction: column; gap: 40px; z-index: 800; }
#site-navigation.toggled 			                    		{ padding-bottom: 40px; z-index: 999; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

/* MAIN MENU TOGGLE */
.menu-toggle                                                	{ width: 24px; height: 24px; margin: 0; padding: 0; border: none; border-radius: 0; background-color: transparent; cursor: pointer; display: flex;  }
.menu-icon                                                 		{ width: 100%; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column;  align-items: center; justify-content:center; transition: all .2s ease-in-out, background-color 1ms; -moz-transition: all .2s ease-in-out, background-color 1ms; -webkit-transition: all .2s ease-in-out, background-color 1ms; }
.menu-icon:after, .menu-icon:before, .menu-icon span        	{ width: 24px; height: 2px; margin: 2px 0; padding: 0; display: block; background-color: var(--black); transition: all .2s ease-in-out, background-color 1ms; -moz-transition: all .2s ease-in-out, background-color 1ms; -webkit-transition: all .2s ease-in-out, background-color 1ms; content: ''; }

#site-navigation.toggled .menu-icon:before                  	{ transform: translateY(6px) rotate(135deg); -webkit-transform: translateY(4px) rotate(135deg); -moz-transform: translateY(8px) rotate(135deg); }
#site-navigation.toggled .menu-icon:after                   	{ transform: translateY(-6px) rotate(-135deg); -moz-transform: translateY(-4px) rotate(-135deg); -webkit-transform: translateY(-8px) rotate(-135deg); }
#site-navigation.toggled .menu-icon span                   		{ transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }

/* PRIMARY MENU */
#primary-menu 													{ width: 100%; height: auto; margin: 0; padding: 0; list-style: none; position: relative; display: none; flex-direction: row; flex-wrap: wrap; gap: 20px 0; }
#primary-menu li												{ width: 100%; margin: 0; padding: 0; }
#primary-menu li:first-of-type 									{ width: 50%; position: absolute; bottom: 0; right: 0; text-align: right; }
#primary-menu a 												{ color: var(--black); text-decoration: none; margin: 0; padding: 0 0 2px 0; }
#primary-menu a:hover 											{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
#primary-menu .current-menu-item a, 
#primary-menu .current-menu-ancestor a, 
#primary-menu .current_page_item a, 
#primary-menu .current_page_ancestor a 							{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }

#site-navigation.toggled #primary-menu                    		{ display: flex; }

/* SITE BRANDING */
.site-branding													{ width: 100%; height: auto; margin: 0; padding: 20px 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: center;  }
.site-branding .logo-cardeira									{ width: auto; height: 90px; display: block; }


/*
——————————————————————————————————————————
CONTENT
——————————————————————————————————————————
*/

/* –––––––––––––––––––––––––––––––––––––––	GENERAL */

article 														{ width: 100%; height: auto; margin: 0 auto !important; padding: 80px 0 !important; }
article > header 												{ display: none; }
article .entry-content											{ margin: 0; padding: 0; }	

.custom-table 													{ width: 100%; height: auto; margin: 0; padding: 0; border-collapse: collapse; }
.custom-table th												{ width: auto; height: auto; margin: 0; padding: 10px 20px 10px 0; border-bottom: solid 1px var(--black); text-align: left; vertical-align: top; }
.custom-table td												{ width: auto; height: auto; margin: 0; padding: 20px 20px 20px  0; border-bottom: solid 1px var(--lightgray); text-align: left; vertical-align: top; }
.custom-table th:last-child, .custom-table td:last-child 		{ padding-right: 0; }

div.woocommerce 												{ display: flex; gap: 100px; }
div.woocommerce h2												{ margin: 0; padding: 0; }

mark 															{ background: none; border-bottom: solid 1px var(--lightgray); }

.woocommerce-info 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 30px; background-color: var(--white); }

/* AGE DISCLAIMER*/
.age-gate__fields 												{ display: flex; flex-direction: column; gap: 20px; }


/* –––––––––––––––––––––––––––––––––––––––	HOME */

.featured-block 												{ width: 100%; max-width: 1600px !important; height: auto; margin: 0 auto !important; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
.featured-item 													{ width: 100%; height: auto; margin: 0; padding: 20px 0 40px 0; border-bottom: solid 9px var(--black); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px;}
.featured-item h2												{ margin: 10px 0 0 0; padding: 0; }
.featured-item a												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; text-decoration: none; color: var(--black); }
.featured-item a:visited										{ text-decoration: none; color: var(--black); }
.featured-item a:hover											{ text-decoration: none; color: var(--black); }

.featured-calltoaction											{ margin-top: -10px; }
.featured-item a .featured-calltoaction							{ text-decoration: underline; }



/* –––––––––––––––––––––––––––––––––––––––	CONTACT */

.contact-section 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; }	
.contact-block 													{ width: 100%; height: auto; margin: 0; padding: 0; }

.post-thumbnail + .contact-section 								{ margin-top: 60px; }



/* –––––––––––––––––––––––––––––––––––––––	PRODUCT LIST */

.products 														{ width: 100%; height: auto; margin: 0 auto !important; padding: 60px 0 !important; list-style: none; display: grid; grid-template-columns: repeat(2,1fr); gap: 40px 20px; }
.products li 													{ width: 100% !important; height: auto; margin: 0 !important; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 30px; }
.products li a 													{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-decoration: none; text-align: center; }
.products li h2													{ margin: 0; padding: 10px 0; }
.products li img 												{ width: 100%; height: auto; }
.products li .button 											{ visibility: visible; }

/* –––––––––––––––––––––––––––––––––––––––	PRODUCT NAVIGATION & FILTER */

/*	PRODUCT NAVIGATION */
#products-navigation 											{ width: auto; height: auto; margin: 0; padding: 26px 20px 10px 0; display: flex; flex-direction: row; gap: 20px; align-items: flex-end; justify-content: flex-end; background-color: var(--white); position: fixed; top: 0; right: 0; z-index: 900; } 

#products-navigation a 											{ color: var(--black); text-decoration: none; margin: 0; padding: 0 0 2px 0; }
#products-navigation a:hover 									{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
#products-navigation li.active a								{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
#products-navigation span										{ border-bottom: solid 1px var(--black); margin-bottom: -1px; display: block; margin: 0; padding: 0 0 2px 0; }

/*	PRODUCT PAGINATION */
.woocommerce-pagination 										{ width: auto; height: auto; margin: 0; padding: 0; }
.page-numbers 													{ width: auto; height: auto; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; gap: 20px; }
.page-numbers .products-categories li							{ margin: 0; padding: 0; }

#products-navigation li:has(> a.next),
#products-navigation li:has(> a.prev) 							{ display: none !important; }

/*	PRODUCT CATEGORIES */
.categories-panel												{ width: auto; height: auto; margin: 0; padding: 60px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 40px; background: var(--white); position: fixed; top: 0; right: -100%; box-shadow: -2px 0 10px rgba(0,0,0,0.1); transition: right 0.4s ease-in-out; z-index: 9999 !important; }
.categories-panel.active										{ right: 0; }

.categories-toggle 												{ display: flex; }

.products-categories 											{ width: auto; height: auto; margin: 0 auto 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 20px; }
.products-categories li											{ margin: 0; padding: 0; }
.products-categories a 											{ color: var(--black); text-decoration: none; margin: 0; padding: 0 0 2px 0; }
.products-categories a:hover 									{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
.products-categories li.active a								{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
.products-categories span										{ border-bottom: solid 1px var(--black); margin-bottom: -1px; display: block; margin: 0; padding: 0 0 2px 0; }

.products-categories.for-desktop 								{ display: none; } 

/* PRODUCT FILTER */
.filters-panel 													{ width: auto; height: auto; margin: 0; padding: 60px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 40px; background: var(--white); position: fixed; top: 0; right: -100%; box-shadow: -2px 0 10px rgba(0,0,0,0.1); transition: right 0.4s ease-in-out; z-index: 9999 !important; }
.filters-panel.active 											{ right: 0; }

.filter-group 													{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.filter-group label 											{ color: var(--gray); }

.filter-list 													{ width: 100%; height: auto; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 15px; }
.filter-list li 												{ margin: 0; padding: 0; }
.filter-list li a 												{ color: var(--black); text-decoration: none; margin: 0; padding: 0; position: relative; padding-left: 20px; display: inline-block; }
.filter-list li a::before 										{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; transform: translateY(-50%); width: 11px; height: 11px; border: 1px solid var(--black); border-radius: 50%; background: var(--white); }
.filter-list li.active a::before 								{ background: var(--black); }

.price-ui 														{ width: 100%; height: 11px; margin: 0; padding: 0; display: block; position: relative; }
.price-range 													{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; }
.noUi-target 													{ background: var(--gray); border-radius: 0; height: 1px !important; margin-top: 5px; border: none; position: relative; }
.noUi-connect 													{ background: var(--black); }
.noUi-handle 													{ width: 11px !important; height: 11px !important; border-radius: 50%; background: #000; border: none; box-shadow: none; top: -5px !important; position: absolute; cursor: pointer; opacity: 1; }
.noUi-handle-lower 												{ left: 100%; }
.noUi-handle-upper 												{ transform: translateX(-100%); left: 100%; }
.noUi-handle:focus, .noUi-handle:hover 							{ background: var(--black); }
.noUi-horizontal .noUi-handle::before, 
.noUi-horizontal .noUi-handle::after 							{ display: none; }

/* CLOSE BUTTON */
.close-button 													{ position: absolute; top:25px; right: 25px; width: 14px; height: 14px; display: inline-block; cursor: pointer; }
.close-button::before, .close-button::after						{ content: ''; position: absolute; left: 50%; top: 50%; width: 24px; height: 1px; background-color: var(--gray); transform-origin: center; }
.close-button::before 											{ transform: translate(-50%, -50%) rotate(45deg); }
.close-button::after											{ transform: translate(-50%, -50%) rotate(-45deg); }

/* –––––––––––––––––––––––––––––––––––––––	PRODUCT */

.single-product .product										{ width: 100%; height: auto; margin: 0 auto !important; padding: 80px 0 !important; }

/* PRODUCT GALLERY */
.woocommerce-product-gallery									{ width: 100%; height: auto; margin: 0; padding: 0; grid-row: 1; grid-column: 1; background-color: var(--white); position: relative; }
.woocommerce-product-gallery__image 							{ aspect-ratio: 1 / 1; display: flex; align-items: stretch; justify-content: center; overflow: hidden; }
.woocommerce-product-gallery__image img 						{ height: 100%; width: auto; object-fit: cover; }

.woocommerce-product-gallery__trigger							{ width: 32px; height: 32px; margin: 0; padding: 0; position: absolute; top: 16px !important; left: 16px !important; border-radius: 16px; background-color: var(--white); overflow: hidden; text-indent: -9999px; z-index: 99; outline: none !important; }
.woocommerce-product-gallery__trigger::before					{ content: ''; width: 18px; height: 18px; position: absolute; top: 7px; left: 6px; background: url('img/icons/search.svg') no-repeat center center; background-size: contain; }

/* PRODUCT DETAILS */
.single-product .entry-summary									{ width: 100%; height: auto; margin: 0; padding: 0 15%; grid-row: 1; grid-column: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 30px !important; }
.single-product .product_title									{ margin: 0; padding: 0; }
.single-product p.price 										{ margin: -20px 0 0 0; padding: 0; }
.single-product .product-years									{ margin: 0; padding: 0; display: flex; flex-direction: row; gap: 10px; }
.single-product .product-year									{ margin: 0; padding: 5px 10px !important; border: solid 1px var(--black); color: var(--black); display: inline-block !important; text-decoration: none; max-width: fit-content; }

.single-product .product-varieties 								{ margin: 60px 0 0 0; padding: 0; }

.single-product .product-attributes								{ margin: 0; padding: 0; display: flex; flex-direction: row; gap: 15px; }
.single-product .product-attribute::after						{ content: "|"; padding-left: 15px; }
.single-product .product-attribute:last-of-type::after			{ content: none; padding-left: 0; }
.single-product .product-description 							{ margin: 0 0 60px 0; padding: 0; }

.single-product p.stock 										{ margin: 0; padding: 0; }
.single-product p.in-stock 										{ color: var(--black) !important;}
.single-product form.cart 										{ width: auto; height: auto; margin: 0; padding: 0; display: flex; flex-direction: row; gap: 20px; }


/* –––––––––––––––––––––––––––––––––––––––	SHOPPING CART */

.wc-block-cart-items th											{ padding-left: 0 !important; padding-right: 0 !important; }
.wc-block-cart-items th:first-of-type 							{ text-align: left; }
.wc-block-cart-items td 										{ border-top: 1px solid var(--lightgray) !important; padding: 48px 0 48px 16px !important; }
.wc-block-cart-items tr:first-of-type td 						{ border-top: 9px solid var(--black) !important; }
.wc-block-cart-items td.wc-block-cart-item__image 				{ padding-left: 0 !important; }
.wc-block-cart-items td.wc-block-cart-item__total				{ padding-right: 16px !important; }
.wc-block-cart-items 											{ border-bottom: 1px solid var(--lightgray) !important; }


.wp-block-woocommerce-cart-order-summary-totals-block 			{ border-top: 9px solid var(--black) !important; padding-top: 32px !important; padding-bottom: 48px !important; }

.wc-block-components-shipping-address 							{ padding-top: 24px !important; }

.wp-block-woocommerce-cart-order-summary-totals-block + 
.wc-block-components-totals-wrapper								{ border-top: 1px solid var(--lightgray) !important; padding-top: 32px !important; padding-bottom: 32px !important; }
.wc-block-cart__submit-container 								{ text-align: center;}


/* –––––––––––––––––––––––––––––––––––––––	ACCOUNT */

.col2-set														{ width: 100%; height: auto; margin: 0; padding: 0 !important; display: grid; grid-template-columns: repeat(12, 1fr); gap: 60px 30px; }

.col2-set .col-1, 
.col2-set .col-2												{ margin: 0; padding: 20px 0 0 0; border-top: 9px solid var(--black) !important; display: flex; flex-direction: column; gap: 30px; }
.col2-set .col-1												{ grid-column: 1 / span 6; }
.col2-set .col-2												{ grid-column: 7 / span 6; }

div.woocommerce > .col2-set .col-1, 
div.woocommerce > .col2-set .col-2								{ margin: 0; padding: 20px 0 0 0; border-top: 9px solid var(--black) !important; display: flex; flex-direction: column; gap: 60px; }
div.woocommerce > .col2-set .col-1								{ grid-column: 1 / span 12; grid-row: 1; }
div.woocommerce > .col2-set .col-2								{ grid-column: 1 / span 12; grid-row: 2; }
div.woocommerce > .col2-set h2									{ margin: 0; padding: 0; }
div.woocommerce > .col2-set p									{ margin: 0; padding: 0; }


.woocommerce-form-login,
.woocommerce-form-register 										{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 30px; }
.woocommerce-form-login label,
.woocommerce-form-register label								{ display: block; margin: 0 0 5px 0; padding: 0; }

.woocommerce-form-register 	input[type="text"],
.woocommerce-form-register 	input[type="email"],
.woocommerce-form-register	input[type="password"],
.woocommerce-form-login 	input[type="text"],
.woocommerce-form-login 	input[type="email"],
.woocommerce-form-login 	input[type="password"] 				{ width: 80%; height: 32px; margin: 0; border-radius: 0; border-color: var(--black); }

.password-input 												{ width: auto; height: auto; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
.show-password-input 											{ width: 20px !important; height: 32px; margin: 0 !important; padding: 0 !important; background: url('img/icons/eye.svg') center center no-repeat; background-size: contain; border: none; cursor: pointer; opacity: 0.25; }
.show-password-input.display-password 							{ opacity: 1; }


/* –––––––––––––––––––––––––––––––––––––––	ACCOUNT EDIT */

.woocommerce-MyAccount-navigation								{ width: 30%; height: auto; margin: 0 !important; padding: 32px 0 0 0; border-top: 9px solid var(--black) !important; display: inline-flex; flex-direction: column; }

.woocommerce-MyAccount-navigation ul							{ width: 100%; height: auto; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.woocommerce-MyAccount-navigation a								{ color: var(--black); text-decoration: none; margin: 0; padding: 0 0 2px 0; }
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a					{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
.woocommerce-MyAccount-navigation-link--customer-logout 		{ padding-top: 22px;}

.woocommerce-MyAccount-content									{ width: 100%; height: auto; margin: 0 !important; padding: 32px 0 0 0; border-top: 9px solid var(--black) !important; display: inline-flex; flex-direction: column; }

.woocommerce-view-order .woocommerce-MyAccount-content,
.woocommerce-edit-address .woocommerce-MyAccount-content 		{ gap: 60px; }

/* ORDERS */
.woocommerce-orders-table 										{ width: 100%; height: auto; margin: 0; padding: 0; border-collapse: collapse;}
.woocommerce-orders-table th,
.woocommerce-orders-table td 									{ margin: 0; padding: 20px 10px 20px 0; border-bottom: solid 1px var(--lightgray); vertical-align: top; }
.woocommerce-orders-table thead th								{ padding-top: 0; }
.woocommerce-orders-table th:last-of-type,
.woocommerce-orders-table td:last-of-type						{ padding-right: 0; }
.woocommerce-orders-table .button 								{ padding: 5px 15px !important; }
.woocommerce-table--order-details 								{ width: 100%; height: auto; margin: 0 0 20px 0; padding: 0; border-collapse: collapse; }
.woocommerce-table--order-details th,
.woocommerce-table--order-details td							{ margin: 0 0 0 0; padding: 20px 10px 20px 0; border-bottom: solid 1px var(--lightgray); vertical-align: top; text-align: left; }

/* ADDRESSES */
.woocommerce-address-fields__field-wrapper 						{ width: 50%; height: auto; margin: 60px 0; padding: 0; }
.woocommerce-address-fields__field-wrapper label				{ display: block; margin: 0 0 5px 0; padding: 0; }
.woocommerce-address-fields__field-wrapper input[type="text"],
.woocommerce-address-fields__field-wrapper input[type="email"],
.woocommerce-address-fields__field-wrapper input[type="tel"]	{ width:100%; height: 32px; margin: 0; border-radius: 0; border-color: var(--black); }

/* ACCOUNT DETAILS */
.woocommerce-EditAccountForm 									{ width: 50%; height: auto; margin: 0; padding: 0; }
.woocommerce-EditAccountForm label								{ display: block; margin: 0 0 5px 0; padding: 0; }
.woocommerce-EditAccountForm #account_display_name_description	{ display: block; margin: 5px 0 0 0; padding: 0; }
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"] 				{ width: 100%; height: 32px; margin: 0; border-radius: 0; border-color: var(--black); }
.woocommerce-EditAccountForm input[type="password"]				{ width: 50%; height: 32px; margin: 0; border-radius: 0; border-color: var(--black); }
.woocommerce-EditAccountForm fieldset							{ width: 100%; height: auto; margin: 60px 0; padding-bottom: 15px; border: solid 1px var(--lightgray); }

/* –––––––––––––––––––––––––––––––––––––––	NOTICES */

.woocommerce-notices-wrapper 									{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; width: auto; max-width: 50%; pointer-events: none; }
div.custom-floating-notice 										{ position: relative; background: var(--black) !important; color: var(--white); border: none; border-radius: 0; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); pointer-events: auto; outline: none !important; display: flex; flex-direction: column; gap: 20px; }
ul.custom-floating-notice 										{ position: relative; background: var(--black) !important; color: var(--white); border: none; border-radius: 0; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); pointer-events: auto; outline: none !important; list-style: none; }
ul.custom-floating-notice li 									{ position: relative; display: flex; flex-direction: column; gap: 20px; }

/* CLOSE BUTTON */
.notice-close-button											{ width: 15px; height: 15px; margin: 0; padding: 0; position: absolute; top: 12px; right: 12px; background: none; border: none; border-radius: 0; cursor: pointer; }
.notice-close-button::before, 
.notice-close-button::after										{ content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 1px; background-color: var(--white); transform-origin: center; }
.notice-close-button:hover::before,
.notice-close-button:hover::after								{ background-color: var(--gray); }
.notice-close-button::before									{ transform: translate(-50%, -50%) rotate(45deg); }
.notice-close-button::after										{ transform: translate(-50%, -50%) rotate(-45deg); }

/* HIDE */
.custom-floating-notice.hide 									{ opacity: 0; visibility: hidden; }

/*
——————————————————————————————————————————
FOOTER
——————————————————————————————————————————
*/

#colophon 														{ width: 100%; height: auto; margin: 0; padding: 200px 0 30px 0; display: flex; flex-direction: column-reverse; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; gap: 40px; background-color: var(--white); }

#footer-menu 													{ width: auto; height: auto; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 15px; }
#footer-menu a 													{ color: var(--black); text-decoration: none; margin: 0; padding: 0 0 2px 0; }
#footer-menu a:hover 											{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }
#footer-menu .current-menu-item a, 
#footer-menu .current-menu-ancestor a, 
#footer-menu .current_page_item a, 
#footer-menu .current_page_ancestor a							{ border-bottom: solid 1px var(--black); margin-bottom: -1px; }


/* COOKIE BUTTON */
.cky-btn-revisit-wrapper {
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
}