/*
 Theme Name:   Newness Child
 Description:  Team Newness
 Author:       Newness
 Author URI:   http://newness.net
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/

/* Custom Styles from Prototype */
body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFFFF;
}

/* Custom primary color */
.bg-primary { background-color: rgb(28, 97, 231); }
.text-primary { color: rgb(28, 97, 231); }
.border-primary { border-color: rgb(28, 97, 231); }

/* Transitions for popups and sliders */
.popup-overlay, .cart-slider {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.cart-slider > .slider-content, .search-popup > .popup-content {
    transition: transform 0.3s ease-in-out;
}

/* Hide scrollbar when a popup is open */
.overflow-hidden {
    overflow: hidden;
}

/* Cart item swipe animation */
.cart-item-content {
    transition: transform 0.2s ease-out;
}

.hint-slide {
    animation: hint-slide 0.8s ease-in-out 0.5s;
}

@keyframes hint-slide {
    0% { transform: translateX(0); }
    30% { transform: translateX(-40px); }
    60% { transform: translateX(-40px); }
    100% { transform: translateX(0); }
}

/* =======================================================
   CROSS (CLOSE) BUTTON FIXES
   Overrides Woodmart defaults that hide SVG icons
   ======================================================= */
#closeAccountPopup, 
#closeSearchPopup, 
#close-cart-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

#closeAccountPopup svg, 
#closeSearchPopup svg, 
#close-cart-btn svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    stroke: #111827 !important; /* Force dark stroke color */
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure Hover works properly on the SVGs */
#closeAccountPopup:hover svg, 
#closeSearchPopup:hover svg, 
#close-cart-btn:hover svg {
    stroke: #ef4444 !important; /* Red on hover */
}