/* customizer-migrated.bundle.css — auto-built from inc/css/customizer-migrated/*.css */

/*
|--------------------------------------------------------------------------
| 01 Header Covers Account Tabs
| Split from customizer-migrated.css — load order matters (see functions.php).
| Sticky header, nav sizing, header account dropdown, site title, hide-filters, covers gallery, custom account page shell + tab buttons.
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| TEMP: Migrated From Astra Customizer
| Paste Customizer CSS here first, then split into feature files over time.
|--------------------------------------------------------------------------
*/
/*1rem = 16px*/
/*SEARCH BAR 
HEADER
COVERS PAGE
CART PAGE
ACCOUNT PAGE
SINGLE PRODUCT
GENERAL SPACING?
SIDEBAR
GENERAL STYLING
eE PAGE

*/
/*SEARCH FOR W= MAYBE W+ FOR ALL OF THE CHANGES.*/
.main-header-bar-navigation {font-size: 1.3rem;


	
	/* Adjust this value */}
/*==========Search bar=========*/
/*======HEADER=========*/

.site-header {
  position: sticky;
  top: -1px; /* Pull up by 1px to close the gap where content peeks through */
  margin-top: 0;
  width: 100%;
  z-index: 1100;
}

/* Ensure content below doesn’t slide under header 
body:not(.ast-header-break-point) .site-content {
  padding-top: var(--above-header-height, 80px);
}*/
/*mobile*/
@media (max-width: 767px) {
  .ast-above-header-bar {
    position: relative;
    top: auto;
    left: auto;
  }
}

/*======STICKYHEADER DESKTOP END========*/

/*====== MY ACCOUNT=========*/
/*THIS IS A SIGN IN PAGE AND MY ACCOUNT DROP DOWN*/.header-account-wrapper {
  position: relative;
  display: inline-block;
  z-index: 1100; 
	/* Higher than nav row */
}

.header-account-link {
  background: #000060;
  color: white;
  padding: .3rem 1.3rem;
  border-radius: .2rem;
  text-decoration: none;
  display: inline-block;
}

.header-account-link:hover {  background: #046223;}

/* Logged OUT = colored button */
.header-account-link.logged-out {
   background: #fa0042;}



.account-dropdown {
  display: none;
  position: absolute;
  top: 100%; 
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: .5rem;
  min-width: 10rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
  z-index: 1100; 
  padding: .7rem 0;}

.account-dropdown li {
  list-style: none;}

.account-dropdown a {
  display: block;
  padding: .5rem 1rem;
  color: #333;
  text-decoration: bolder;}

.account-dropdown a:hover {
  background: #EAF6FB;}


.header-account-wrapper:hover .account-dropdown {
  display: block;}

.header-account-wrapper {
    margin-top: 24px;
}


/*END SIGN IN AND MY ACCOUNT DROP DOWN */ 
/*======MY ACCOUNT END=========*/

    /*MĀk JP TITLE GREY HOVER*/
.site-title{
	display: inline-block; text-align:left;}
.ast-site-identity .site-title:hover span {
  color: #c6c6c6 ;
}
/*JP TITLE END*/

/*THIS HIDES THE FILTER BUTTON ON SEARCHS THAT AREN'T THERE. */
.hide-filters {
    display: none;
}
/*======HEADER ENDER=========*/



/*====COVERS====*/
/*COVERS GALLERY START*/

.product-thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax( 11.875rem, 1fr)); 
    gap: .6rem; 
    justify-content: center;
    max-width: 119rem;
    margin: auto;
    padding: 2.5rem 1.25rem;}

.product-grid-item:hover {
    transform: scale(1.1);}

.product-grid-item img {
    max-width: 100%;
    height: auto;
	object-fit: cover;
    border-radius: .5rem;}

@media (max-width: 921px) 
{.product-thumbnail-grid 
	{ grid-template-columns: repeat(2, 1fr);       gap: 5px; 
        margin: 0 auto;
        padding: 0;
 width: 100%; }
	
	.product-grid-item img {
        max-width: 100%; 
        height: auto;
        display: block;  }}
/* COVERS END*/
/*====COVERS END====*/





/*===Account page====*/
.custom-account-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.custom-account-page h2 {
  margin-bottom: 20px;
}

.account-tabs {
	flex-wrap: nowrap;
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}

.account-tabs .tab-button {
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 6px;
  background: #E9ECF2;
  color: #333;
  font-weight: 500;
  transition: all 0.2s ease;
}

.account-tabs .tab-button:hover {
  background: #046223;
	color: white;
}

.account-tabs .tab-button.active {
  background: #000060;
  color: #fff;
}
.tab-logout {
    border: .01rem solid #fa0042;
}

/*====ACCOUNT END====*/


/*
|--------------------------------------------------------------------------
| 02 Single Product Shop Badges
| Split from customizer-migrated.css — load order matters (see functions.php).
| Single product tags/back-to-store, shop catalog (hide add-to-cart, thumbnails, shadows), mobile builder menu spacing, previously-ordered badges + cart line.
|--------------------------------------------------------------------------
*/



/*=====SINGLE PRODUCT-=-==-=-=-=*/
/*THISIS FOR CAT TAGS BDAY and ATTRIBUTES LIST UNDER PRODUCT*/

.whole-block {
    display: flex;
    flex-direction: column;
   align-items: flex-start;
    gap: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: .3rem;
    font-family: inherit;
}

/* Style for each row: Birthday, Categories, Tags */
.whole-block .custom-tag {
    display: inline-block;
    margin: .25rem .25rem .25rem 0;
    padding: .2rem .5rem;
    background:  #E9ECF2;
    border-radius: 10px;
    text-decoration: none;
    color: #000060;
    font-size: .9rem;
    transition: background 0.0s ease;	
}
/*Thee links*/
.whole-block .custom-tag:hover {
    background: #e0e0e0;
    color: #000;}

.product-attribute-title {
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;}

.product-attribute-tags {
    display: inline-block;}




/*HIDE THE OLD CATS/TAGS*/
.product_meta .posted_in,
.product_meta .tagged_as {
    display: none !important;
}


/*THISIS FOR CAT TAGS AND BDAY LIST UNDER PRODUCT
 * ENDEND*/
/*backto store button*/


/*THISIS FOR CAT TAGS AND BDAY LIST UNDER PRODUCT
 * ENDEND*/
/* Improved Back to Store button styling */
.back-to-store-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start; /* Default for mobile */
}

@media (min-width: 922px) {
    .back-to-store-wrapper {
        justify-content: flex-end; /* Move to right on desktop so it doesn't touch the image */
    }
}

.back-to-store {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px 24px;
    background-color: #000060;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 96, 0.2);
}

.back-to-store span {
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.back-to-store:hover {
    background-color: #046223;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(4, 98, 35, 0.3);
    color: #ffffff !important;
}

.back-to-store:hover span {
    transform: translateX(-4px);
}


/*====END SINGLE PRODUCT-=-=-==-=-=-=-=*/





/*====SPACING END====*/



/*====GENERAL STYLNING====*/

/*MAKE THE TUMBNAIL GETBIGGER ON HOVER*/
.astra-shop-thumbnail-wrap:hover {transform: scale(1.03);}



/*REMOVES ADD TO CART BUTTON EVERYWHERE*/

/*I HAVE TO DO THIS EVEN THOUGH IT IS OFF IN astra because it reloads the page to make sure stuff is right so then it reloades the add to cart button. see if we can get rid of that reload.*/
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped {
  display: none !important;
}



/*SHADOW EVERYWHERE.*/
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3),
              -5px -5px 15px rgba(255, 255, 255, 0.5);
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link > img {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3),
              -5px -5px 15px rgba(255, 255, 255, 0.5);
}






