/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

*, *::before, *::after {
    cursor: none !important;
}
/**Menu and header modifications**/
#header-outer #logo img{display:none;}
.sf-menu > li ul {padding: 0; width: 17em;}
.sf-menu > li ul a{padding:1px 0;}
#header-outer #top .sf-menu > .sf-with-ul > a{padding-left:0;}
#header-outer #top .sf-menu > li > ul{margin-top:15px;}
#header-outer .cart-menu .cart-icon-wrap i{width:47px;}
#header-outer[data-format="menu-left-aligned"] .row .col.span_3{margin-right:0px;}
#header-outer:not([data-format="left-header"]) .cart-menu .cart-icon-wrap{min-width:47px;line-height: 30px;}
#top nav .buttons li{min-width: 80px;}
@media only screen and (min-width: 1000px) { #top .container{max-width: 1600px;} }

/***Mega Menu**/
.nectar-global-section-megamenu{background-color: transparent !important;}
.mega_menu{border:2px solid #939598;}
.mega-menu-main, li.mega-menu a, li.mobile_sub a{font-family: Orbitron; color: #808285 !important; font-weight: 400;font-size: 14px; line-height: 20px;}
.mega-menu-main, .li.mobile_cat a{color: #231F20 !important; font-size: 15px; line-height: 30px;}
li.archive-mega a{color: #6D6E71 !important; font-weight: 600 !important;}

/**Copyright section**/
#copyright .span_5{width: 100%;}
#footer-outer #copyright p{text-align: center; color: #939598;} 
#footer-outer #copyright a{color: #939598 !important;}  
/**Change cart icon to word in menu**/
.icon-salient-cart::before{ 
  content: "CART" !important;
  font-family: Orbitron;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  line-height:20px;
}
/**Change search icon to word in menu**/
 .material #header-outer #search-outer::before{background-color: #FED7FF;}
#search-btn .icon-salient-search, .mobile-search{display: none !important;}
#search-btn a .screen-reader-text{
    position:   static   !important;
    width:      auto     !important;
    height:     auto     !important;
    clip:       auto     !important;
    clip-path:  none     !important;
    overflow:   visible  !important;
    white-space: normal  !important;
    font-family: Orbitron;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height:20px !important;
}
/**Change down arrow for submenu**/
.fa.fa-angle-down::before{
  content: "+" !important;
  font-family: Orbitron;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 15px;
  
}
.sf-sub-indicator{left:1px;top:-4px;}

/**Search results**/
.nectar-ajax-search-results ul.products {
    display:         flex         !important;
    flex-wrap:       wrap         !important;
    justify-content: center       !important;
    align-items:     flex-start   !important;
    gap:             16px         !important;   /* consistent gutter */
    padding:         0            !important;
    margin:          0 auto       !important;
    list-style:      none         !important;
}
.nectar-ajax-search-results ul.products li.product {
    flex:      0 0 auto                              !important;
    width:     calc( 24% - 12px )                   !important;
    max-width: calc( 24% - 12px )                   !important;
    margin:    0                                     !important;  /* gap handles spacing */
}
/**Single Product page**/
.woocommerce-breadcrumb, .in-stock{display:none;}
.product_meta .posted_in, .product_meta .tagged_as {font-size: 0;}
.product_meta .posted_in a, .product_meta .tagged_as a {font-size: 14px;font-family: Orbitron;font-weight:400;color:#939598;}
.woocommerce-Price-amount{color:#939598;}
.product_title{color: #939598;}
.related.products > h2{font-size:19px !important; font-weight: 400; color: #6d6e71; text-transform: uppercase;}

.woocommerce-product-details__short-description .size-chart {
    display: flex;
    flex-wrap: wrap;        /* Allows wrapping on small screens */
    width: 100%;
    gap: 16px;              /* Space between columns */
    margin-bottom: 20px;
}

.woocommerce-product-details__short-description .size-chart-column {
    flex: 1 1 45%;          /* Grow, shrink, base-width — responsive friendly */
    min-width: 140px;       /* Prevents columns from getting too narrow */
    padding: 12px;
    border: 1px solid #939598;
    border-radius: 6px;
}
/**Remove thumbs from woo product gallery and add arrows**/
.flex-control-nav.flex-control-thumbs {display: none !important;}
ul.flex-direction-nav {
    position: absolute; top: 50%; left: 0; 
    z-index: 99999; width: 100%; margin: 0; 
    padding: 0; list-style: none; display: flex; 
    justify-content: space-between; 
    transform: translateY(-50%); pointer-events: none;
}
ul.flex-direction-nav li {pointer-events: all; list-style: none;}
ul.flex-direction-nav li a {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;color: #f1f2f2;background: none;text-decoration: none;margin: 0 8px;}
ul.flex-direction-nav li a svg {width: 38px; height: 38px; pointer-events: none; display: block; flex-shrink: 0;}
ul.flex-direction-nav a.flex-disabled {opacity: 1; cursor: not-allowed; pointer-events: none;}
ul.flex-direction-nav li a:focus-visible {outline: 2px solid #f1f2f2; outline-offset: 3px;}
ul.flex-direction-nav li a:hover, ul.flex-direction-nav li a:focus {background: none !important; border: none !important; box-shadow: none !important; color: #f1f2f2;}

/**Custom SVG Add to Cart & Sold Out Buttons**/
.woocommerce-page button.custom-svg-cart-btn,
.woocommerce button.custom-svg-cart-btn {
    appearance: none;
    -webkit-appearance: none;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
body[data-form-submit="regular"].woocommerce-page .container-wrap button[type="submit"].single_add_to_cart_button, body[data-button-style="rounded"] .container-wrap button.custom-svg-cart-btn[type="submit"] {padding: 20px 0 0 0 !important;border-radius: 0 !important;background: none !important;border: none !important;}
.woocommerce-page button.custom-svg-cart-btn:hover, .woocommerce button.custom-svg-cart-btn:hover, .woocommerce-page:not([data-form-submit="see-through"]) div[data-project-style="classic"] button[type="submit"].single_add_to_cart_button.custom-svg-cart-btn:hover{
    background: none !important;
    background-color: transparent !important;
    transition: filter 0.2s ease, transform 0.2s ease;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.35)); 
}
.custom-svg-cart-btn:active {transform: scale(0.97);}
.custom-svg-cart-btn:focus-visible {outline: 2px solid #333; outline-offset: 4px; border-radius: 4px;}
.custom-add-to-cart-img, .custom-sold-out-img {width: 240px !important; height: auto !important; display: block;}
.custom-sold-out-wrapper {display: inline-block;line-height: 0;pointer-events: none;}
.single-product .stock.out-of-stock {display: none;}

/**Custom Quantity buttons**/
.single-product .quantity {display: flex;align-items: center; gap: 0px; background: none;border: none;}
.single-product .quantity input.minus, .single-product .quantity input.plus {
    appearance: none; -webkit-appearance: none; border: none !important; background-color: transparent !important;
    box-shadow: none !important; outline: none;
    width: 60px; height: 60px;
    color: transparent; font-size: 0;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
    padding: 0 !important;
    margin: 0 !important;
}
.single-product .quantity::after{content: 'QUANTITY'; display: inline-block; align-self: center; margin-left: 10px; font-size: 13px; font-family: Orbitron; font-weight: 400; color: #939598;}
.single-product .quantity input.minus {background-image: url('./assets/minus.svg') !important;}
.single-product .quantity input.plus {background-image: url('./assets/plus.svg') !important;}
.single-product .quantity input.minus:hover, .single-product .quantity input.plus:hover {opacity: 0.75; transform: scale(1.08); background-color: transparent !important;}
.single-product .quantity input.minus:active, .single-product .quantity input.plus:active {transform: scale(0.95);}
.single-product .quantity input.qty {
    width: 80px;
    height: 80px;
    background-image: url('./assets/star-qty.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: -20px -10px 0 -10px !important;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #414042;    
    line-height: 80px; 
    font-size: 20px;
    font-family: Orbitron;
    font-weight: 400;
    -moz-appearance: textfield;
}
.single-product .quantity input.qty::-webkit-outer-spin-button, .single-product .quantity input.qty::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.single-product .quantity .screen-reader-text {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;}

.wc-tabs .description_tab{display: none !important;}

/* -----------------------------------------------------------------------------
   SHOP PAGES - Products Loop
   ----------------------------------------------------------------------------- */

/**Hide shop header**/
.nectar-shop-header{display: none;}
.single-product form.cart .quantity { float: none; margin: 0; padding: 0;}

/**
Hide add to card from loop
**/
.nectar-woo-flickity .product .media-wrap,
ul.products .product .media-wrap {
    position: relative;
}
.product-add-to-cart {
    position:         absolute  !important;
    bottom:           5px      !important;
    left:             5px      !important;
    opacity:          1         !important;
    visibility:       visible   !important;
    transform:        none      !important;
    z-index:          10;
    margin:           0         !important;
    padding:          0         !important;
    background:       transparent !important;
    background-color: transparent !important;
}
.product:hover .product-add-to-cart {background:       transparent !important; background-color: transparent !important;}

.woocommerce .classic .product-add-to-cart a.button.ajax_add_to_cart,
.woocommerce .classic .product:hover .product-add-to-cart a.button.ajax_add_to_cart,
.woocommerce .classic .product-wrap .product_type_variable{
    display:              flex              !important;
    align-items:          center            !important;
    justify-content:      center            !important;
    width:                50px              !important;
    height:               50px              !important;
    padding:              0                 !important;
    background-image:     url('/wp-content/themes/salient-child/assets/add-to-cart-loop.svg') !important;
    background-repeat:    no-repeat         !important;
    background-size:      50px 50px         !important;
    background-position:  center            !important;
    background-color:     transparent       !important;
    border:               none              !important;
    box-shadow:           none              !important;
    border-radius:        0                 !important;
    outline:              none              !important;
    transition:           filter 0.25s ease !important;
    cursor: pointer;
    transform: translateY(0) !important;
   -webkit-transform: translateY(0) !important;
}

.product-add-to-cart a.button span,
.product-add-to-cart a.button i {display: none !important;}
@keyframes atcLoopPulse {
   from { opacity: 0.35; }
    to   { opacity: 0.70; }
}

.wc-block-grid__product-add-to-cart.wp-block-button {
    background:    transparent !important;
    padding:       0           !important;
    border:        none        !important;
    box-shadow:    none        !important;
    border-radius: 0           !important;
    display:       inline-flex !important;
}
.wc-block-grid__product-add-to-cart .ajax_add_to_cart {
    overflow: hidden;
}

/**Display out of stock svg in shop loop**/
li.outofstock .product-wrap {position: relative;}
li.outofstock .product-wrap::after {
    content: '';
    position: absolute;
    bottom: 10px;               /* Distance from bottom of image — adjust freely */
    left: 10px;                 /* Distance from left edge — adjust freely */
    width: 160px;             /* SVG display size — adjust to suit grid width */
    height: 80px;
    background-image: url('/wp-content/themes/salient-child/assets/sold_out.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    pointer-events: none;    /* Keeps the product link fully clickable */
    z-index: 10;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{margin-top: 0; padding: .5em 0 0 0;}
li.product.outofstock .product-add-to-cart {display: none !important;}
/* -----------------------------------------------------------------------------
   CART PAGE
   ----------------------------------------------------------------------------- */
.woocommerce-cart .container-wrap,
.woocommerce-checkout .container-wrap {
    background-image: url('/wp-content/themes/salient-child/assets/cart_back.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{display:none;}
.wc-block-cart-items thead {display: none;}
table.wc-block-cart-items {display: block !important; width: 100%;}
table.wc-block-cart-items tbody {display: block !important;}
tr.wc-block-cart-items__row {display: grid !important; grid-template-columns: 1fr 2fr; grid-template-areas: "image product"; align-items: stretch; border-bottom: 1px solid #e5e5e5; padding: 24px 0; min-height: 220px;}
td.wc-block-cart-item__image {grid-area: image; align-self: stretch; padding: 0;}
td.wc-block-cart-item__image a {display: block; width: 100%; height: 100%;}
td.wc-block-cart-item__image img {width: 100%; height: 100%; object-fit: cover; display: block;}
td.wc-block-cart-item__product {grid-area: product; padding: 0 24px; display: block !important;}
.wc-block-cart-item__wrap {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.wc-block-components-product-metadata {display: none !important;}
.wc-block-components-product-name {display: block; font-size: 20px; margin-bottom: 6px; text-decoration: none; font-family: Orbitron;}
.wc-block-cart-item__prices {margin-bottom: 0; font-size: 20px; color: #939598; font-family: Orbitron;}

/* Hide the original total <td> — cart-fix.js moves its contents
   into .wc-block-cart-item__quantity so it renders inline        */
.wc-block-cart td.wc-block-cart-item__total,
table.wc-block-cart-items td.wc-block-cart-item__total {
    display: none !important;
    visibility: hidden !important;
}

.wc-block-cart-item__quantity {
    margin-top: auto;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px;
    width: 100%;
}

.wc-block-cart-item__quantity .wc-block-components-quantity-selector {flex: 0 0 auto;}
.wc-block-cart-item__quantity .wc-block-cart-item__remove-link {flex: 1 1 auto; text-align: center;}
.wc-block-cart-item__quantity .wc-block-cart-item__total-price-and-sale-badge-wrapper {flex: 0 0 auto; text-align: right; font-family: Orbitron; margin-left: auto;}
.wc-block-cart-item__remove-link svg {display: none;}
.wc-block-cart-item__remove-link::after {
    content: "Remove item";
    font-size: 0.75rem;
    color: #939598 !important;
    text-decoration: underline;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none !important;
    font-family: Orbitron;
}
.wc-block-cart-item__remove-link:hover {color: #414042 !important; background: none !important;}


/* Selector wrapper */
.wc-block-cart .wc-block-components-quantity-selector {
    display: inline-flex !important;
    align-items: center;
    gap: 0;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    width: fit-content !important;
    flex-shrink: 0;
    position: relative;
}
.wc-block-cart .wc-block-components-quantity-selector::before,
.wc-block-cart .wc-block-components-quantity-selector::after {
    display: none !important;
}
.wc-block-cart .wc-block-components-quantity-selector__button--minus {
    appearance: none;
    -webkit-appearance: none;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none;
    width: 36px !important;
    height: 36px !important;
    font-size: 0 !important;          /* Hides the − character */
    color: transparent !important;
    background-image: url('/wp-content/themes/salient-child/assets/minus.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1;                       /* Sits above the star input overlap */
}
.wc-block-cart .wc-block-components-quantity-selector__button--plus {
    appearance: none;
    -webkit-appearance: none;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none;
    width: 36px !important;
    height: 36px !important;
    font-size: 0 !important;          /* Hides the + character */
    color: transparent !important;
    background-image: url('/wp-content/themes/salient-child/assets/plus.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1;                       /* Sits above the star input overlap */
}
.wc-block-cart .wc-block-components-quantity-selector__button--minus:hover,
.wc-block-cart .wc-block-components-quantity-selector__button--plus:hover {
    opacity: 0.75;
    transform: scale(1.08);
    background-color: transparent !important;
}
.wc-block-cart .wc-block-components-quantity-selector__button--minus:active,
.wc-block-cart .wc-block-components-quantity-selector__button--plus:active {
    transform: scale(0.95);
}
.wc-block-cart .wc-block-components-quantity-selector__button--plus:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    transform: none;
}
.wc-block-cart .wc-block-components-quantity-selector__input {
    width: 48px !important;
    height: 48px !important;
    background-image: url('/wp-content/themes/salient-child/assets/star-qty.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 5px 0 0 0 !important;
    margin: -10px -6px 0 -6px !important; /* Overlap — star sits behind +/- buttons */
    text-align: center;
    font-size: 14px;
    font-family: Orbitron;
    font-weight: 400;
    color: #414042;
    line-height: 48px;
    z-index: 0;                           /* Sits behind the +/- buttons */
    position: relative;
    -moz-appearance: textfield;
}
.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.wc-block-cart__totals-title {
    color: #414042;
}
.wc-block-cart__submit-button,
a.wc-block-cart__submit-button,
.wc-block-cart__submit-button.contained {
    background-color: #fed7ff !important;
    color: #939598 !important;
    border: 1px solid #939598 !important;
    box-shadow: none !important;
    font-size: 19px !important;
    text-transform: uppercase !important;
    padding: 10px 0 !important;
    min-height: 10px !important;
}

.wc-block-cart__submit-button:hover,
a.wc-block-cart__submit-button:hover {
    background-color: #fbc8fd !important;
    color: #939598 !important;
    border-color: #939598 !important;
}
.wc-block-components-button.wc-block-components-totals-shipping__change-address-button,
.wc-block-components-shipping-calculator .wc-block-components-button {
    background-color: #fed7ff !important;
    color: #939598 !important;
    border: 1px solid #939598 !important;
    box-shadow: none !important;
}

.wc-block-components-button.wc-block-components-totals-shipping__change-address-button:hover,
.wc-block-components-shipping-calculator .wc-block-components-button:hover {
    background-color: #fbc8fd !important;
    color: #939598 !important;
}
/* =============================================================================
   MINI CART PAGE
   ============================================================================= */
#header-outer .cart-wrap{top:-2px !important; right: -33px !important;}
#header-outer a.cart-contents .cart-wrap span{
    font-family: Jura !important; 
    font-size: 14px !important; 
    line-height: 17px !important; 
    width: 22px !important; 
    height: 22px; 
    background-color: #fcf9d4 !important; 
    border: 1px solid #D1D3D4;  
    color:#D1D3D4 !important; 
    box-shadow: none !important;
}
.widget_shopping_cart_content,
.slide-out-widget-area .widget_shopping_cart,
.slide-out-widget-area .inner,
.slide-out-widget-area-inner {
    background-image: url('/wp-content/themes/salient-child/assets/cart_back.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 6px;
    overflow: hidden;
}
.mini-cart-heading {font-family: Orbitron; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; color: #939598;padding: 10px 20px 0 20px !important;}
ul.woocommerce-mini-cart {list-style: none; margin: 0; padding: 0;}
.woocommerce-mini-cart-item.mini_cart_item {display: grid; grid-template-columns: 120px 1fr; grid-template-areas: "image meta"; gap: 0; min-height: 110px;}
.mini-cart-item__image {grid-area: image; overflow: hidden;}
.mini-cart-item__image a, .mini-cart-item__image span.no-permalink {display: block; width: 100% !important; height: 100%;}
.mini-cart-item__image img {width: 100% !important; height: 100%; object-fit: cover; display: block;}
.mini-cart-item__meta {grid-area: meta; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 0 0 0 10px; box-sizing: border-box;}
#header-outer #top .widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item .mini-cart-item__meta a {color: #231F20 !important;}
.mini-cart-item__name {font-family: Orbitron !important; display: block; font-size: 0.7rem; font-weight: 400 !important;}
.mini-cart-item__unit-price {font-family: Orbitron !important; display: block; font-size: 0.7rem; color: #6d6e71 !important; flex-grow: 1;}
.mini-cart-item__bottom-row {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.mini-cart-item__qty {display: inline-flex; align-items: center; gap: 4px;}
.mini-cart-item__qty::before {font-family: Orbitron !important; content: 'Q'; font-size: 0.75rem; font-weight: 400; color: #231F20;}
.mini-cart-qty-plain {font-family: Orbitron !important; font-size: 0.8rem; font-weight: 400; color: #231F20;}
.mini-cart-item__qty input.qty::-webkit-outer-spin-button, .mini-cart-item__qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.mini-cart-item__line-total{font-family: Orbitron !important; font-size: 0.8rem; font-weight: 400; color: #231F20 !important; text-align: right; white-space: nowrap; margin-left: auto;}
.mini-cart-item__line-total span{color: #231F20 !important;}
.mini-cart-view-cart-wrap {display: flex; justify-content: center; padding: 12px 8px;}
.mini-cart-view-cart-btn {font-family: Orbitron !important; display: inline-block; border-radius: 100px; font-size: 0.8rem; font-weight: 400; text-transform: uppercase; background-color: #fed7ff !important;
    color: #939598 !important; border: 1px solid #939598 !important; text-decoration: none; white-space: nowrap; padding: 3px 7px !important;}
.mini-cart-view-cart-btn:hover {background-color: #fed7ff; color: #939598;}
.mini-cart-shipping-row {padding: 0 20px; font-weight: 400;}
.mini-cart-shipping-row__rule {display: block; width: 15px; height: 1px; background-color: #231F20;  margin-left: auto;  margin-bottom: 6px;}
.mini-cart-shipping-row__content {display: flex; align-items: center; justify-content: space-between;}
.mini-cart-shipping-row__label {font-family: Orbitron !important; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; color: #231F20;}
.mini-cart-shipping-row__note {font-family: Orbitron !important; font-size: 0.5rem; color: #231F20; font-weight: 400; text-transform: uppercase; text-align: right;}
.woocommerce-mini-cart__total {display: flex; align-items: center; justify-content: space-between; padding: 0 20px; margin: 0; border-top: none;}
.woocommerce-mini-cart__total strong {font-family: Orbitron !important; font-size: 0.75rem; font-weight: 400; text-transform: uppercase; color: #231F20; letter-spacing: 0;}
.woocommerce-mini-cart__total .woocommerce-Price-amount {font-weight: 400 !important; color: #231F20; letter-spacing: 0;}
#header-outer .cart-outer .total strong{color: #231F20 !important; letter-spacing: 0;}
#header-outer .total{font-family: Orbitron !important;  font-weight: 400 !important; color: #231F20; letter-spacing: 0;}
.mini-cart-checkout-wrap {padding: 0 8px 16px;}
.mini-cart-checkout-btn {display: block; width: 100%; text-decoration: none;}
.mini-cart-checkout-btn img {display: block; max-width: 210px; margin: 0 auto; height: auto; transition: opacity 0.2s ease;}

#header-outer .widget_shopping_cart_content.widget_shopping_cart_content,
#header-outer .widget_shopping_cart_content.widget_shopping_cart_content ul.woocommerce-mini-cart,
#header-outer .widget_shopping_cart_content.widget_shopping_cart_content ul.woocommerce-mini-cart li,
#header-outer .widget_shopping_cart_content.widget_shopping_cart_content .woocommerce-mini-cart-item,
#header-outer .widget_shopping_cart_content.widget_shopping_cart_content .mini-cart-item__image,
#header-outer .widget_shopping_cart_content.widget_shopping_cart_content .mini-cart-item__meta {
    background-color: transparent !important;
}
#header-outer .widget_shopping_cart .cart_list > li {border-bottom: 1px solid transparent !important;}
/**Add background GIF to shop/product pages**/
body.has-shop-background {
   background-image: url('/wp-content/themes/salient-child/logos/back_gif.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: fixed;  /* Stays pinned to viewport bottom-right while scrolling */
    background-size: 200px auto;         /* Renders GIF at its natural size — adjust if needed */

}
body.has-shop-background .ocm-effect-wrap {
    background-color: transparent !important;
}
body.has-shop-background .container-wrap {
    background-color: transparent !important;
}

/* =============================================================================
   CHECKOUT PAGE
   ============================================================================= */

.wc-block-components-text-input, .wc-blocks-components-select {display: flex; flex-direction: column; gap: 4px;}
.wc-blocks-components-select__container {display: flex; flex-direction: column; gap: 4px; position: static !important;}
.wc-block-components-text-input label,
.wc-blocks-components-select__label {
    position: static !important;
    transform: none !important;
    transition: none !important;
    font-size: 1rem !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    font-weight: 400;
    color: #939598 !important;
    pointer-events: auto;
    padding: 0 !important;
    margin: 0 !important;
    order: -1; /* Ensures label always renders before the input in flex flow */
}

:is(
    .wc-block-components-form .wc-block-components-text-input,
    .wc-block-components-text-input
) input:is(  
    [type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"] 
    ),
:is(
    .wc-block-components-form, .wc-block-components-text-input
    ) .wc-blocks-components-select__select{background-color: transparent; border: 1px solid #939598; border-radius: 40px; color: #939598; height: 35px;}
.wc-blocks-components-select .wc-blocks-components-select__container{ background-color: transparent;}
.wc-block-components-text-input input {padding-top: 0.3rem !important;}
.wc-blocks-components-select__select {padding-top: 0 !important;}
.wc-block-components-text-input input::placeholder {color: transparent !important;} 
.wc-block-components-validation-error {order: 2;}
.wc-block-components-checkout-order-summary__title-text, 
.wc-block-components-totals-item__label, 
.wp-block-woocommerce-cart-order-summary-heading-block,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wc-block-components-order-summary-item__individual-price,
.wc-block-components-totals-item__value,
.wc-block-components-product-price,
.wc-block-components-totals-footer-item-tax-value{
    text-transform: uppercase !important; font-family: Orbitron !important; font-weight: normal !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-name{font-size: 16px !important;}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator{border: 0 !important; text-transform: uppercase;padding-top: 0; color: #939598 !important; margin-top:50px;}
.wc-block-components-checkout-return-to-cart-button{text-transform: uppercase;}

.wc-block-checkout__add-note {display: flex; flex-wrap: nowrap; align-items: left; gap: 10px; margin-bottom: 16px; justify-content: flex-start;}
.wc-block-checkout__add-note .wc-block-components-checkbox__label::after {
    content: '*applicable only to packages that ship directly from Cyprus';
    display: inline;          /* Inline so it sits beside the label, not below */
    font-size: 0.7rem;
    color: #939598;
    font-style: normal;
    line-height: 1.1;
    flex-shrink: 1;           /* Allows it to wrap gracefully on narrow screens */
    max-width: 205px;
    text-transform: none;
    padding-left: 5px;
}
.wc-block-checkout__add-note .wc-block-components-checkbox label {display: inline-flex; align-items: center; gap: 10px; cursor: pointer;}
.wc-block-checkout__add-note .wc-block-components-checkbox__input {position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; pointer-events: none !important;}
.wc-block-checkout__add-note .wc-block-components-checkbox__mark {display: none !important;}
.wc-block-checkout__add-note .wc-block-components-checkbox__label {font-size: 1.1rem; text-transform: uppercase; color: #939598; cursor: pointer; display: inline-flex; align-items: center; gap: 5px;}

/* Star shape via clip-path on ::before
   Unchecked: fill #fbc8fd, outline #939598
   Checked:   fill #fcf9d4, outline #939598 (toggled via JS .is-checked) */
.wc-block-checkout__add-note .wc-block-components-checkbox__label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon points='15,2 18.5,11 28,11 20.5,17 23.5,27 15,21 6.5,27 9.5,17 2,11 11.5,11' fill='%23fcf9d4' stroke='%23939598' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.wc-block-checkout__add-note .wc-block-components-checkbox__label.is-checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon points='15,2 18.5,11 28,11 20.5,17 23.5,27 15,21 6.5,27 9.5,17 2,11 11.5,11' fill='%23fbc8fd' stroke='%23939598' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.wc-block-checkout__add-note .wc-block-components-textarea {display: none !important;}
.wc-block-components-checkout-return-to-cart-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 6px 4px !important;
    cursor: pointer;
    font-size: 1rem;
    text-transform: uppercase;
    color: #939598;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.2s ease;
}
.wc-block-components-checkout-return-to-cart-button:hover {background: none !important; color: #939598;}
.wc-block-components-checkout-return-to-cart-button svg {display: none !important;}
.wc-block-components-checkout-return-to-cart-button::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='13' fill='none'/%3E%3Cpolygon points='17,8 10,14 17,20' fill='%23939598'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 1px solid #939598;
    transition: background-image 0.2s ease;
}

/* Hover — circle fill becomes #fcf9d4, arrow becomes #939598 */
.wc-block-components-checkout-return-to-cart-button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='13' fill='%23fcf9d4'/%3E%3Cpolygon points='17,8 10,14 17,20' fill='%23939598'/%3E%3C/svg%3E");
    background-color: transparent;
}
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.contained {
    font-family: 'Home Sweet Home', cursive !important;
    font-size: 2.5rem !important;
    background-color: #fcf9d4 !important;
    color: #939598 !important;
    border: 2px solid #939598 !important;
    border-radius: 100px !important;
    box-shadow: none !important;
    padding: 10px !important;
    min-height: unset !important;
}
.wc-block-components-checkout-place-order-button, .wc-block-components-checkout-place-order-button.contained:hover {background-color: #fcf9d4 !important;filter: brightness(1) !important;}

#order-notes {
    position: relative; 
}

#order-notes::after {
    content: '';
    position: absolute;
    top: -75px;       
    right: 15%;
    width: 200px;
    height: 160px;
    background-image: url('/wp-content/themes/salient-child/assets/magic.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;  
    z-index: -1;         
}
/* =============================================================================
   HIDE FOOTER FROM CHECKOUT and CART PAGE
   ============================================================================= */
.woocommerce-cart #footer-outer,
.woocommerce-checkout #footer-outer {
    display: none !important;
}

/* =============================================================================
   Door Delivery Checkbox — Checkout
   Styled to match the existing checkout aesthetic.
   ============================================================================= */

.hyaku-door-delivery-wrap {
    padding: 6px 0;
}

.hyaku-door-delivery-label {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 400;
    color: #231f20;
    user-select: none;
}

.hyaku-door-delivery-label input[type="checkbox"] {
    background-color: #fff;
    border: 1px solid rgba(25,23,17,.48);
    border-radius: 50%;
    box-sizing: border-box;
    height: 20px;
    margin: 0;
    min-width: 20px;
    overflow: hidden;
    position: static;
    width: 20px;
    appearance: none;
   -webkit-appearance: none;
}
.hyaku-door-delivery-label input[type="checkbox"]:checked {
  appearance: auto;
  clip-path: circle(50% at 50% 50%);
  background-color: #000000;
}


.hyaku-door-delivery-text {
    color: #231f20;
}

/**Woo cart notice**/
.woocommerce-error, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
background-color: #fcf9d4 !important;
  border: 1px solid #939598 !important;
  color: #939598 !important;
  font-family: Orbitron;
  text-align: center;
  max-width: 65%;

  margin: 0 auto 2em auto !important;

  padding: 5px 0 0 0;
  text-transform: uppercase;
  border-radius: 30px !important;
  font-size: 14px;
  font-weight: 400;
}

.woocommerce-page .container .woocommerce-error a.button, .container .woocommerce-message .button.wc-forward {
  margin: 0 25px;
  color: #939598 !important;
  text-transform: uppercase;
  font-family: Orbitron;
  font-size: 12px !important;
  font-weight: 400;
}
.woocommerce-page .container .woocommerce-error a.button, .container .woocommerce-message .button.wc-forward:hover {
  background-color: transparent !important;
} 



/**Mobile queries**/
@media (max-width: 999px) {
    #top{top:5px; margin-bottom: 10px;}
    ul.flex-direction-nav li a {width: 40px; height: 40px; margin: 0 4px; }
    ul.flex-direction-nav li a svg {width: 22px; height: 22px;}
    .custom-add-to-cart-img, .custom-sold-out-img {width: 180px !important;}

    .single-product .quantity input.minus, .single-product .quantity input.plus {width: 44px; height: 44px;}
    .single-product .quantity input.qty {width: 58px; height: 58px; line-height: 58px; font-size: 1rem;}
    li.outofstock .product-wrap::after {width: 120px; height: 80px;}

    tr.wc-block-cart-items__row {grid-template-columns: 1fr; grid-template-areas: "image" "product" "total"; min-height: unset; padding: 16px 0;}
    td.wc-block-cart-item__image {max-height: 220px;}
    td.wc-block-cart-item__product {padding: 16px 0;}
    .wc-block-cart-item__quantity {flex-wrap: wrap; gap: 12px;}

    #header-outer #top .col.span_9 #mobile-cart-link{min-width: 80px;}
    #header-outer #mobile-cart-link .cart-wrap{top:8px !important; right: -9px !important;}
    #header-outer #mobile-cart-link .cart-wrap span{
    font-family: Jura !important; 
    font-size: 13px !important; 
    line-height: 15px !important; 
    width: 20px !important; 
    height: 20px; 
    background-color: #fcf9d4 !important; 
    border: 1px solid #D1D3D4;  
    color:#D1D3D4 !important; 
    box-shadow: none !important;
    }
    /**Mobile menu icon**/
    body #header-outer .lines-button {
    opacity: 0;
    }

    body #header-outer #top .slide-out-widget-area-toggle a:not(.open) > span {
    background-image: url(https://100100shop.com/wp-content/themes/salient-child/assets/star-qty.svg);
    background-size: contain;
    }
    #footer-outer #copyright{width: 100% !important;}
    .woocommerce-page #footer-outer #copyright{width: 70% !important;}
    #order-notes::after{top: -35px; right: -85px; height: 110px;}
    body.has-shop-background{background-size: 130px auto;}
    #slide-out-widget-area.fullscreen-alt .inner-wrap{background-image: url(https://100100shop.com/wp-content/uploads/2026/03/MENU_BACKROUND_MOBILE.jpg); background-position: center center; background-repeat: no-repeat; opacity: .9;}
}