/*
 * Theme Name:  Hello Elementor Child
 * Description: Al Afkham 2026 - Luxury Silver Jewelry
 * Template:    hello-elementor
 * Version:     2.0.0
 * Author:      Mohamed El-Hussainy
 */

/* ================================================================
   Al Afkham — Master CSS
   Stack:  WordPress 6.8 | Elementor 4.1 | WooCommerce 10.7
   Theme:  Hello Elementor 3.4 (Child)
   IDs:    Page 352 | Header 329 | Footer 331
   Rule:   No guessing — all selectors from real HTML only
   ================================================================ */


/* ================================================================
   § 1. DESIGN TOKENS
   ================================================================ */
:root {
    /* Colors — extracted from Al Afkham logo */
    --ak-ink:         #0C1535;
    --ak-surface:     #111D42;
    --ak-card:        #172048;
    --ak-border:      rgba(201, 168, 124, 0.14);
    --ak-gold:        #C9A87C;
    --ak-gold-light:  #DFC4A0;
    --ak-gold-glow:   rgba(201, 168, 124, 0.20);
    --ak-pearl:       #EDEAE4;
    --ak-muted:       #7A8099;

    /* Typography */
    --ak-arabic:   'Cairo', sans-serif;
    --ak-display:  'Playfair Display', Georgia, serif;
    --ak-body:     'Lora', 'Times New Roman', serif;

    /* Motion */
    --ak-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --ak-dur:  0.35s;

    /* Radius */
    --ak-r-sm: 3px;
    --ak-r-md: 8px;
}


/* ================================================================
   § 2. BASE
   ================================================================ */
html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

