/*!
Theme Name:   Storefront Child
Template: Storefront
Theme URI:    https://woocommerce.com/products/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      5.6.1
Tested up to: 6.7
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*//*!
 * normalize.css v5.0.3 | MIT License | github.com/necolas/normalize.css

/* --------------- Theme customization starts here ----------------- */

/***Global***********************************************************/

.entry-header {
	padding-bottom: 20px !important;
}
.footer-links ul{
  padding-left:0 !important;
  margin-left:0 !important;

}
 

.single-product div.product .single_variation .price , .single-product div.product .single_variation .price .amount {
color:rgb(43, 43, 43) !important;
}

/********************************************************************/

/*Product Add ons */
div.wc-pao-col2 {
	display: none;
}
div.wc-pao-col1 {
	display: none;
}

div.product-addon-totals {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	border: none;
}

.wc-pao-addon-name {
font-size: 21px!important; 
font-weight: bold;
margin-top: 5px;
}

.wc-pao-addon-heading {
font-size: 14px!important; 
font-weight: bold;
margin-top: 15px;
}

h2.wc-pao-addon-name {
	margin-top: 25px !important;
}

.wc-pao-addon .wc-pao-addon-wrap select {
    font-size: 1em;
    width: auto;
    min-width: 50%;
    border-radius: 15px 15px 15px 15px;
    padding: 8px;
}
.wc-pao-addon-select{
	min-width: 70% !important;
}


select#addon-111-1701173357.wc-pao-addon-field.wc-pao-addon-select{
	font-family: 'Poppins', Sans-serif; 
}
select#addon-111-1690883218.wc-pao-addon-field.wc-pao-addon-select{
	font-family: 'Poppins', Sans-serif; 
	
}



/***Price Suffix formatting**********************************************************************/

.woocommerce-price-suffix {
font-size: 15px !important;
font-weight: Bold !important;

}



/*Tiered Pricing*/

.tiered-pricing-blocks {
    display: flex;
    flex-wrap: wrap;
    /*gap: 10px;
    margin: 15px 0;
    margin-left: 5px;*/
		text-align: center;
}

.tiered-pricing-block__price {
    margin-bottom: -7px;
    font-weight: bold;
    font-size: 1.1em;
}

.tiered-pricing-wrapper h3 {
font-size: 21px!important; 
margin-top: -30px!important;
}




.login h1 a {
			background-size: 400px;
			width: 400px;
			height: 120px;
}

/*  Change search bar behavior  */

.woocommerce-active .site-header .site-search {
  width: 25% !important;
  float: right !important;
  clear: none !important;
}




.storefront-handheld-footer-bar ul.columns-3 li {
  width: 50%;
}

.elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #69727d;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    text-decoration: none !important;
}



.content-area {
	margin-bottom: 2.617924em;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width:90% !important;
	float: none !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .hentry, .woocommerce-checkout .hentry {
 
    margin-top: 0px !important;
  }
}

.aws-container .aws-search-form .aws-wrapper {
    flex-grow: 1;
    position: relative;
    vertical-align: top;
    padding: 0;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
}

.aws-container[data-buttons-order="3"] .aws-search-form .aws-search-btn {
    margin: 0 -1px 0 0;
	  border-top-left-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
}


ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
    margin-bottom: .236em;
    background-color: #F4D122;
    color: white !important;
		border-top-left-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		text-transform: capitalize !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #F4D122;
    border-color: #2c2d33;
    color: #000000;
}

.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
    text-decoration: none;
	  background-color: #F4D122;
    color: #000000;
}

.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .onsale, .wc-block-grid__product-onsale, .widget_search form:before, .widget_product_search form:before {
    color: #6d6d6d;
    display: none;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a {
    font-weight: 400;
    margin-bottom: .5407911001em;
	background-color: #F4D122;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
	transition-duration: 0.4s;
  margin-bottom: .5407911001em;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 16px;

}

h2.woocommerce-loop-product__title {
	display: none!important;
}

mark.count {
	color: white!important;
}

ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img {
    display: block;
    margin: 0 auto 1.618em;
		height: 200px;
		object-fit: contain;
		object-position: top;
}




@media (min-width: 768px) {
    .woocommerce-cart .hentry, .woocommerce-checkout .hentry {
        border-bottom: 0;
        padding-bottom: 0;
				margin-top: -70px;
    }
}

ul.products li.product .button:hover {
		transition: 0.7s;
    margin-bottom: .236em;
    background-color: #000000;
    color: #F4D122 !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    text-transform: capitalize !important;
}



@media only screen 
and (max-device-width: 1000px)
{ h1.entry-title {
    display: var(--page-title-display);
		margin-top: 10px;
}
}


.elementor-75799 .elementor-element.elementor-element-3729c6c5 .elementskit-navbar-nav .elementskit-submenu-panel {
    border-radius: 0px 0px 0px 0px;
    min-width: 220px;
		margin-top: -16px;
		padding-bottom: -15px;
		padding-top: -15px;
}

.elementor-75799 .elementor-element.elementor-element-3729c6c5 .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
    padding: 5px 5px 5px 5px;
    color: #000000;
		margin-top: 2px !important;
}