/*====GENERAL STYLNING END====*/










/* Space out menu items */
.ast-builder-menu-mobile .main-navigation ul.menu > li {
    margin: 0 10px; 
}

/* Reset dropdowns (if any) */
.ast-builder-menu-mobile .main-navigation ul.sub-menu {
    position: absolute; 
    flex-direction: column;
}



/* MAKE THE PREVIOUS ORDERED BADGE */
.woocommerce ul.products li.product .previously-ordered-badge {
    display: inline-block;   /* instead of block */
    margin: 0 0 6px 0;       /* space below, none above */
    position: static;        /* don’t mess with stacking */
}
.previously-ordered-badge {
    display: inline-block;
    background: #f0f9f0;
    color: #2d7a2d;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 500;
}
/*MAKETHEPREVIOUS ORDERED BADGEEND*/


/*
|--------------------------------------------------------------------------
| 03 Checkout Coupon Orders Addresses
| Split from customizer-migrated.css — load order matters (see functions.php).
| Coupon toggle banner, My Account orders grid/cards, saved addresses grid/cards, WooCommerce address form.
|--------------------------------------------------------------------------
*/

/*MAKETHEPREVIOUS ORDERED address*/
.previously-ordered-badge-cart {
    margin-top: 4px;
}

.previously-ordered-badge-cart .previously-ordered-badge {
    background: #f0f9f0;
    color: #2d7a2d;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 2px;
}

.previously-ordered-badge-cart .previously-ordered-address {
    font-size: 12px;
    color: #555;
}
/*MAKETHEPREVIOUSORDEREDaddressEND*/

/*COUPON LOGO BE BETTER.*/
/* Style coupon toggle banner */
.woocommerce-form-coupon-toggle {
    padding-top: 1rem;
	display: flex;
    justify-content: flex-end;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    display: inline-flex;
    align-items: center;
    border: 2px solid #000060;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.1s ease;
    background: #fff;
    color: #000060;
    text-decoration: none;
}


.woocommerce-form-coupon-toggle .woocommerce-info:hover {
    background: #E9ECF2;
}

/*take off that small calendar logo */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none !important;
}

/*COUPON LOGO BE BETTER.END */

/**/



.orders-toggle {
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 6px;
  background: #E9ECF2;
  color: #333;
  font-weight: 700;
  transition: all 0.2s ease;
}

.orders-toggle:hover {
  background: #046223;
	color: white;
}