body {
    background-color: var(--ak-ink) !important;
    color: var(--ak-pearl) !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

::selection {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
}

::-webkit-scrollbar        { width: 4px; }
::-webkit-scrollbar-track  { background: var(--ak-ink); }
::-webkit-scrollbar-thumb  { background: var(--ak-gold); border-radius: 2px; }


/* ================================================================
   § 3. HEADER — elementor-329 / section 3fa7f522
   ================================================================ */

.elementor-329 .elementor-element-3fa7f522 {
    background: rgba(12, 21, 53, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid var(--ak-border) !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Logo */
.elementor-element-1b26b6ac img {
    max-width: 72px !important;
    height: auto !important;
    filter: brightness(1.1) drop-shadow(0 0 10px var(--ak-gold-glow)) !important;
    transition: filter var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-1b26b6ac img:hover {
    filter: brightness(1.25) drop-shadow(0 0 18px var(--ak-gold-glow)) !important;
}

/* Nav links */
.elementor-element-58cb551b .elementor-nav-menu .elementor-item {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    transition: color var(--ak-dur) var(--ak-ease) !important;
    letter-spacing: 0 !important;
}
.elementor-element-58cb551b .elementor-nav-menu .elementor-item:hover,
.elementor-element-58cb551b .elementor-nav-menu .elementor-item-active {
    color: var(--ak-gold) !important;
}
.elementor-element-58cb551b.e--pointer-underline
.elementor-nav-menu .elementor-item::after {
    background-color: var(--ak-gold) !important;
}

/* Cart */
.elementor-element-dcbbc0d .fkcart-shortcode-container {
    color: var(--ak-muted) !important;
}
.elementor-element-dcbbc0d .fkcart-shortcode-price {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
}
.elementor-element-dcbbc0d .fkcart-shortcode-count {
    background-color: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
}

/* Offcanvas + mobile menu toggles */
.elementor-element-ae0b1f0 .ekit_navSidebar-button,
.elementor-element-58cb551b .elementor-menu-toggle {
    color: var(--ak-muted) !important;
    transition: color var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-ae0b1f0 .ekit_navSidebar-button:hover,
.elementor-element-58cb551b .elementor-menu-toggle:hover {
    color: var(--ak-gold) !important;
}


/* ================================================================
   § 4. HERO — elementor-element-7e899c8a
   ================================================================ */

.elementor-element-7e899c8a {
    min-height: 92vh !important;
    background-color: var(--ak-ink) !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Ambient glow — brand signature */
.elementor-element-7e899c8a::before {
    content: '' !important;
    position: absolute !important;
    width: 700px !important;
    height: 700px !important;
    border-radius: 50% !important;
    background: radial-gradient(
        circle,
        rgba(201, 168, 124, 0.07) 0%,
        transparent 70%
    ) !important;
    top: 50% !important;
    right: 5% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.elementor-element-7e899c8a .elementor-background-overlay {
    background: linear-gradient(
        125deg,
        rgba(12, 21, 53, 0.90) 0%,
        rgba(12, 21, 53, 0.55) 55%,
        rgba(12, 21, 53, 0.85) 100%
    ) !important;
}

/* Hero heading */
.elementor-element-55271943 .elementor-headline {
    font-family: var(--ak-arabic) !important;
    font-size: clamp(32px, 5vw, 68px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--ak-pearl) !important;
    letter-spacing: 0 !important;
}
.elementor-element-55271943 .elementor-headline-plain-text {
    color: var(--ak-pearl) !important;
}
.elementor-element-55271943 .elementor-headline-dynamic-text {
    color: var(--ak-gold) !important;
}

/* Hero body text */
.elementor-element-641f92a .elementor-widget-container,
.elementor-element-641f92a .elementor-widget-container p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    max-width: 420px !important;
}

/* Hero CTA */
.elementor-element-1df7f7b9 .elementor-button {
    background: transparent !important;
    border: 1px solid var(--ak-gold) !important;
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    padding: 14px 38px !important;
    border-radius: var(--ak-r-sm) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-1df7f7b9 .elementor-button:hover {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    box-shadow: 0 8px 28px var(--ak-gold-glow) !important;
    transform: translateY(-2px) !important;
}


/* ================================================================
   § 5. COLLECTION TEASERS — elementor-element-56260c12
   ================================================================ */

.elementor-element-56260c12 {
    background-color: var(--ak-surface) !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.elementor-element-72efcd8f,
.elementor-element-19aa8bed,
.elementor-element-3ecfe989 {
    border-radius: var(--ak-r-md) !important;
    overflow: hidden !important;
    transition: transform var(--ak-dur) var(--ak-ease),
                box-shadow var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-72efcd8f:hover,
.elementor-element-19aa8bed:hover,
.elementor-element-3ecfe989:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 24px 48px rgba(0,0,0,0.5) !important;
}

.elementor-element-72efcd8f h2.elementor-heading-title,
.elementor-element-19aa8bed h2.elementor-heading-title,
.elementor-element-3ecfe989 h2.elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(20px, 3vw, 30px) !important;
    letter-spacing: 0 !important;
}
.elementor-element-72efcd8f h4.elementor-heading-title,
.elementor-element-19aa8bed h4.elementor-heading-title,
.elementor-element-3ecfe989 h4.elementor-heading-title {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

.elementor-element-72efcd8f .elementor-button,
.elementor-element-19aa8bed .elementor-button,
.elementor-element-3ecfe989 .elementor-button {
    background: transparent !important;
    border: 1px solid rgba(201,168,124,0.35) !important;
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    padding: 10px 22px !important;
    border-radius: var(--ak-r-sm) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-72efcd8f .elementor-button:hover,
.elementor-element-19aa8bed .elementor-button:hover,
.elementor-element-3ecfe989 .elementor-button:hover {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    border-color: var(--ak-gold) !important;
}


/* ================================================================
   § 6. DISCOVER THE COLLECTION — elementor-element-264715f0
   ================================================================ */

.elementor-element-264715f0 {
    background-color: var(--ak-ink) !important;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.elementor-element-6b33f36b {
    border-radius: var(--ak-r-md) !important;
    overflow: hidden !important;
}
.elementor-element-6b33f36b .elementor-background-overlay {
    background: linear-gradient(
        to bottom,
        rgba(12,21,53,0.2) 0%,
        rgba(12,21,53,0.88) 100%
    ) !important;
}

.elementor-element-5de3b1e1 .elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(24px, 4vw, 46px) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.elementor-element-2b2e714d .elementor-widget-container,
.elementor-element-2b2e714d p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

.elementor-element-40c50c75 .elementor-divider-separator {
    border-top-color: var(--ak-border) !important;
}

.elementor-element-63e29aa0 .elementor-button {
    background: var(--ak-gold) !important;
    border: none !important;
    color: var(--ak-ink) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 14px 42px !important;
    border-radius: var(--ak-r-sm) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-63e29aa0 .elementor-button:hover {
    background: var(--ak-gold-light) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px var(--ak-gold-glow) !important;
}


/* ================================================================
   § 7. PRODUCTS GRID — elementor-element-63564d1e
   ================================================================ */

.elementor-element-63564d1e {
    background-color: var(--ak-surface) !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* ================================================================
   § 8. WOOCOMMERCE — Product Cards
   All rules consolidated here — no duplicates
   ================================================================ */

/* Global WooCommerce background */
.woocommerce,
.woocommerce-page {
    background-color: var(--ak-ink) !important;
    color: var(--ak-pearl) !important;
}

/* Product grid */
.woocommerce ul.products {
    margin: 32px 0 0 !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: var(--ak-card) !important;
    border: 1px solid var(--ak-border) !important;
    border-radius: var(--ak-r-md) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
    text-align: right !important;
    transition:
        transform var(--ak-dur) var(--ak-ease),
        box-shadow var(--ak-dur) var(--ak-ease),
        border-color var(--ak-dur) var(--ak-ease) !important;
    position: relative !important;
}

.woocommerce ul.products li.product:hover {
    border-color: rgba(201,168,124,0.45) !important;
    transform: translateY(-8px) !important;
    box-shadow:
        0 20px 48px rgba(0,0,0,0.55),
        0 0 0 1px rgba(201,168,124,0.15) !important;
}

/* Product image */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top, rgba(12,21,53,0.5) 0%, transparent 60%) !important;
    opacity: 0 !important;
    transition: opacity var(--ak-dur) var(--ak-ease) !important;
}
.woocommerce ul.products li.product:hover
.woocommerce-LoopProduct-link::after {
    opacity: 1 !important;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 270px !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.55s var(--ak-ease) !important;
}
.woocommerce ul.products li.product:hover img {
    transform: scale(1.06) !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 4px 10px !important;
    border-radius: var(--ak-r-sm) !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1.6 !important;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 16px 6px !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}

/* Star rating */
.woocommerce .star-rating span::before {
    color: var(--ak-gold) !important;
}
.woocommerce ul.products li.product .star-rating {
    padding: 0 16px 4px !important;
    float: none !important;
}

/* Price */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
    display: block !important;
    padding: 4px 16px 14px !important;
    font-family: var(--ak-arabic) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--ak-gold) !important;
    margin: 0 !important;
}
.woocommerce ul.products li.product .price del {
    color: var(--ak-muted) !important;
    font-size: 12px !important;
    opacity: 0.75 !important;
    margin-left: 6px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}

/* Add to cart button */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.button {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 0 16px 16px !important;
    background: transparent !important;
    border: 1px solid rgba(201,168,124,0.35) !important;
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: var(--ak-r-sm) !important;
    text-decoration: none !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
    cursor: pointer !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.add_to_cart_button.added {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    border-color: var(--ak-gold) !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: var(--ak-card) !important;
    border-color: var(--ak-border) !important;
    color: var(--ak-muted) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--ak-gold) !important;
    border-color: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
}


/* ================================================================
   § 9. WOOCOMMERCE — Single Product Page
   ================================================================ */

.woocommerce div.product .product_title {
    color: var(--ak-pearl) !important;
    font-family: var(--ak-arabic) !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.woocommerce div.product div.images img {
    border-radius: var(--ak-r-md) !important;
    border: 1px solid var(--ak-border) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid var(--ak-border) !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--ak-gold) !important;
}

.woocommerce .quantity .qty {
    background: var(--ak-surface) !important;
    color: var(--ak-pearl) !important;
    border: 1px solid var(--ak-border) !important;
    border-radius: var(--ak-r-sm) !important;
    padding: 10px !important;
}


/* ================================================================
   § 10. WOOCOMMERCE — Cart & Checkout
   ================================================================ */

.woocommerce table.shop_table {
    border: 1px solid var(--ak-border) !important;
    border-radius: var(--ak-r-md) !important;
    background: var(--ak-card) !important;
}
.woocommerce table.shop_table th {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    border-bottom: 1px solid var(--ak-border) !important;
}
.woocommerce table.shop_table td {
    border-top: 1px solid var(--ak-border) !important;
    color: var(--ak-pearl) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: var(--ak-surface) !important;
    color: var(--ak-pearl) !important;
    border: 1px solid var(--ak-border) !important;
    border-radius: var(--ak-r-sm) !important;
    padding: 12px !important;
    font-family: var(--ak-arabic) !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--ak-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--ak-gold-glow) !important;
}

/* All WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background: transparent !important;
    color: var(--ak-gold) !important;
    border: 1px solid var(--ak-gold) !important;
    border-radius: var(--ak-r-sm) !important;
    padding: 12px 24px !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
    font-weight: 600 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    box-shadow: 0 4px 16px var(--ak-gold-glow) !important;
}

/* Payment section */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: var(--ak-surface) !important;
    border-radius: var(--ak-r-md) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid var(--ak-border) !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
    background: var(--ak-surface) !important;
    color: var(--ak-pearl) !important;
    border-top: 4px solid var(--ak-gold) !important;
    border-radius: var(--ak-r-sm) !important;
    font-family: var(--ak-arabic) !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--ak-gold) !important;
}


/* ================================================================
   § 11. RECOMMENDED SECTION — elementor-element-7d821809
   ================================================================ */

.elementor-element-7d821809 {
    background-color: var(--ak-ink) !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.elementor-element-7d821809
.elementor-element-6f60c919 .elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(22px, 3.5vw, 40px) !important;
    letter-spacing: 0 !important;
}

.elementor-element-7d821809 .elementor-element-76bb6994,
.elementor-element-7d821809 .elementor-element-76bb6994 p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 14px !important;
}


/* ================================================================
   § 12. FEATURES — elementor-element-35124a4b
   ================================================================ */

.elementor-element-35124a4b {
    background-color: var(--ak-surface) !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.elementor-element-35124a4b h6.elementor-heading-title {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.elementor-element-35124a4b h2.elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(18px, 2.5vw, 26px) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
.elementor-element-35124a4b .elementor-widget-text-editor,
.elementor-element-35124a4b .elementor-widget-text-editor p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}


/* ================================================================
   § 13. DELIVERY / LOGOS — elementor-element-24c700bc
   ================================================================ */

.elementor-element-24c700bc {
    background-color: var(--ak-card) !important;
    border-top: 1px solid var(--ak-border) !important;
    border-bottom: 1px solid var(--ak-border) !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.elementor-element-ca26890
.jkit-icon-box-wrapper .icon-box-header .icon i,
.elementor-element-ca26890
.jkit-icon-box-wrapper .icon-box-header .icon svg {
    color: var(--ak-gold) !important;
    fill: var(--ak-gold) !important;
}
.elementor-element-ca26890
.jkit-icon-box-wrapper .icon-box-body .title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

.elementor-element-2288890d .swiper-slide-image {
    filter: brightness(0) invert(0.5) !important;
    transition: filter var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-2288890d .swiper-slide:hover .swiper-slide-image {
    filter: brightness(0) invert(0.85) !important;
}


/* ================================================================
   § 14. NEW COLLECTION + DEAL — elementor-element-4d6f35f8
   ================================================================ */

.elementor-element-4d6f35f8 {
    background-color: var(--ak-surface) !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.elementor-element-554dfe7,
.elementor-element-7aa81a14 {
    border-radius: var(--ak-r-md) !important;
    overflow: hidden !important;
    min-height: 280px !important;
}
.elementor-element-554dfe7 .elementor-background-overlay,
.elementor-element-7aa81a14 .elementor-background-overlay {
    background: linear-gradient(
        135deg,
        rgba(12,21,53,0.75) 0%,
        rgba(12,21,53,0.35) 100%
    ) !important;
}

.elementor-element-554dfe7 .elementor-widget-text-editor p,
.elementor-element-7aa81a14 .elementor-widget-text-editor p {
    color: var(--ak-gold) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    font-family: var(--ak-arabic) !important;
}
.elementor-element-554dfe7 h2.elementor-heading-title,
.elementor-element-7aa81a14 h2.elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(18px, 2.5vw, 28px) !important;
    letter-spacing: 0 !important;
}

.elementor-element-1bd2c293 .elementor-button,
.elementor-element-20b39487 .elementor-button {
    background: var(--ak-gold) !important;
    border: none !important;
    color: var(--ak-ink) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    padding: 12px 30px !important;
    border-radius: var(--ak-r-sm) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-1bd2c293 .elementor-button:hover,
.elementor-element-20b39487 .elementor-button:hover {
    background: var(--ak-gold-light) !important;
    transform: translateY(-2px) !important;
}

.elementor-element-79bd3a4a {
    background-color: var(--ak-ink) !important;
}
.elementor-element-79bd3a4a .elementor-background-overlay {
    background: radial-gradient(
        ellipse at 50% 50%,
        rgba(201,168,124,0.12) 0%,
        rgba(12,21,53,0.92) 65%
    ) !important;
}

.elementor-element-42ad0e89 .elementor-heading-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(20px, 3vw, 34px) !important;
    letter-spacing: 0 !important;
}

.elementor-element-3495836f .elementor-headline .elementor-headline-dynamic-text {
    color: var(--ak-gold) !important;
    font-family: var(--ak-arabic) !important;
    font-size: clamp(52px, 9vw, 88px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.elementor-element-12a2b33c .elementor-button {
    background: var(--ak-gold) !important;
    border: none !important;
    color: var(--ak-ink) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    padding: 12px 34px !important;
    border-radius: var(--ak-r-sm) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-12a2b33c .elementor-button:hover {
    background: var(--ak-gold-light) !important;
    box-shadow: 0 8px 24px var(--ak-gold-glow) !important;
}


/* ================================================================
   § 15. PORTFOLIO GALLERY — elementor-element-3377f456
   ================================================================ */

.elementor-element-3377f456 {
    background-color: var(--ak-ink) !important;
}

.elementor-element-31f086be .jkit-portfolio-gallery .row-items {
    border-bottom: 1px solid var(--ak-border) !important;
}
.elementor-element-31f086be .jkit-portfolio-gallery .row-item {
    padding: 20px 28px !important;
    border-bottom: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-31f086be
.jkit-portfolio-gallery .row-item:hover,
.elementor-element-31f086be
.jkit-portfolio-gallery .row-item.current-item {
    border-bottom-color: var(--ak-gold) !important;
}
.elementor-element-31f086be
.jkit-portfolio-gallery .info-subtitle {
    color: var(--ak-gold) !important;
    font-size: 11px !important;
    font-family: var(--ak-arabic) !important;
    letter-spacing: 0 !important;
}
.elementor-element-31f086be .jkit-portfolio-gallery .info-title {
    font-family: var(--ak-arabic) !important;
    color: var(--ak-pearl) !important;
    font-size: clamp(16px, 2vw, 24px) !important;
    letter-spacing: 0 !important;
}


/* ================================================================
   § 16. FOOTER — elementor-331
   ================================================================ */

.elementor-331 .elementor-element-78e6d647 {
    background-color: var(--ak-surface) !important;
    border-top: 1px solid var(--ak-border) !important;
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.elementor-331 .elementor-element-78e6d647
.elementor-background-overlay {
    display: none !important;
}

.elementor-element-71d9936b img {
    max-width: 68px !important;
    filter: brightness(1.1) !important;
}

.elementor-element-5d496c5c .elementor-widget-container,
.elementor-element-5d496c5c p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

.elementor-element-18b2aacb .elementor-social-icon {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--ak-border) !important;
    color: var(--ak-muted) !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-18b2aacb .elementor-social-icon:hover {
    background: var(--ak-gold) !important;
    border-color: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    transform: translateY(-3px) !important;
}

.elementor-element-51e78e9d .elementor-icon-list-text,
.elementor-element-5e95260c .elementor-icon-list-text {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    transition: color var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-51e78e9d
.elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--ak-gold) !important;
}
.elementor-element-51e78e9d .elementor-icon-list-icon svg,
.elementor-element-5e95260c .elementor-icon-list-icon svg {
    fill: var(--ak-gold) !important;
}

/* Copyright bar */
.elementor-element-78ae5a14 {
    background-color: var(--ak-ink) !important;
    border-top: 1px solid var(--ak-border) !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.elementor-element-78ae5a14 .elementor-background-overlay {
    display: none !important;
}
.elementor-element-7174cfb6 .elementor-widget-container,
.elementor-element-7174cfb6 p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
    font-size: 12px !important;
}

.elementor-element-23dfb8c0 .elementor-social-icon {
    background: transparent !important;
    border: none !important;
    color: var(--ak-muted) !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    transition: color var(--ak-dur) var(--ak-ease) !important;
}
.elementor-element-23dfb8c0 .elementor-social-icon:hover {
    background: transparent !important;
    color: var(--ak-gold) !important;
    transform: none !important;
    box-shadow: none !important;
}


/* ================================================================
   § 17. OFFCANVAS SIDEBAR — elementor-487
   ================================================================ */

.ekit-sidebar-group .ekit-sidebar-widget {
    background-color: var(--ak-surface) !important;
}
.ekit-sidebar-group .ekit-bg-black {
    background: rgba(12,21,53,0.80) !important;
}
.ekit-sidebar-group .ekit_close-side-widget {
    color: var(--ak-muted) !important;
    transition: color var(--ak-dur) var(--ak-ease) !important;
}
.ekit-sidebar-group .ekit_close-side-widget:hover {
    color: var(--ak-gold) !important;
}

.elementor-487 .elementor-icon-list-text {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
}
.elementor-487 .elementor-icon-list-icon svg {
    fill: var(--ak-gold) !important;
}
.elementor-487 .elementor-social-icon {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--ak-border) !important;
    transition: all var(--ak-dur) var(--ak-ease) !important;
}
.elementor-487 .elementor-social-icon:hover {
    background: var(--ak-gold) !important;
    border-color: var(--ak-gold) !important;
}
.elementor-487 .elementor-button {
    background: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    border: none !important;
    font-family: var(--ak-arabic) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}
.elementor-487 .elementor-widget-text-editor,
.elementor-487 .elementor-widget-text-editor p {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
}


/* ================================================================
   § 18. FLOATING CART
   ================================================================ */

#fkcart-floating-toggler {
    background: var(--ak-gold) !important;
}
#fkcart-floating-toggler .fkcart-floating-icon {
    color: var(--ak-ink) !important;
}
#fkcart-floating-toggler .fkcart-item-count {
    background: var(--ak-ink) !important;
    color: var(--ak-gold) !important;
}

#fkcart-modal .fkcart-modal-container {
    background: var(--ak-surface) !important;
}
#fkcart-modal .fkcart-slider-header {
    background: var(--ak-card) !important;
    border-bottom: 1px solid var(--ak-border) !important;
}
#fkcart-modal .fkcart-title,
#fkcart-modal .fkcart-item-title {
    color: var(--ak-pearl) !important;
    font-family: var(--ak-arabic) !important;
}
#fkcart-modal .fkcart-item-price {
    color: var(--ak-gold) !important;
}


/* ================================================================
   § 19. LOGO
   ================================================================ */

.elementor-element-1b26b6ac img,
.elementor-element-71d9936b img,
.elementor-element-3a385a41 img {
    filter: brightness(1.05) !important;
    background: transparent !important;
}


/* ================================================================
   § 20. RESPONSIVE
   ================================================================ */

@media (max-width: 767px) {
    .elementor-element-7e899c8a {
        min-height: 65vh !important;
    }
    .elementor-element-7e899c8a::before {
        display: none !important;
    }
    .elementor-329 .elementor-element-3fa7f522 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .elementor-element-1b26b6ac img {
        max-width: 56px !important;
    }
    .woocommerce ul.products li.product img {
        height: 220px !important;
    }
    .elementor-element-1df7f7b9 .elementor-button {
        padding: 13px 26px !important;
    }
}

@media (max-width: 1024px) {
    .woocommerce ul.products li.product img {
        height: 245px !important;
    }
}


/* ================================================================
   § 21. PERFORMANCE & PRINT
   ================================================================ */

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

@media print {
    .elementor-329,
    #fkcart-floating-toggler,
    #fkcart-modal {
        display: none !important;
    }
    body {
        background: white !important;
        color: black !important;
    }
}

/* ================================================================
   § 15. GLOBAL ELEMENTOR OVERRIDES (Force Theme on Safir Kit)
   ================================================================ */

/* Force Backgrounds */
.elementor-page, 
.elementor-section-wrap, 
main,
.elementor-section:not(.elementor-inner-section),
.elementor-container {
    background-color: var(--ak-ink) !important;
}

/* Override inner sections and widgets to be transparent so the dark background shows */
.elementor-inner-section,
.elementor-widget-wrap,
.elementor-widget-container {
    background-color: transparent !important;
}

/* Force Text Colors */
.elementor-widget-heading .elementor-heading-title {
    color: var(--ak-pearl) !important;
    font-family: var(--ak-arabic) !important;
}

.elementor-widget-text-editor, 
.elementor-widget-text-editor p,
.elementor-icon-list-text {
    color: var(--ak-muted) !important;
    font-family: var(--ak-arabic) !important;
}

/* Force Buttons */
.elementor-button {
    background-color: var(--ak-gold) !important;
    color: var(--ak-ink) !important;
    border: none !important;
    font-family: var(--ak-arabic) !important;
}
.elementor-button:hover {
    background-color: var(--ak-gold-light) !important;
}

/* Fix Single Product Page Layout */
.elementor-location-single {
    background-color: var(--ak-ink) !important;
}
.elementor-location-single .product_title {
    color: var(--ak-gold) !important;
}
.elementor-location-single .price {
    color: var(--ak-pearl) !important;
}