.price del+ins {
    margin-left: .327em;
    font-weight: bold;
}

h1.product_title.entry-title {
	margin-top: 5px;
}







button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    background-color: #F4D122 !important;
    color: #000000;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 20px 10px 20px;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background-color: #F4D122;
    border-color: none !important;
    color: #000000;
		border-radius: 25px 25px 25px 25px;
    padding: 10px 20px 10px 20px;
}

div.woocommerce-product-details__short-description {
	display: none;
}

.quantity .qty {
    width: 4.235801032em;
    text-align: center;
	  border-radius: 25px 25px 25px 25px;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    background-color: #000000;
    border-color: none;
    color: #F4D122;
}

.tiered-pricing-block {
    padding: 0 10px;
    border: 1px solid #ccc;
    transition: all .2s;
    border-radius: 20px 20px 20px 20px;
}

div.product-addon-totals .wc-pao-subtotal-line {
    justify-content: left;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin-top: 20px;
}






/***Breadcrumbs******************************************************************************/

 

.storefront-breadcrumb {
	margin-bottom: 0px;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}
	

/********************************************************************************************/

/*****************FPD************************************************************************/

.fpd-product-designer-wrapper {
	max-width: 80% !important;
}




/***Single Product Page**********************************************************************/
.single-product div.product {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .summary {
   width: 50% !important; 
        float: right !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 768px) {
   .single-product div.product .woocommerce-product-gallery {
	margin-right: 0px !important;
	float: left !important;
	width: 100% !important;
	}
}

@media (min-width: 768px) {
.single-product div.product .woocommerce-product-gallery {
	margin-right: 0px !important;
	padding-right: 10px !important;
	float: left !important;
width: 47% !important; 
}
	
}

.woocommerce-product-gallery__wrapper {
	display: flex;
	justify-content: center;
}


.single-product div.product table.variations select {
    max-width: 100%;
    vertical-align: middle;
    border-radius: 15px 15px 15px 15px;
    padding: 8px;
}

.single-product div.product p.price {
    font-size: 1.41575em;
    margin: 1.41575em 0;
    font-weight: bold;
}

.single-product div.product .single_variation .price {
    margin-bottom: 1em;
    display: block;
    font-weight: bold;
}

.single-product div.product table.variations {
    table-layout: fixed;
    margin: 0;
		margin-top: -25px;
}

.single-product div.product p.price {
    font-size: 1.41575em;
    margin: 1.41575em 0;
    font-weight: bold;
    margin-top: -5px;
}


select#pa_material {
	width: 70%;
}

select#pa_size {
	width: 70%;

}


/*******************/

div.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-739311b6 {
    display: inline-flex;
    justify-content: space-evenly;
    align-self: center;
    padding: 0px 20px;
    /*background-color: red;*/
    width: 20%;
    min-width: fit-content;
}

.elementor-75799 .elementor-element.elementor-element-6c4cfa31 .elementskit-navbar-nav .elementskit-submenu-panel {
    border-radius: 0px 0px 0px 0px;
    min-width: 220px;
    margin-top: -30px!important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    margin-right: 10px;
		border-radius: 20px 20px 20px 20px;
}

.product_list_widget li>a {
    display: inline;
    margin-right: 20px;
}

.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__main {
    bottom: auto;
    height: auto;
    left: auto;
    overflow: visible;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    transition: .3s;
    width: auto;
    border-radius: 20px;
}

.wc-pao-addon label.wc-pao-addon-name {
    font-weight: bold;
    margin-top: 20px!important;
}

/*******************Woocommerce - Product Category************/

.woocommerce-products-header {
	padding-bottom: 10px !important;
}

.woocommerce-products-header__title {
	margin-bottom: 10px !important;
}


.product-category {
	margin-left: 1.5% !important;
	margin-right: 1.5% !important;
	margin-bottom: 1.5% !important;
}