.orders-toggle.active {
  background: #000060;
  color: #fff;
}
/*PREVIOSLY ORDERD PRODCUTS BETTER.*/
/* all orders subtabs grid */
/* --- Previously Ordered Products --- */
.orders-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 1rem 0 2rem;
}

.order-card {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 14px;
  padding: 12px;
  text-align: center;
  transition: box-shadow .2s ease, transform .1s ease;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  outline: .01px solid #000060;
}

/* Mobile: 2 cards per row + tighter spacing */
@media (max-width: 768px) {
  .orders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .order-card {
    padding: 8px;
    border-radius: 10px;
  }

  .order-title {
    font-size: .85rem;
    margin: 6px 0 3px;
  }

  .order-meta,
  .order-ship {
    font-size: .78rem;
    margin-bottom: 4px;
  }

  .order-thumb img {
    border-radius: 8px;
  }
}


/*ENDCURRENT ORDERSEND*/

/***ADDRESSES TAB */

.address-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.address-card {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.address-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.address-name {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 8px;
}

.address-line {
  font-size: 0.95rem;
  margin-bottom: 4px;
  color: #444;
}

.address-label {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 6px;
  margin-top: 6px;
}

.address-label.billing { background: #e6f9ec; color: #1d7a34; }
.address-label.shipping { background: #e6f0ff; color: #224ca8; }

.address-actions {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}

.address-actions .button.small {
  padding: 6px 12px;
  font-size: 0.85rem;
  border-radius: 6px;
}

.address-actions .button.delete {
  background: #f8d7da;
  color: #721c24;
}

.add-address {
  margin-top: 16px;
  display: inline-block;
  border-radius: 8px;
}


/* --- Address Form Layout --- *//* === Address Form (clean version) === */
.woocommerce-address-form {
  margin: auto;
  padding: 1.5rem 1.6rem;
  background: #E9ECF2;
  border: 1px solid #000060;
  border-radius: 20px;
}

/* Label styling */
.woocommerce-address-form label {
  margin-bottom: 0.1rem;
  color: #000060;
}

/* Inputs: consistent but subtle */
.woocommerce-address-form input.input-text,
.woocommerce-address-form select {
  padding: 0.55rem 0.75rem;
  border: 1px solid #000060;
  border-radius: 4px;
  font-size: 0.95rem;
  transition: border-color 0.2s ease;
}


/* Save button — clean and balanced */
.woocommerce-address-form button.button {
  background: #000060;
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 0.6rem 1.2rem;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease;
}

.woocommerce-address-form button.button:hover {
  background: #046223;
}

/* Keep it responsive */
@media (max-width: 600px) {
  .woocommerce-address-form {    padding: 1rem; }}





/*
|--------------------------------------------------------------------------
| 04 Tiers Points Coupon Form Progress
| Split from customizer-migrated.css — load order matters (see functions.php).
| Product card positioning for badges, purchase date, tier badges, points redeem box, coupon form row, tier progress bars and tier label colors.
|--------------------------------------------------------------------------
*/

/***********************************THIS IS THE EDIT ACCOUNT TAB IN ACCOUNTS *************************/
/*PO badge*/
/* Badge appearance */
/* Base style (same as before) *//* ensure each product card has positioning context */
.woocommerce ul.products li.product {
    position: relative;
}


/* If you want it top-right instead of top-left */
.badge-top-right {
    top: 10px;
    right: 10px;
    left: auto;
}



/*THIS IS FOR PURCHASE DATE NEXT TO PRICE*/
.purchased-date {
  display: inline-block;
  font-size: 0.85em;
  color: #fa0042;
	opacity: 0.8;
	float: right;
}








/**THIS IS THE CSS FOR THE TIER BADGES AND HOW THEY LOOK DIFFERENT*/

.tier-badge {
    position: absolute;
    top: 10px;
    left: 10px;

    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;

    color: #fff;
    z-index: 10;
    white-space: nowrap;
}
.tier-gold {
    background: linear-gradient(135deg, #ffd700, #ffb700);
    color: #222;
	
}

.tier-silver {
    background: linear-gradient(135deg, #cfd3d6, #9fa4a9);
    color: #222;
}

.tier-ruby {
    background: linear-gradient(135deg, #fa0042, #fa0099);
    color: #fff;
}

.tier-sapphire {
    background: linear-gradient(135deg, #80ffdb, #34dbeb);
    color: #009;
}






/* === Points Redeem Box === *//* Wrapper (matches gle container behavior if needed) */
.points-redeem-wrapper {
    padding-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

/* Main box */
.points-redeem-box {
    display: inline-flex;
    align-items: center;
    border: 2px solid #000060;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.1s ease;
    background: #fff;
    color: #000060;
    text-decoration: none;
	margin-left: auto;
}

/* Hover effect (same as coupon) */
.points-redeem-box:hover {
    background: #E9ECF2;
}

/* Label layout */
.points-redeem__label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

/* Checkbox */
.points-redeem__checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}

/* Text wrapper */
.points-redeem__text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

/* Meta text */
.points-redeem__meta {
    font-size: 0.85em;
    color: #666;
}







/* Coupon form container */
/* Coupon form wrapper */
.woocommerce-form-coupon {
	display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 12px;
    display: flex;
    gap: 10px;
}

.woocommerce-form-coupon p {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

/* Coupon input */
/* Coupon input field */
.woocommerce-form-coupon #coupon_code {
    padding: 10px 14px;
    font-size: 16px;
    border: 2px solid #000060;
    border-radius: 10px;
    background: #fff;
    color: #000060;
    min-width: 220px;
    transition: background 0.1s ease, box-shadow 0.1s ease;
}

/* Focus state */
.woocommerce-form-coupon #coupon_code:focus {
    outline: none;
    background: #E9ECF2;
    box-shadow: none;
}

/* Focus effect */
/* Focus state */
.woocommerce-form-coupon #coupon_code:focus {
    outline: none;
    background: #E9ECF2;
    box-shadow: none;
}
/* Apply coupon button */
.woocommerce-form-coupon button {
    padding: 10px 16px;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid #000060;
    background: #fff;
    color: #000060;
    cursor: pointer;
    transition: background 0.1s ease;
}




.woocommerce-form-coupon .form-row-first,
.woocommerce-form-coupon .form-row-last {
    width: auto;
}







/*PROGRESS BAR*/

.tier-progress {
    max-width: 420px;
    margin: 20px 0;
}

.tier-labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 14px;
}

.progress-bar {
    background: #E9ECF2;
    border-radius: 10px;
    height: 14px;
    overflow: hidden;
		border: .7px solid;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4facfe, #00f2fe);
    transition: width 0.4s ease;
}

.tier-progress small {
	font-size: 1rem;
    display: block;
    margin-top: 6px;
    color: #000060;
}


/* Base bar */
.progress-bar {
    height: 14px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
}
/* Wrapper never gets color */
.tier-progress {
    background: transparent;
}

/* Bar container is always neutral */
.tier-progress .progress-bar {
    background: #eee;
}

/* Fill is the ONLY colored element */
.tier-progress .progress-fill {
    height: 100%;
    width: 0;
    transition: width 0.4s ease;
}

/* MAKES THE PROGRESS BAR BE THE COLOR OF THE TIER. */
.tier-bronze .progress-fill {
    background: linear-gradient(90deg, #cd7f32, #e6a15c);
}

.tier-silver .progress-fill {
    background: linear-gradient(90deg, #bfc1c2, #e5e5e5);
}

.tier-gold .progress-fill {
    background: linear-gradient(90deg, #f7c948, #ffe066);
}

.tier-sapphire .progress-fill {
    background: linear-gradient(90deg, #0f52ba, #3a7bd5);
}

.tier-ruby .progress-fill {
    background: linear-gradient(90deg, #9b111e, #e63946);
}
/*THIS IS FOR THE MY TIER : BRONZE TO BE BRONZE ETC*/
.tier-bronze .tier-labels strong { color: #cd7f32; }
.tier-silver .tier-labels strong { color: #9ea0a1; }
.tier-gold .tier-labels strong { color: #d4a017; }
.tier-sapphire .tier-labels strong { color: #0f52ba; }
.tier-ruby .tier-labels strong { color: #9b111e; }



/* Current tier label matches progress-fill */
.tier-progress .tier-labels .current-tier {
    font-weight: bold;
    /* optionally match fill color */
}

/* Next tier label uses tier color */
.tier-progress .tier-labels .next-tier.tier-bronze { 
	background: none;
	color: #cd7f32; }
.tier-progress .tier-labels .next-tier.tier-silver {
	background: none;
	color: #9ea0a1; }
.tier-progress .tier-labels .next-tier.tier-gold   { 
	background: none;
	color: #d4a017; }
.tier-progress .tier-labels .next-tier.tier-sapphire { 
	background: none;
	color: #39c1cd; }
.tier-progress .tier-labels .next-tier.tier-ruby   { 
	background: none;
	color: #9b111e; }


/*THEY MY TIER LABLE BE COLORED SAME COOLOR AS WORD*/
/* Base */
.my-tier-label {
    font-weight: 600;
}

/* Tier colors */
.tier-name.tier-bronze   { background: none;
	color: #cd7f32; }
.tier-name.tier-silver   { background: none;
	color: #9ea0a1; }
.tier-name.tier-gold     { background: none;
	color: #d4a017; }
.tier-name.tier-sapphire { background: none;
	color: #0f52ba; }
.tier-name.tier-ruby     { background: none;
	color: #9b111e; }





/*
|--------------------------------------------------------------------------
| 05 Product Gallery Account Login Checkout Order
| Split from customizer-migrated.css — load order matters (see functions.php).
| Single product gallery trigger, account section panels, login/register/edit-account forms, centered thank-you / order received typography.
|--------------------------------------------------------------------------
*/

/*MAKE THE REVIES UNDER SINGLE PAGE BE COOLER. AND THE PROGRESS BAR ON THE TIERS. */



.woocommerce-product-gallery__trigger {
    display: none !important;
}


/*KEEP THIS MAKES THE STICKY ON SINGLE PRODUCT BE CENTERED*/
.purchased-date{padding-left: .5rem;
margin-top: .13rem;}


/*THIS IS THE EDIT ACCOUTN FORM TO LOOK LIKE LANDS END*/
.account-section {
    border-bottom: 1px solid #e5e5e5;
    padding: 1.25rem 0;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-summary {
    color: #555;
    margin-top: .5rem;
}

.section-edit {
    margin-top: 1rem;
}

.hidden {
    display: none;
}








/*THIS TAKES OFF A WIRED BLUE BUITTON ON LOGIN Keep*/
.show-password-input{ display: none;}


/* Hide date */






/*THIS IS TO CENTER LOGIN AND REGISITER*/

/* Match login + registration widths */
.single-account-form,
.custom-auth-wrap {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}





/*registration page look better */
/* Form Container */

.woocommerce-form-register {
    background: #E9ECF2;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #ddd;
}

.single-account-form {
    border-radius: 12px;
}

/* Headline */
.single-account-form h2 {
    text-align: center;
    margin-bottom: 30px;
	 
}

/* Labels */
.single-account-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
	
}

/* Inputs */
.single-account-form input[type="text"],
.single-account-form input[type="email"],
.single-account-form input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #000060;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.2s ease;
    background: #fafafa;

}

.single-account-form input:focus {
    border-color: #000060;
    background: #fff;
    outline: none;
}

/* Two columns for first + last */
.form-row-first,
.form-row-last {
    width: 48%;
    float: left;
}

.form-row-last {
    float: right;
}

/* Clear floats */
.single-account-form::after {
    content: "";
    display: block;
    clear: both;
}






/*LOGIN CARD STYLE*/
/* LOGIN FORM CONTAINER */
.woocommerce-account-login form {
    background: #E9ECF2;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #ddd;
    max-width: 500px;
    width: calc(100% - 40px);
    margin: 20px auto;
    box-sizing: border-box;
}

/* Login headline */
.woocommerce-account-login__title {
    text-align: center;
    margin-bottom: 30px;
}

/* Labels */
.woocommerce-account-login label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
}

/* Inputs */
.woocommerce-account-login input[type="text"],
.woocommerce-account-login input[type="email"],
.woocommerce-account-login input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #000060;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.2s ease;
    background: #fafafa;
}

.woocommerce-account-login input:focus {
    border-color: #000060;
    background: #fff;
    outline: none;
}

/* Force the parent WooCommerce columns to be full-width so the card can center */
.woocommerce-account-login .u-column1, 
.woocommerce-account-login .u-column2, 
.woocommerce-account-login .col2-set {
    width: 100% !important;
    float: none !important;
}

/* Remove float layout from login */
.woocommerce-account-login .form-row {
    width: 100%;
    float: none;
}


.points-title {
  text-align: center;
}

/*THIS IS FOR edit account tab*/
/* Main Edit Account Form */
.edit-account-form {
    border-radius: 16px;
    max-width: 520px;}

.account-section {
     background: #E9ECF2;
    border: 1px solid #000060;
    border-radius: 14px;
    padding: 25px 30px;
    margin-bottom: 25px;
    transition: all 0.2s ease;
}

.account-section:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
}

.edit-account-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
}

.edit-account-form input[type="text"],
.edit-account-form input[type="email"],
.edit-account-form input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #000060;
    border-radius: 10px;
    font-size: 15px;
    background: #f9fafc;
    transition: all 0.2s ease;
}

.edit-account-form input:focus {
    background: #ffffff;
    border-color: #000060;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,0,116,0.08);
}

/*THIS IS FOR THE THANK YOU MESSAGE. */
.woocommerce-order {
    text-align: center;
    padding: 12px 20px;
	font-size: 1rem;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 2rem;
    font-weight: 700;
	
}

.woocommerce-order p {
    font-size: 22px;
	
}

.woocommerce-order ul.order_details {
    font-size: 18px;
	
}





/*
|--------------------------------------------------------------------------
| 06 Shop Toolbar Account Grids Forms Layout Filters
| Split from customizer-migrated.css — load order matters (see functions.php).
| Shop filter/sort toolbar, order overview list, points+jems cards, compact edit-account grid, form success/error, hide sidebar + full-width primary, category filter UI (inline + modal).
|--------------------------------------------------------------------------
*/

/*FILTERS AND SORTER INLINE  */
.custom-shop-toolbar {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* Push sorter right */
.custom-shop-toolbar .woocommerce-ordering {
    margin-left: auto;
}

/* Shared styling for BOTH controls */
.custom-shop-toolbar button,
.custom-shop-toolbar .woocommerce-ordering select {
    height: 48px;
    padding: 0 20px;
    font-weight: bold;
    border: solid 1.5px #000060;
    border-radius: .5rem;
    background: #000060;
    color: #fff;
	font-size: 1rem;
}

/* Sort select inner color */
.custom-shop-toolbar .woocommerce-ordering select {
    background-color: #E9ECF2;
}

.custom-shop-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;  
    margin-bottom: 20px;
}




  .woocommerce-order-overview.order_details {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 0;
  }

  .woocommerce-order-overview.order_details li {
      width: 100%;
      list-style: none;
      margin-bottom: 12px;
  }

  .woocommerce-order-overview.order_details li {
      border-right: none !important;
      border-left: none !important;
  }


/*MAKES THE SHOW ALL BUTTON UNDER ORDERS TAB BE CENTERED KEEP*/
.orders-more-wrap {
    text-align: center;
}


/*THIS IS TO MAKE THE POINTS BE SIDE BY SIDE LAYOUT. */.points-jems-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 16px;
}

.account-card {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
}

.account-card h3 {
  margin: 0 0 8px;
}

.account-card-intro {
  margin: 0 0 14px;
  color: #666;
  line-height: 1.5;
}

.account-stat {
  margin: 0 0 10px;
}

@media (max-width: 900px) {
  .points-jems-layout {
    grid-template-columns: 1fr;
  }
}



/*merge of the tabs css*/
/* Edit Account row: 3 compact cards so addresses stay visible below */
.custom-account-page .edit-account-form {
  max-width: 1100px;
  margin: 0 0 16px;
  display: grid;
  gap: 10px;
}

@media (min-width: 980px) {
  .custom-account-page .edit-account-form {
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    align-items: start;
  }
}

.custom-account-page .edit-account-form .account-section {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0;
  background: #fff;
}

.custom-account-page .edit-account-form .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.custom-account-page .edit-account-form .section-header h3 {
  margin: 0;
  font-size: 1.3rem;
}

.custom-account-page .edit-account-form .section-summary {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
}

/* Keep dropdown behavior, just make panel compact */
.custom-account-page .edit-account-form .section-edit {
  margin-top: 8px;
}

.custom-account-page .edit-account-form .section-edit p {
  margin: 0 0 8px;
}

.custom-account-page .edit-account-form input[type="text"],
.custom-account-page .edit-account-form input[type="email"],
.custom-account-page .edit-account-form input[type="password"] {
  height: 34px;
  font-size: 13px;
  padding: 6px 9px;
}

.custom-account-page .edit-account-form .section-actions {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

.custom-account-page .edit-account-form .button {
  font-size: 12px;
  padding: 7px 12px;
}

.custom-account-page .account-section-divider {
  margin: 14px 0;
}












/*ADDS THE SPACING TO THE WHOOLE MOBILE*/





/*THIS IS FOR THE SUCESSFUL EMAIL. TO BE GREEN.*/
.form-success {
    background: #e8f8f0;
    border: 1px solid #3bb273;
    color: #1f7a4c;
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 15px;
}

.form-error {
    background: #fdeaea;
    border: 1px solid #e74c3c;
    color: #a93226;
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 15px;
}










/* Keep if you still ever see right-column gap */
.site
#secondary,
.woocommerce-page #secondary,
.tax-product_cat #secondary,
.tax-product_tag #secondary,
.tax-birthday-month #secondary,
.tax-birthday-day #secondary {
  display: none !important;
}

.woocommerce-page #primary,
.tax-product_cat #primary,
.tax-product_tag #primary,
.tax-birthday-month #primary,
.tax-birthday-day #primary {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop/mobile visibility */
.ws-desktop-only { display: block; }
.ws-mobile-only { display: none; }

@media (max-width: 921px) {
  .ws-desktop-only { display: none; }
  .ws-mobile-only { display: block; }
}

/* Shared button */
.ws-cats-btn {
  height: 48px;
  padding: 0 20px;
  font-weight: bold;
  border: 1.5px solid #000060;
  border-radius: .5rem;
  background: #000060;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

/* Desktop inline box */
.ws-cats-inline {
  border: 2px solid #000060;
  border-radius: 8px;
  padding: 10px;
  margin: 0 0 12px;
  background: #fff;
}

.ws-cats-inline-title {
  margin: 0 0 8px;
  font-size: 1rem;
  color: #000060;
}

.ws-cats-inline .widget { margin: 0; }
.ws-cats-inline .widget-title { display: none; }

.ws-cats-inline .widget ul,
.ws-cats-panel .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}

.ws-cats-inline .widget li,
.ws-cats-panel .widget li { margin: 0; }

.ws-cats-inline .widget li a,
.ws-cats-panel .widget li a {
  display: inline-block;
  padding: 6px 10px;
  border: 1.5px solid #000060;
  border-radius: 999px;
  background: #E9ECF2;
  color: #000060;
  text-decoration: none;
  font-size: .85rem;
  line-height: 1;
}

.ws-cats-inline .widget li a:hover,
.ws-cats-panel .widget li a:hover {
  background: #046223;
  color: #fff;
}

/* Mobile modal */
.ws-cats-modal { display: none; }
.ws-cats-modal.is-open { display: block; }

.ws-cats-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 10000;
}

.ws-cats-panel {
  position: fixed;
  top: 8vh;
  left: 50%;
  transform: translateX(-50%);
  width: min(960px, 92vw);
  max-height: 84vh;
  overflow: auto;
  background: #fff;
  border: 2px solid #000060;
  border-radius: 12px;
  padding: 18px;
  z-index: 10001;
}

.ws-cats-close {
  float: right;
  border: 0;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
}








#content-site-content {border-left: none !important;}



.ast-archive-description
{margin-bottom: px;}










/*
|--------------------------------------------------------------------------
| 07 Home Page Conveyor Categories Tier Header
| Split from customizer-migrated.css — load order matters (see functions.php).
| Home category grid/tiles, Elementor page spacing, conveyor lanes, header tier badge/progress, section borders.
|--------------------------------------------------------------------------
*/

/*====HOME PAGE====*/
 

/*HOME PAGE PRODUCT CATEGORIES PICTURES. */
.product-categories-grid {
  text-align: center;
  padding: 40px 20px;
  border: #000060
}

.product-categories-grid h2 {
  margin-bottom: 24px;
  font-size: 28px;

}

.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.category-tile {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  text-decoration: none;
}

.category-tile img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(30%) brightness(0.64); /* soft grey */
  transition: transform 0.3s ease, filter 0.3s ease;
	 
}

.category-tile:hover img {
  transform: scale(1.03);
  filter: grayscale(0%) brightness(0.85);
}

.category-label {
  position: absolute;
  inset: 0;                /* fill the tile */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  background: none;        /* no button */
  padding: 0;
  border-radius: 0;
  text-transform: uppercase; /* optional */
  letter-spacing: 0.04em;    /* optional */
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
	line-height: 1.2;
	  text-wrap: balance;
	letter-spacing: -0.04em;
}

.category-label {
  font-family: 'anton', sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-shadow: none;
}





@media (min-width: 922px) {
  .page-id-1082 .elementor.elementor-1082 {
    margin-top: 650px;
  }
}

@media (max-width: 921px) {
  .page-id-1082 .elementor.elementor-1082 {
    margin-top: -100px;
  }
}

/* Home page: remove article padding so conveyor can go edge-to-edge */
.page-id-1082 #main article {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* Prevent overlap on tablet by fixing lane height */
.conveyor-lane {
  height: 240px; /* adjust as needed */
}

@media (max-width: 1024px) {
  .conveyor-lane { height: 200px; }
}

@media (max-width: 768px) {
  .conveyor-lane { height: 160px; }
}

/* Ensure images fit inside lane */
.conveyor-lane .swiper-slide,
.conveyor-item,
.conveyor-item img {
  height: 100%;
}

.conveyor-item img {
  object-fit: contain;
}


/*HEADER TIER SHOW.*/
.user-tier-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  background: #E9ECF2;
  color: #000060;
  border: 1px solid #000060;
}

/* Optional tier colors */
.user-tier-badge.tier-bronze { background: #f5e6d6; color: #8a5a2b; }
.user-tier-badge.tier-silver { background: #f1f2f4; color: #666; }
.user-tier-badge.tier-gold   { background: #fff5cc; color: #8a6d1f; }
.user-tier-badge.tier-sapphire { background: #e6f4ff; color: #1c4a7d; }
.user-tier-badge.tier-ruby   { background: #ffe6ee; color: #8a1d3c; }


/* Match tier colors if you want */
.user-tier-badge.tier-bronze ~ .user-tier-progress .user-tier-progress-fill { background: #cd7f32; }
.user-tier-badge.tier-silver ~ .user-tier-progress .user-tier-progress-fill { background: #9ea0a1; }
.user-tier-badge.tier-gold ~ .user-tier-progress .user-tier-progress-fill { background: #d4a017; }
.user-tier-badge.tier-sapphire ~ .user-tier-progress .user-tier-progress-fill { background: #0f52ba; }
.user-tier-badge.tier-ruby ~ .user-tier-progress .user-tier-progress-fill { background: #9b111e; }





/*NEW BAR */
.user-tier-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.user-tier-progress {
  width: 100%;
  height: 5px;
  background: #e6e6e6;
  border-radius: 999px;
  overflow: hidden;
}

.user-tier-progress-fill {
  height: 100%;
  display: block;
  background: #000060;
}


/* Border around the entire Swiper Carousel section */
.conveyor-lanes {
    border: 2px solid #000060;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}

/* Border around Today's Products section */
.todays-products-section {
    border: 2px solid #000060;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
}

/* Border around the Category Grid section */
.product-categories-grid {
    border: 2px solid #000060;
    padding: 20px;
    border-radius: 12px;
}

/*HOME END */









/* Center archive titles (category/tag/shop) */


/*
|--------------------------------------------------------------------------
| 08 Archives Auth Filter Chips Drawer Related Menu
| Split from customizer-migrated.css — load order matters (see functions.php).
| Centered archive titles, register link, email verification blur modal, filter chips, slide-out drawer, horizontal related products scroller, mobile menu toggle focus ring.
|--------------------------------------------------------------------------
*/

.ast-archive-title,
.ast-archive-description,
.woocommerce-products-header,
.woocommerce-products-header__title,
.page-title {
  text-align: center;
}



/*THIS IS FOR THE REGISTER NOW LINK TO BE CENTERED */
.woocommerce-register-link {
  text-align: center;
}

.woocommerce-register-link .button {
  display: inline-block;
}










/*THIS IS THE 6 CODE  BLUR ON REGISTRATION.*/
.ws-verify-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 9998;
  backdrop-filter: blur(2px);
}

.ws-verify-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 2rem;
  max-width: 420px;
  width: 90%;
  z-index: 9999;
  box-shadow: 0 12px 40px rgba(0,0,0,0.2);
  border-radius: 12px;
}

.ws-blur {
  filter: blur(3px);
  pointer-events: none;
  user-select: none;
}
/*END BLUR ON 6 DIGIT*/



/*MAKES THE CHIPS BE CLICKABLE EVERYWHERE AND LOOK LIKE IT*/
.filter-chip {
  cursor: pointer;
  user-select: none;
  transition: transform 0.08s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.filter-chip:active {
  transform: scale(0.97);
}

.filter-chip:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* On mobile, add a visible press state */
@media (max-width: 921px) {
  .filter-chip:active {
    background: rgba(0,0,0,0.6);
  }
	
@keyframes chipFlash {
  0% { transform: scale(1); background: rgba(0,0,0,0.06); }
  50% { transform: scale(0.97); background: rgba(0,0,0,0.12); }
  100% { transform: scale(1); background: rgba(0,0,0,0.06); }
}

.filter-chip.is-tapped {
  animation: chipFlash 180ms ease;
}

/*END CHIPS BE CLICKABE EVEERYWHERE */
	
	
	
	.filter-chip .ws-attr-badge {

  margin-right: 6px;
  vertical-align: middle;
}

.filter-chip .chip-label {
  vertical-align: middle;
}

}















/*THIS IS THE SIDEBAR*/

/* Custom Sidebar Drawer Styles */
.ws-side-drawer {
  position: fixed;
  inset: 0;
  z-index: 999999;
  visibility: hidden;
  transition: visibility 0s linear 0.3s;
}

.ws-side-drawer.is-active {
  visibility: visible;
  transition-delay: 0s;
}

.ws-drawer-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ws-side-drawer.is-active .ws-drawer-overlay {
  opacity: 1;
}

.ws-drawer-content {
  position: absolute;
  top: 0;
  right: -350px;
  width: 320px;
  max-width: 90vw;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
  transition: right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: right;
  backface-visibility: hidden;
}

.ws-side-drawer.is-active .ws-drawer-content {
  right: 0;
}

.ws-drawer-account-section {
  background: #000060;
  color: #fff;
  padding: 40px 25px 30px;
  position: relative;
  overflow: hidden;
  min-height: 120px;
}

.ws-drawer-account-section.is-logged-out {
  background: #000060;
  color: #fff;
}

.ws-drawer-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: 0;
  font-size: 22px;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
}
.ws-drawer-close:hover { opacity: 1; }

.ws-section-title {
  font-size: 1.3rem;
  color: #000060;
  text-transform: uppercase;
  margin: 35px 0 10px -5px;
  letter-spacing: 1px;
  font-weight: 800;
}

.ws-account-main { display: flex; flex-direction: column; gap: 15px; }
.ws-user-info { display: flex; flex-direction: column; }
.ws-greeting { font-size: 24px; font-weight: 700; line-height: 1.2; }

.ws-points-display {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 5px;
}
.ws-points-display:hover {  opacity: .8;}

.ws-tier-display {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
}

.ws-drawer-body {
  padding: 25px;
  flex: 1;
  min-height: 0;       /* important for scrolling in flex column */
  overflow-y: auto;
  overflow-x: hidden;  /* prevents sideways movement */
  background: #fff9ef;
}

.ws-vertical-menu {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}

.ws-vertical-menu li { margin: 0; }

.ws-vertical-menu a {
  display: block;
  padding: 12px 0;
  text-decoration: none;
  color: #555;
  font-weight: 00;
  font-size: 1.2rem;

}

/* no sideways slide */
.ws-vertical-menu a:hover {  color: #000060;}
/*THIS ENDS THE SIDEBAR*/





/* SCROLL CONTAINER */
/* Wrapper: horizontal scroll area */
.ztaxz-related-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 2em 0;
    padding: 0.3rem 1vw 1em;
}

/* Product list row */
.ztaxz-related-scroll ul.products {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Product card */
.ztaxz-related-scroll ul.products li.product {
    flex: 0 0 clamp(90px, 35vw, 160px);
    padding: 1rem;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.55);
    border-radius: 10px;
    background: #e9ecf2;
    scroll-snap-align: center;
    box-sizing: border-box;
}

.ztaxz-related-scroll ul.products li.product:last-child {
    margin-right: 1rem;
}

.ztaxz-related-scroll ul.products::after {
    content: "";
    flex: 0 0 1rem;
}




/*THIS IS THE TOGGLE MENU NOT TO HVE DOTTED BORDER*/
button.menu-toggle.main-header-menu-toggle:focus,
button.menu-toggle.main-header-menu-toggle:active,
button.menu-toggle.main-header-menu-toggle:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px #00006033; /* optional custom focus ring */
}