.elementor-kit-9{--e-global-color-primary:#173D33;--e-global-color-secondary:#F8F5EF;--e-global-color-text:#5F5F5F;--e-global-color-accent:#C9A45A;--e-global-color-347ad0e:#171717;--e-global-color-c8b7012:#FFFFFF;--e-global-color-00bc17d:#E6E2DA;--e-global-color-a46d767:#2E7D32;--e-global-color-aeb62c1:#D32F2F;--e-global-color-5795311d:#1F3A2A;--e-global-color-24369b33:#355A3A;--e-global-color-65054e3e:#E9DFC9;--e-global-color-81fd57d7:#2A2A2A;--e-global-color-b1003adf:#F8F4EC;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.8em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;letter-spacing:0px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#173D33;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;border-style:none;border-radius:12px 12px 12px 12px;padding:18px 34px 18px 34px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#C9A45A;color:#173D33;border-radius:12px 12px 12px 12px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:600;line-height:1.1em;letter-spacing:-1px;}.elementor-kit-9 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:52px;font-weight:600;letter-spacing:-0.5px;}.elementor-kit-9 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:40px;font-weight:600;letter-spacing:0px;}.elementor-kit-9 h4{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:600;line-height:1.3em;}.elementor-kit-9 h5{font-size:24px;line-height:1.35em;}.elementor-kit-9 h6{font-size:20px;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   SHIFA SOUQ — Global Design System
   Premium Organic Wellness · Visual Layer
   ============================================================ */

/* Base rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   HEADER — Constant Ivory Background (All Pages)
   ============================================================ */

/* Always solid ivory background — no transparent state */
.shifa-header .elementor-element-header-main {
    background-color: #F8F4EC !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Sticky scrolled state — slightly translucent with blur */
.shifa-header.elementor-sticky--effects .elementor-element-header-main {
    background-color: rgba(248,244,236,0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(0,0,0,0.04) !important;
}

/* Nav text always dark forest green */
.shifa-header .elementor-element-primary-nav .elementor-item,
.shifa-header .elementor-element-header-search .elementor-search-form__toggle,
.shifa-header .elementor-element-header-account .elementor-icon,
.shifa-header .elementor-element-header-cart .elementor-button,
.shifa-header .elementor-menu-toggle {
    color: #173D33 !important;
}

/* Nav hover — gold, universal */
.shifa-header .elementor-item:hover,
.shifa-header .elementor-item.elementor-item-active {
    color: #C9A45A !important;
}

/* ============================================================
   HEADER — Mobile
   ============================================================ */

@media (max-width: 767px) {
    /* Show nav wrap for hamburger toggle */
    .shifa-header .elementor-element-header-nav-wrap {
        display: flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        order: -1 !important;
    }
    .shifa-header .elementor-element-header-logo-wrap {
        flex: 1;
        width: auto !important;
    }
    .shifa-header .elementor-element-header-icons-wrap {
        gap: 18px !important;
        width: auto !important;
    }
    /* Hamburger toggle visible */
    .shifa-header .elementor-menu-toggle {
        display: flex !important;
        color: #173D33 !important;
        padding: 2px !important;
        border: none !important;
        background: transparent !important;
    }
    .shifa-header .elementor-menu-toggle svg {
        width: 22px !important;
        height: 22px !important;
        fill: #173D33 !important;
    }
}

@media (max-width: 1024px) {
    .shifa-header .elementor-element-header-nav-wrap {
        flex: 0 !important;
    }
}

/* ============================================================
   MEGA MENU — Responsive
   ============================================================ */

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown .mega-menu-heading > .elementor-nav-menu--dropdown {
        position: static !important;
        display: block !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 0 0 16px !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: auto !important;
    }
    .elementor-nav-menu--dropdown .mega-menu-heading > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: rgba(23,61,51,0.5) !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        padding: 10px 16px !important;
        pointer-events: none;
    }
    .elementor-nav-menu--dropdown .mega-menu-item > a {
        font-size: 13px !important;
        color: #5F5F5F !important;
        padding: 8px 16px !important;
    }
    .elementor-nav-menu--dropdown .mega-menu-trust-item > a {
        font-size: 11px !important;
        color: rgba(23,61,51,0.5) !important;
        padding: 6px 16px !important;
        pointer-events: none;
    }
}

/* ============================================================
   SIDE CART — Overlay
   ============================================================ */

.elementor-menu-cart__container {
    background: rgba(0,0,0,0.3) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* ============================================================
   MOBILE MENU — Off-canvas
   ============================================================ */

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: -8px 0 32px rgba(0,0,0,0.06) !important;
}

.elementor-nav-menu--dropdown .elementor-item {
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #173D33 !important;
    padding: 14px 28px !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s ease;
}

.elementor-nav-menu--dropdown .elementor-item:hover {
    color: #C9A45A !important;
    background: transparent !important;
}

.elementor-menu-toggle {
    color: #173D33 !important;
    transition: opacity 0.4s ease;
}
.elementor-menu-toggle:hover {
    opacity: 0.55;
}

/* ============================================================
   FOOTER — Responsive
   ============================================================ */

@media (max-width: 1024px) {
    .elementor-element-footer-brand {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 16px;
    }
    .elementor-element-footer-shop,
    .elementor-element-footer-company {
        width: 30% !important;
        flex: 0 0 30% !important;
    }
    .elementor-element-footer-newsletter {
        width: 35% !important;
        flex: 0 0 35% !important;
    }
}

@media (max-width: 767px) {
    .elementor-element-footer-brand,
    .elementor-element-footer-shop,
    .elementor-element-footer-company,
    .elementor-element-footer-newsletter {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
    .elementor-element-footer-copyright-bar {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }
    .elementor-element-footer-copyright-right .elementor-text-editor {
        text-align: center !important;
    }
}/* End custom CSS */