.woocommerce-loop-category__title {
	display: block !important;
	max-width: 360px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.storefront-sorting {
	margin-bottom: 10px !important;
}

.product.type-product {
	margin-left: 1.5% !important;
	margin-right:1.5% !important;
	margin-bottom:1.5% !important;
}

ul.products li.product img {
	margin-bottom: 1.5% !important;
}

/***************************************************************/

/*About Us*/
.page-id-17 .entry-title{
display:none;
}
/*FAQ*/
.page-id-30 .entry-title{
display:none;
}
/*Shipping Information*/
.page-id-85 .entry-title{
display:none;
}

a.elementskit-btn.whitespace--normal {
	text-decoration: none!important;
}

table.productdimensions, table.productdimensions th, table.productdimensions td {
	border: 1px solid;
	background-color: #f2f2f2!important;
	table-layout: fixed;
}




th.label label {
	text-transform: uppercase;
	font-size: 18px;
	color: black;
	font-weight: bold!important;
}

div.afb2b_role_default_div {
	font-size: 16px;
	font-family: 'Poppins', Sans-serif; 
}

h2.wc-pao-addon-name {
	font-size: 18px!important;
	font-family: 'Poppins', Sans-serif; 
	text-transform: uppercase;
}

p.price {
	margin-top: 15px!important;
}

.woo-product-title {
    margin-top: 15px!important;
}

.post-51961.page.type-page.status-publish.hentry {
	margin-top: 45px!important;
}



    /******* OVERWRITE CSS  ITEM LAYOUT****/

    /* 1. Container Grid Overwrite */
ul.products.columns-5 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 32px 0 !important;
}

/* 2. Individual Product Card */
ul.products li.product {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 18px !important; /* var(--radius-card) */
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
    overflow: visible !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
}

ul.products li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 22px 36px rgba(0, 0, 0, 0.32) !important; /* var(--shadow-card) */
}

/* 3. Image Wrap & Image */
ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;
    padding: 24px 24px 8px !important;
    text-decoration: none !important;
}

ul.products li.product img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    margin-bottom: 0 !important;
    display: block !important;
}

/* 4. Title & Typography */
ul.products li.product .woocommerce-loop-product__title {
    padding: 0 24px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 4px 0 6px !important;
    line-height: 1.2 !important;
}

/* 5. Price Styling */
ul.products li.product .price {
    padding: 0 24px 18px !important;
    font-size: 14px !important;
    color: #555 !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* 6. The Button (Yellow Bar Style) */
ul.products li.product a.button {
    margin: 0 24px 24px !important;
    background-color: #ffd623 !important; /* var(--yellow) */
    color: #000 !important;
    border-radius: 24px !important;
    padding: 12px 18px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: center !important;
    border: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease !important;
}
ul.products::before, ul.products::after {
  content:unset !important;
  display: table;
}
ul.products li.product a.button:hover {
    background-color: #f3cf00 !important; /* var(--yellow-hover) */
}

/* 7. Responsive Fixes */
@media (max-width: 1024px) {
    ul.products.columns-5 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    ul.products.columns-5 {
        grid-template-columns: 1fr !important;
    }
}

/****** Pagination *****/


/* Container Spacing */
.woocommerce-pagination {
    margin: 40px 0 !important;
    text-align: center;
}

/* Remove default dots/bullets */
.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    gap: 10px;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
}

/* Base Style for all items (Numbers and Arrows) */
.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 0 15px;
    border-radius: 12px; /* Matches card vibe */
    background: #ffffff;
    color: #111111;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

/* Hover State */
.woocommerce-pagination ul.page-numbers li a:hover {
    background: #f7f7f7;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    color: #000;
}

/* ACTIVE / SELECTED PAGE (The Yellow Highlight) */
.woocommerce-pagination ul.page-numbers li span.current {
    background: #ffd623 !important; /* Your signature yellow */
    color: #000 !important;
    box-shadow: 0 6px 15px rgba(255, 214, 35, 0.4) !important;
    border: none !important;
}

/* Next/Prev Arrow Specifics */
.woocommerce-pagination ul.page-numbers li a.next,
.woocommerce-pagination ul.page-numbers li a.prev {
    font-size: 20px;
    background: #111;
    color: #fff;
}

.woocommerce-pagination ul.page-numbers li a.next:hover {
    background: #333;
    color: #ffd623;
}


/*** select box ordering ***/

/* 1. Container alignment */
.woocommerce-ordering {
    margin-bottom: 30px !important;
 
    display: flex;
    justify-content: flex-end; /* Align to the right side of the grid */
    width: fit-content;
}

/* 2. Select Box Styling */
.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background-color: #ffffff !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 40px 12px 20px !important;
    border: 2px solid #eeeeee !important;
    border-radius: 30px !important; /* Matches the pill buttons */
    cursor: pointer;
    outline: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    
    /* Custom Arrow Icon (SVG for sharpness) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/* 3. Hover and Focus State */
.woocommerce-ordering select.orderby:hover {
    border-color: #dddddd !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.woocommerce-ordering select.orderby:focus {
    border-color: #ffd623 !important; /* Your signature yellow */
    box-shadow: 0 0 0 4px rgba(255, 214, 35, 0.2);
}

/* 4. Responsive adjustment */
@media (max-width: 768px) {
    .woocommerce-ordering {
        justify-content: center;
        width: 100%;
    }
    .woocommerce-ordering select.orderby {
        width: 100%;
        max-width: 320px;
    }
}

/* Container and Typography */
p.woocommerce-result-count {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #666666 !important;
 
    padding: 8px 16px !important;
    background: #f7f7f7; /* Light grey background to separate from white cards */
    display: inline-block;
    border-radius: 12px; /* Soft radius to match your sign-card style */
    border-left: 4px solid #ffd623; /* Signature yellow accent bar */
}

