/*
Theme Name: Fiore Child
Author: VamTam
Author URI: https://vamtam.com
Template: vamtam-fiore
*/



/* variations product price format  */
.price-elob{
    font-size: small;
    color: #d43d3d;
    padding-right: 5px;
    text-transform: lowercase;
    font-weight: 500;
}

.tbay-swatches-wrapper li a.variable-item-span-label:hover, .tbay-swatches-wrapper li a.variable-item-span-label.selected {
     color: #fff;
}

/* variations product price display under the variation name  */


/* Custom CSS Added for SINGLE PRODUCT PAGE price color changed & Below the variation price the BORDER added for bifirication */
.woocommerce-variation-price .price .woocommerce-Price-amount.amount, .elementor-widget-woocommerce-product-price .price .woocommerce-Price-amount.amount{
    font-weight:500;
    color: #d43d3d;
}

.woocommerce-variation-add-to-cart::before{
    content: '';
    display: block;
    margin: 10px 0px 20px 0px; /* Space between line and block content */
    width: 10%;
    border-style: solid;
    border-color: #373735;
    border-width: 1px;
}
/* ENDOFF Custom CSS Added for SINGLE PRODUCT PAGE price color changed & Below the variation price the BORDER added for bifirication  */

/* Custom CSS Added for MAIN MENU, 3RD menu animated way  */

#milton-header .elementor-widget-container .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(3) > a {
    animation: menuHighlight 2s infinite alternate;
    font-weight: 700 !important;
}

@keyframes menuHighlight {
    0%   { color: #e63946; }  /* red */
    10%  { color: #ff6f61; }  /* coral */
    20%  { color: #ff9f1c; }  /* orange */
    30%  { color: #ffd166; }  /* yellow */
    40%  { color: #06d6a0; }  /* mint */
    50%  { color: #2a9d8f; }  /* teal */
    60%  { color: #118ab2; }  /* blue */
    70%  { color: #4361ee; }  /* royal blue */
    80%  { color: #8338ec; }  /* purple */
    90%  { color: #ff4d6d; }  /* pink */
    100% { color: #e63946; }  /* back to red */
}

/* ENDOFF Custom CSS Added for MAIN MENU, 3RD menu animated way  */

/* Checkout css*/
.select-delivery-method, .encloser-description{
    margin-bottom: 25px;
}

.encloser-description{
    display:block;
}

/* ENDOFF Checkout css*/




/* START Checkout css for HOME DELIVERY & PICK UP radio buttons customisation*/
    /* Container */
    .nacs-schedule-type-options {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    
    /* Each label acts like a button */
    .nacs-schedule-type-options label {
      position: relative;
      cursor: pointer;
      margin-right: 0 !important;
    }
    
    /* Hide default radio */
    .nacs-schedule-type-options input[type="radio"] {
      position: absolute;
      opacity: 0;
    }
    
    /* Style the text span as button */
    .nacs-schedule-type-options label span {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px 18px;
      border: 2px solid #ddd;
      border-radius: 10px;
      background: #fff;
      font-weight: 500;
      transition: all 0.3s ease;
    }
    
    /* Icons using value selector */
    .nacs-schedule-type-options input[value="delivery"] + span::before {
      content: "🚚";
      font-size: 18px;
    }
    
    .nacs-schedule-type-options input[value="pickup"] + span::before {
      content: "🏬";
      font-size: 18px;
    }
    
    /* Hover effect */
    .nacs-schedule-type-options label span:hover {
      border-color: #000;
    }
    
    /* Checked state */
    .nacs-schedule-type-options input[type="radio"]:checked + span {
        background: #6F7735;
        color: #fff;
        border-color: #556002;
    }
    
    /* Smooth click feel */
    .nacs-schedule-type-options label span:active {
      transform: scale(0.97);
    }
    
    /* Hide original text */
    .nacs-schedule-type-options label span {
      font-size: 0;
    }
    
    /* DELIVERY → Delivery to Address */
    .nacs-schedule-type-options input[value="delivery"] + span::after {
      content: "Delivery to Address";
      font-size: 14px;
    }
    
    /* PICKUP → PickUp from Store */
    .nacs-schedule-type-options input[value="pickup"] + span::after {
      content: "PickUp from Store";
      font-size: 14px;
    }
/* ENDOFF Checkout css for HOME DELIVERY & PICK UP radio buttons customisation*/

/* Sidebar cart form - can open from header cart icon*/
#milton-side-cart .elementor-menu-cart__container .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__products .cart_item {
	padding:10px 30px !important;
}

#milton-side-cart .elementor-menu-cart__container .elementor-menu-cart__main .cart_item {
	grid-row-gap: 0px !important;
}



.elementor-widget-woocommerce-checkout-page #ship-to-different-address span {
    font-family: var(--e-global-typography-vamtam_h4-font-family), Sans-serif;
    font-size: 18px;
    font-weight: var(--e-global-typography-vamtam_h4-font-weight);
    line-height: var(--e-global-typography-vamtam_h4-line-height);
}

/**
 * Style WooCommerce variation/custom option details block
 * shown in cart, checkout, mini-cart or order summary.
 *
 * Features:
 * - Light army green background
 * - Separate border line for each row
 * - Padding for better readability
 * - Rounded corners
 * - Clean customer-friendly appearance
 *
 * Add this CSS in:
 * WordPress Admin → Appearance → Customize → Additional CSS
 */


/* Main variation container */
dl.variation {

    background: #dfe8d5 !important; /* Light army green */
    
    border: 1px solid #bcc9af;
    
    border-radius: 10px;

    padding: 12px 16px;

}


/* Each label row */
dl.variation dt {

    font-weight: 600;

    color: #2f3b2f;

    border-top: 1px solid #c7d2bc;
}


/* Remove top border from first item */
dl.variation dt:first-of-type {

    border-top: none;

    margin-top: 0;

    padding-top: 0;
}


/* Value content */
dl.variation dd {

    color: #4b564b;
}