/*
Theme Name: IceInox Premium
Theme URI: https://www.iceinox.com/
Author: Antigravity AI
Author URI: https://www.google.com/
Description: A premium SaaS-style WordPress theme for IceInox, featuring clean lines, modern typography, and robust product showcases.
Version: 1.4.2.28
Text Domain: iceinox
*/

/* Main Stylesheet Import */
/* In a real production build, we would compile Sass or just include the main CSS directly. 
   Here we'll import it or verify functions.php handles it. 
   But for WP standards, let's keep the main styles separate or merged. 
   I will adapt the content from the previous style.css into a new file to keep it clean.
*/
body {
    background-color: #f8fafc;
    /* Fallback */
}

/* Custom Animations */
@keyframes scroll-wheel {
    0% {
        top: 6px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

@keyframes scroll-arrow {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-5px, -5px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(5px, 5px);
    }
}

.animate-scroll-wheel {
    animation: scroll-wheel 1.5s infinite;
}

.animate-scroll-arrow {
    animation: scroll-arrow 1.5s infinite;
    animation-delay: 0.2s;
}

.hero-bg {
    /* Background image scaling */
    background-size: cover;
    background-position: center;
    transition: transform 10s ease;
}

/* Header Default (Inner Pages) */
#main-header {
    background-color: #253044;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.2);
    border-bottom: 1px solid #334155;
    transition: all 0.3s ease;
}

#main-header .header-logo {
    filter: brightness(0) invert(1);
    transition: filter 0.3s;
    height: 44px;
    max-height: 44px;
    width: auto;
    display: block;
}

#main-header nav a,
#main-header #mobile-menu-btn {
    color: #ffffff;
    font-weight: 600;
    transition: color 0.3s;
}

#main-header nav a:hover {
    color: #38bdf8;
    /* accent */
}

/* Header Home, Category, and Products Pages (Transparent at top) */
.home #main-header,
.archive #main-header,
.tax-product_cat #main-header,
.page #main-header {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid transparent;
}

/* Scrolled State (All Pages) */
#main-header.scrolled,
.home #main-header.scrolled,
.archive #main-header.scrolled,
.tax-product_cat #main-header.scrolled,
.page #main-header.scrolled {
    background-color: #253044;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.2);
    border-bottom: 1px solid #334155;
}

/* Polylang Language Switcher Dropdown Styles (Broadened for all sub-menus and Polylang items) */
#main-header nav li.menu-item-has-children,
#main-header nav li.pll-parent-menu-item {
    position: relative;
    display: flex;
    align-items: center;
}

#main-header nav li.menu-item-has-children>a,
#main-header nav li.pll-parent-menu-item>a {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
}

/* Base style for flag images */
#main-header nav li.lang-item img,
#main-header nav li img.wpml-ls-flag {
    width: 20px !important;
    height: auto !important;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: block !important;
    margin: 0 !important;
}

/* Add an icon next to the active language */
#main-header nav li.menu-item-has-children>a::after,
#main-header nav li.pll-parent-menu-item>a::after {
    content: '\f107';
    /* FontAwesome angle-down */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
    margin-left: 0.25rem;
}

#main-header nav li.menu-item-has-children:hover>a::after,
#main-header nav li.pll-parent-menu-item:hover>a::after {
    transform: rotate(180deg);
}

/* The Dropdown Menu Wrapper (ul.sub-menu) */
#main-header nav li.menu-item-has-children .sub-menu,
#main-header nav li.pll-parent-menu-item .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    /* Align dropdown to the right edge */
    min-width: 150px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 0;
    margin-top: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 50;

    /* Make the UL a clean column */
    display: flex !important;
    flex-direction: column;
    gap: 0;
}

/* Show on hover */
#main-header nav li.menu-item-has-children:hover .sub-menu,
#main-header nav li.pll-parent-menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown List Items (li) */
#main-header nav li.menu-item-has-children .sub-menu li,
#main-header nav li.pll-parent-menu-item .sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
    /* Reset margins */
    padding: 0;
    /* Reset padding */
}

/* Dropdown Links (a) */
#main-header nav li.menu-item-has-children .sub-menu li a,
#main-header nav li.pll-parent-menu-item .sub-menu li a {
    display: flex !important;
    /* Force flex to align flag and text */
    flex-direction: row !important;
    /* Force row layout */
    align-items: center !important;
    /* Vertical center alignment */
    justify-content: flex-start !important;
    /* Align to left container start */
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    color: #475569 !important;
    /* slate-600 */
    font-size: 0.875rem;
    /* text-sm */
    font-weight: 500;
    line-height: 1.2;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
    border: none;
    background: transparent;
}

#main-header nav li.menu-item-has-children .sub-menu li a:hover,
#main-header nav li.pll-parent-menu-item .sub-menu li a:hover {
    background-color: #f8fafc;
    /* slate-50 */
    color: #0ea5e9 !important;
    /* primary */
}

/* Fix for specific Polylang markup rendering spans inside a tags */
#main-header nav li.lang-item a span,
#main-header nav li.pll-parent-menu-item a span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Mobile overrides for language switcher */
@media (max-width: 767px) {

    #mobile-menu li.menu-item-has-children,
    #mobile-menu li.pll-parent-menu-item {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px solid #e2e8f0;
        display: block;
    }

    #mobile-menu li.menu-item-has-children>a,
    #mobile-menu li.pll-parent-menu-item>a {
        display: flex !important;
        align-items: center;
        gap: 0.5rem;
        justify-content: space-between;
    }

    #mobile-menu li.menu-item-has-children .sub-menu,
    #mobile-menu li.pll-parent-menu-item .sub-menu {
        position: static;
        box-shadow: none;
        border: none;
        padding: 0;
        padding-left: 1rem;
        margin-top: 0.5rem;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: flex !important;
        flex-direction: column;
    }

    #mobile-menu li.menu-item-has-children>a::after,
    #mobile-menu li.pll-parent-menu-item>a::after {
        display: none;
    }

/* Footer Styles */
footer h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; /* Bold */
}
}