/* If you want it to sit on the same line as the sorting dropdown */
@media (min-width: 769px) {
    .woocommerce-result-count {
        float: left;
        margin-top: 10px !important;
    }
}

/* Responsive adjustment */
@media (max-width: 768px) {
    p.woocommerce-result-count {
        display: block;
        text-align: center;
        margin: 0 auto 15px auto !important;
        border-left: none;
        border-bottom: 3px solid #ffd623;
    }
}


/******** single page tab from vertical to horizopntal *****/

/* 1. Force the Wrapper to a Single Column */
.woocommerce-tabs.wc-tabs-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 40px 0 !important;
}

/* 2. Modern Tab Buttons - Full Width Row */
ul.tabs.wc-tabs {
    display: flex !important;
    flex-direction: row !important; /* Buttons stay horizontal in their row */
    gap: 15px;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    border: none !important;
    list-style: none !important;
}

/* 3. Modern Button Look */
ul.tabs.wc-tabs li {
    margin: 0 !important;
    padding: 0 !important;
    background: #f7f7f7 !important; /* Default grey background */
    border-radius: 12px !important; /* Modern rounded corners */
    transition: all 0.3s ease;
    border: 2px solid #eeeeee !important;
}

ul.tabs.wc-tabs li a {
    display: block !important;
    padding: 14px 28px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    color: #444444 !important;
    text-decoration: none !important;
    text-align: center;
    white-space:nowrap;
}

/* 4. Active State - The "Sign" Look (Yellow) */
ul.tabs.wc-tabs li.active {
    background: #ffd623 !important; /* Signature Yellow */
    border-color: #ffd623 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 214, 35, 0.3);
}

ul.tabs.wc-tabs li.active a {
    color: #000000 !important;
}

/* 5. Hover State for non-active buttons */
ul.tabs.wc-tabs li:not(.active):hover {
    background: #ffffff !important;
    border-color: #ffd623 !important;
    transform: translateY(-2px);
}

/* 6. Content Panel (Strictly below the buttons) */
.woocommerce-tabs .panel.entry-content {
    width: 100% !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 2px solid #eeeeee !important;
    border-radius: 18px !important; /* Matches your sign-card radius */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    animation: slideInUp 0.4s ease-out;
}

/* 7. Content Animation */
@keyframes slideInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile: Stack buttons vertically if screen is too small */
@media (max-width: 600px) {
    ul.tabs.wc-tabs {
        flex-direction: column !important;
    }
    ul.tabs.wc-tabs li {
        width: 100% !important;
    }
}

/* 1. Base Grid Structure */
ul.products.columns-3 {
    display: grid !important;
    /* Desktop Default: 3 Columns */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 32px 0 !important;
    list-style: none !important;
}

/* 2. Responsive Breakpoints */

/* Tablet: 2 Columns */
@media (max-width: 1024px) {
    ul.products.columns-3 {
        grid-template-columns: repeat(3, 1fr) !important;
        width: 95% !important;
    }
}

/* Mobile: 1 Column */
@media (max-width: 640px) {
    ul.products.columns-3 {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        padding: 16px !important;
        gap: 16px !important;
    }
}

/* 3. Card Height Normalization */
ul.products.columns-3 li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Forces all cards in a row to be equal height */
    margin: 0 !important; /* Remove theme default margins */
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.25s ease !important;
}

/* 4. Image Height Lock */
ul.products.columns-3 li.product img {
    width: 100% !important;
height: auto !important;/* Fixed height for consistency */
    object-fit: cover !important;
    border-radius: 14px 14px 0 0 !important;
}
/* Container for the Price */
.woocommerce-Price-amount.amount {
    font-size: 2rem !important; /* Large and readable */
    font-weight: 800 !important; /* Extra bold */
    color: #111111 !important; /* High contrast black */
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    letter-spacing: -0.5px;
    font-family: inherit;
}

/* Currency Symbol ($) Styling */
.woocommerce-Price-currencySymbol {
    font-size: 0.7em !important; /* Smaller than the number */
    font-weight: 600 !important;
    vertical-align: baseline;
    color: #444444 !important; /* Slightly lighter than the price */
}

/* If the price is inside the Sign Card specifically */
.sign-card .price .woocommerce-Price-amount.amount {
    margin-bottom: 5px;
}

/* Optional: Add a subtle yellow highlight behind the price on hover */
.sign-card:hover .woocommerce-Price-amount.amount {
    color: #000 !important;
    background: linear-gradient(120deg, rgba(255,223,32,0.3) 0%, rgba(255,223,32,0.3) 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.3em;
    background-position: 0 80%;
}
/* Ensure the button stays at the bottom of the card */
ul.products.columns-3 li.product a.button {
    margin-top: auto !important;
}
/* 1. Force the card to be a flexible column */
ul.products li.product {
    /* display: flex !important; */
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Style the Price Container with a Default Height */
ul.products li.product .price {
    display: block !important;
    /* This height ensures that even if empty, space is reserved */
    min-height: 50px !important; 
    margin-bottom: 0px !important;
    padding: 1rem 24px !important;
    
    /* Typography */
    font-size: 14px !important;
    color: #555555 !important;
    line-height: 1.4 !important;
}

/* 3. Handle the Price Amount specifically */
.woocommerce-Price-amount.amount {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    display: inline-block !important;
}

/* 4. The "Push" - Forces the button to the absolute bottom */
ul.products li.product a.button {
    margin-top: auto !important; /* This is the magic line */
    margin-left: 24px !important;
    margin-right: 24px !important;
    margin-bottom: 24px !important;
}

ul.products li.product img {
 
  height: 100% !important;
 
 
}
.content-area{
    width: 100% !important;
}

.site-main {
 
  margin-top: 4rem !important;
}


/***** Account page ***/

/* ══════ Discount Safety Signs — My Account Styles ══════ */

/* Layout: side-by-side nav + content */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 28px;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  font-family: 'Barlow', Arial, sans-serif;
}

/* ── Page Title ── */
.woocommerce-account  .entry-header .entry-title {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #1C1C1E;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 4px solid #FFD100;
  display: inline-block;
}

/* ══════ Sidebar Navigation ══════ */
.woocommerce-account  .woocommerce-MyAccount-navigation {
  flex: 0 0 240px;
  position: sticky;
  top: 30px;
  align-self: flex-start;
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 6px;
  background: #FFFFFF;
  border: 1px solid #E8E6E1;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  padding: 0;
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 13px 18px;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: #4A4A4A;
  text-decoration: none;
  transition: all 0.18s ease;
  border: none;
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul li a:hover {
  background: #FFF9E0;
  color: #1C1C1E;
}

/* Active nav item — dark bg with yellow text */
.woocommerce-account  .woocommerce-MyAccount-navigation ul li.is-active a {
  background: #1C1C1E;
  color: #FFD100;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  font-weight: 700;
}

/* Logout link — subtle styling */
.woocommerce-account  .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #8C8C8C !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  margin-top: 4px;
  border-top: 1px solid #E8E6E1;
  border-radius: 0 0 8px 8px !important;
}

.woocommerce-account  .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #1C1C1E !important;
  background: #F5F4F0 !important;
}

/* ══════ Main Content Area ══════ */
.woocommerce-account  .woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: #FFFFFF;
  border: 1px solid #E8E6E1;
  border-radius: 12px;
  padding: 32px 36px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
  position: relative;
}

/* Yellow left accent bar */
.woocommerce-account  .woocommerce-MyAccount-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background: #FFD100;
  border-radius: 12px 0 0 12px;
}

.woocommerce-account  .woocommerce-MyAccount-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #4A4A4A;
  margin-bottom: 12px;
}

.woocommerce-account  .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0;
}

.woocommerce-account  .woocommerce-MyAccount-content p strong {
  color: #1C1C1E;
  font-weight: 700;
}

/* Links inside content */
.woocommerce-account  .woocommerce-MyAccount-content a {
  color: #1C1C1E;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid #FFD100;
  padding-bottom: 1px;
  transition: all 0.2s ease;
}

.woocommerce-account  .woocommerce-MyAccount-content a:hover {
  color: #1C1C1E;
  border-bottom-color: #1C1C1E;
  background: #FFF9E0;
}

/* ══════ WooCommerce Tables (Orders, Downloads) ══════ */
.woocommerce-account  .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}

.woocommerce-account  .woocommerce-MyAccount-content table th {
  text-align: left;
  padding: 12px 16px;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8C8C8C;
  background: #FAFAF8;
  border-bottom: 1px solid #E8E6E1;
}

.woocommerce-account  .woocommerce-MyAccount-content table td {
  padding: 14px 16px;
  font-size: 14px;
  color: #4A4A4A;
  border-bottom: 1px solid #E8E6E1;
  vertical-align: middle;
}

.woocommerce-account  .woocommerce-MyAccount-content table tr:last-child td {
  border-bottom: none;
}

.woocommerce-account  .woocommerce-MyAccount-content table tr:hover td {
  background: #FDFCFA;
}

/* ══════ WooCommerce Buttons ══════ */
.woocommerce-account  .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account  .woocommerce-MyAccount-content .button,
.woocommerce-account  .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account  .woocommerce-MyAccount-content input[type="submit"] {
  background: #1C1C1E !important;
  color: #FFD100 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
}

.woocommerce-account  .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account  .woocommerce-MyAccount-content .button:hover,
.woocommerce-account  .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account  .woocommerce-MyAccount-content input[type="submit"]:hover {
  background: #FFD100 !important;
  color: #1C1C1E !important;
  box-shadow: 0 4px 16px rgba(255,209,0,.25) !important;
}

/* ══════ Form Fields (Edit Account, Addresses) ══════ */
.woocommerce-account  .woocommerce-MyAccount-content .woocommerce-form-row input,
.woocommerce-account  .woocommerce-MyAccount-content .form-row input,
.woocommerce-account  .woocommerce-MyAccount-content .form-row select,
.woocommerce-account  .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account  .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account  .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account  .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account  .woocommerce-MyAccount-content select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E8E6E1;
  border-radius: 8px;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 14px;
  color: #1C1C1E;
  background: #FAFAF8;
  transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account  .woocommerce-MyAccount-content select:focus {
  outline: none;
  border-color: #FFD100;
  box-shadow: 0 0 0 3px rgba(255,209,0,.15);
  background: #FFFFFF;
}

.woocommerce-account  .woocommerce-MyAccount-content label {
  font-size: 13px;
  font-weight: 700;
  color: #1C1C1E;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  display: block;
}

/* ══════ Notices ══════ */
.woocommerce-account  .woocommerce-MyAccount-content .woocommerce-message {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  border-left: 4px solid #16A34A;
  color: #166534;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
}

.woocommerce-account  .woocommerce-MyAccount-content .woocommerce-error {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-left: 4px solid #DC2626;
  color: #991B1B;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ══════ Order Status Badges ══════ */
.woocommerce-account  .woocommerce-MyAccount-content .order-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* ══════ Hide edit post link ══════ */
.woocommerce-account  .edit-link {
  display: none;
}

/* ══════ Responsive ══════ */
@media (max-width: 768px) {
 .woocommerce-account .woocommerce {
    flex-direction: column;
    gap: 18px;
    padding: 16px 0;
  }

 .woocommerce-account   .woocommerce-MyAccount-navigation {
    flex: none;
    position: static;
  }

 .woocommerce-account  .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
  }

 .woocommerce-account   .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 14px;
    font-size: 13px;
    white-space: nowrap;
  }

 .woocommerce-account  .woocommerce-MyAccount-content {
    padding: 24px 20px;
  }

 .woocommerce-account  .entry-header .entry-title {
    font-size: 22px;
  }
}

.woocommerce-account  .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a
 
 {
    text-decoration: none;
    padding: 1rem;
    display: block;
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul{
    padding: 1rem;
}

.woocommerce-account  .woocommerce-MyAccount-navigation ul li.is-active > a
 
 {
   
    color: #FFD100 !important;
   
}

.woocommerce-account  .woocommerce-MyAccount-content  a {
 
    text-decoration: none !important;
}

.woocommerce-account  .woocommerce-account .woocommerce {
  
    max-width: 100% !important; 
  
    width: 100%;
    
}


/* ══════════════════════════════════════════════════════════
   Discount Safety Signs — WooCommerce Account Pages
   Light theme · Yellow (#FFD100) + Dark (#1C1C1E) branding
   Paste into: Appearance → Customize → Additional CSS
   Font: Add Barlow via theme <head> or Elementor custom fonts
   ══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap');

/* ──────────────────────────────────────
   PAGE TITLE
   ────────────────────────────────────── */
.page-id-13 .entry-header .entry-title {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #1C1C1E;
  margin-bottom: 28px;
  padding-bottom: 14px;
  border-bottom: 4px solid #FFD100;
  display: inline-block;
}

/* Hide edit link */
.page-id-13 .edit-link {
  display: none;
}


/* ══════════════════════════════════════
   LOGIN / REGISTER PAGE
   ══════════════════════════════════════ */

/* Two-column layout */
.page-id-13 .u-columns.col2-set {
  display: flex;
  gap: 28px;
  max-width: 1100px;
  font-family: 'Barlow', Arial, sans-serif;
}

.page-id-13 .u-columns .u-column1,
.page-id-13 .u-columns .u-column2 {
  flex: 1;
  background: #FFFFFF;
  border: 1px solid #E8E6E1;
  border-radius: 12px;
  padding: 36px 32px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
  position: relative;
  overflow: hidden;
}

/* Yellow top accent bar on each column */
.page-id-13 .u-columns .u-column1::before,
.page-id-13 .u-columns .u-column2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #FFD100;
}

/* Section headings (Login / Register) */
.page-id-13 .u-columns h2 {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #1C1C1E;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E8E6E1;
}

/* ── Form Labels ── */
.page-id-13 .u-columns label {
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1C1C1E;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  display: block;
}

.page-id-13 .u-columns label .required {
  color: #DC2626;
}

/* ── Form Inputs ── */
.page-id-13 .u-columns input.input-text,
.page-id-13 .u-columns input.woocommerce-Input,
.page-id-13 .u-columns input[type="text"],
.page-id-13 .u-columns input[type="email"],
.page-id-13 .u-columns input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E8E6E1;
  border-radius: 8px;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 14px;
  color: #1C1C1E;
  background: #FAFAF8;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.page-id-13 .u-columns input.input-text:focus,
.page-id-13 .u-columns input.woocommerce-Input:focus,
.page-id-13 .u-columns input[type="text"]:focus,
.page-id-13 .u-columns input[type="email"]:focus,
.page-id-13 .u-columns input[type="password"]:focus {
  outline: none;
  border-color: #FFD100;
  box-shadow: 0 0 0 3px rgba(255,209,0,.18);
  background: #FFFFFF;
}

/* ── Form Rows spacing ── */
.page-id-13 .u-columns .form-row {
  margin-bottom: 18px;
}

/* First/Last name side by side */
.page-id-13 .u-columns .form-row-first,
.page-id-13 .u-columns .form-row-last {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.page-id-13 .u-columns .form-row-first {
  margin-right: 3%;
}

/* ── Remember Me checkbox ── */
.page-id-13 .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}

.page-id-13 .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #FFD100;
  cursor: pointer;
}

/* ── Buttons (Login / Register) ── */
.page-id-13 .u-columns button[type="submit"],
.page-id-13 .u-columns .button,
.page-id-13 .u-columns .woocommerce-Button {
  background: #1C1C1E !important;
  color: #FFD100 !important;
  border: none !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
  display: inline-block !important;
}

.page-id-13 .u-columns button[type="submit"]:hover,
.page-id-13 .u-columns .button:hover,
.page-id-13 .u-columns .woocommerce-Button:hover {
  background: #FFD100 !important;
  color: #1C1C1E !important;
  box-shadow: 0 4px 16px rgba(255,209,0,.3) !important;
  transform: translateY(-1px);
}

/* ── Lost Password link ── */
.page-id-13 .lost_password a {
  font-size: 13px;
  font-weight: 600;
  color: #8C8C8C;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.page-id-13 .lost_password a:hover {
  color: #1C1C1E;
  border-bottom-color: #FFD100;
}

/* ── Show Password toggle ── */
.page-id-13 .password-input {
  position: relative;
  display: block;
}

.page-id-13 .show-password-input {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #8C8C8C;
  padding: 4px;
  transition: color 0.2s;
}

.page-id-13 .show-password-input:hover {
  color: #1C1C1E;
}

/* ── reCAPTCHA spacing ── */
.page-id-13 .g-recaptcha {
  margin: 16px 0 8px;
}


/* ══════════════════════════════════════
   MY ACCOUNT DASHBOARD (Logged In)
   ══════════════════════════════════════ */

/* Flexbox layout: sidebar nav + content */
.page-id-13 .woocommerce {
  font-family: 'Barlow', Arial, sans-serif;
}

/* Only apply flex when nav + content exist together (logged in) */
.page-id-13 .woocommerce-MyAccount-navigation ~ .woocommerce-MyAccount-content,
.page-id-13 .woocommerce-MyAccount-navigation {
  display: block;
}

/* Use the parent .woocommerce as flex container when logged in */
.page-id-13 .woocommerce:has(.woocommerce-MyAccount-navigation) {
  display: flex;
  gap: 28px;
  max-width: 1100px;
}

/* ── Sidebar Navigation ── */
.page-id-13 .woocommerce-MyAccount-navigation {
  flex: 0 0 240px;
  position: sticky;
  top: 30px;
  align-self: flex-start;
}

.page-id-13 .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 6px;
  background: #FFFFFF;
  border: 1px solid #E8E6E1;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
}

.page-id-13 .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  padding: 0;
}

.page-id-13 .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 13px 18px;
  border-radius: 8px;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  color: #4A4A4A;
  text-decoration: none;
  transition: all 0.18s ease;
}

.page-id-13 .woocommerce-MyAccount-navigation ul li a:hover {
  background: #FFF9E0;
  color: #1C1C1E;
}

/* Active nav — dark with yellow text */
.page-id-13 .woocommerce-MyAccount-navigation ul li.is-active a {
  background: #1C1C1E;
  color: #FFD100;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  font-weight: 700;
}

/* Logout link — subtler */
.page-id-13 .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #8C8C8C !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  margin-top: 4px;
  border-top: 1px solid #E8E6E1;
  border-radius: 0 0 8px 8px !important;
}

.page-id-13 .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #1C1C1E !important;
  background: #F5F4F0 !important;
}

/* ── Main Content Panel ── */
.page-id-13 .woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: #FFFFFF;
  border: 1px solid #E8E6E1;
  border-radius: 12px;
  padding: 32px 36px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
  position: relative;
}

/* Yellow left accent */
.page-id-13 .woocommerce-MyAccount-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background: #FFD100;
  border-radius: 12px 0 0 12px;
}

.page-id-13 .woocommerce-MyAccount-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #4A4A4A;
  margin-bottom: 12px;
}

.page-id-13 .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0;
}

.page-id-13 .woocommerce-MyAccount-content p strong {
  color: #1C1C1E;
  font-weight: 700;
}

/* Content links — yellow underline */
.page-id-13 .woocommerce-MyAccount-content a {
  color: #1C1C1E;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid #FFD100;
  padding-bottom: 1px;
  transition: all 0.2s ease;
}

.page-id-13 .woocommerce-MyAccount-content a:hover {
  background: #FFF9E0;
  border-bottom-color: #1C1C1E;
}


/* ══════════════════════════════════════
   SHARED: TABLES (Orders, Downloads)
   ══════════════════════════════════════ */
.page-id-13 .woocommerce-MyAccount-content table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}

.page-id-13 .woocommerce-MyAccount-content table th {
  text-align: left;
  padding: 12px 16px;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8C8C8C;
  background: #FAFAF8;
  border-bottom: 1px solid #E8E6E1;
}

.page-id-13 .woocommerce-MyAccount-content table td {
  padding: 14px 16px;
  font-size: 14px;
  color: #4A4A4A;
  border-bottom: 1px solid #E8E6E1;
  vertical-align: middle;
}

.page-id-13 .woocommerce-MyAccount-content table tr:last-child td {
  border-bottom: none;
}

.page-id-13 .woocommerce-MyAccount-content table tr:hover td {
  background: #FDFCFA;
}


/* ══════════════════════════════════════
   SHARED: BUTTONS (all account pages)
   ══════════════════════════════════════ */
.page-id-13 .woocommerce-MyAccount-content .woocommerce-Button,
.page-id-13 .woocommerce-MyAccount-content .button,
.page-id-13 .woocommerce-MyAccount-content button[type="submit"],
.page-id-13 .woocommerce-MyAccount-content input[type="submit"] {
  background: #1C1C1E !important;
  color: #FFD100 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
}

.page-id-13 .woocommerce-MyAccount-content .woocommerce-Button:hover,
.page-id-13 .woocommerce-MyAccount-content .button:hover,
.page-id-13 .woocommerce-MyAccount-content button[type="submit"]:hover,
.page-id-13 .woocommerce-MyAccount-content input[type="submit"]:hover {
  background: #FFD100 !important;
  color: #1C1C1E !important;
  box-shadow: 0 4px 16px rgba(255,209,0,.3) !important;
  transform: translateY(-1px);
}


/* ══════════════════════════════════════
   SHARED: FORM FIELDS (Edit Account, Addresses)
   ══════════════════════════════════════ */
.page-id-13 .woocommerce-MyAccount-content input[type="text"],
.page-id-13 .woocommerce-MyAccount-content input[type="email"],
.page-id-13 .woocommerce-MyAccount-content input[type="password"],
.page-id-13 .woocommerce-MyAccount-content input[type="tel"],
.page-id-13 .woocommerce-MyAccount-content select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E8E6E1;
  border-radius: 8px;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 14px;
  color: #1C1C1E;
  background: #FAFAF8;
  transition: all 0.2s ease;
}

.page-id-13 .woocommerce-MyAccount-content input:focus,
.page-id-13 .woocommerce-MyAccount-content select:focus {
  outline: none;
  border-color: #FFD100;
  box-shadow: 0 0 0 3px rgba(255,209,0,.18);
  background: #FFFFFF;
}

.page-id-13 .woocommerce-MyAccount-content label {
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1C1C1E;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  display: block;
}


/* ══════════════════════════════════════
   SHARED: NOTICES
   ══════════════════════════════════════ */
.page-id-13 .woocommerce-message {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  border-left: 4px solid #16A34A;
  color: #166534;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
}

.page-id-13 .woocommerce-error {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-left: 4px solid #DC2626;
  color: #991B1B;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
  list-style: none;
}

.page-id-13 .woocommerce-info {
  background: #FFF9E0;
  border: 1px solid #FDE68A;
  border-left: 4px solid #FFD100;
  color: #92400E;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
}


/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width: 768px) {

  /* Login/Register stacks */
  .page-id-13 .u-columns.col2-set {
    flex-direction: column;
    gap: 18px;
  }

  .page-id-13 .u-columns .u-column1,
  .page-id-13 .u-columns .u-column2 {
    padding: 28px 22px;
  }

  .page-id-13 .u-columns .form-row-first,
  .page-id-13 .u-columns .form-row-last {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  /* Account dashboard stacks */
  .page-id-13 .woocommerce:has(.woocommerce-MyAccount-navigation) {
    flex-direction: column;
    gap: 18px;
  }

  .page-id-13 .woocommerce-MyAccount-navigation {
    flex: none;
    position: static;
  }

  .page-id-13 .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
  }

  .page-id-13 .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 14px;
    font-size: 13px;
    white-space: nowrap;
  }

  .page-id-13 .woocommerce-MyAccount-content {
    padding: 24px 20px;
  }

  .page-id-13 .entry-header .entry-title {
    font-size: 22px;
  }
}