/* Theme Name: Blocksy Child Template: blocksy Version: 2.5.0 (Optimized) */
/* ========================================= 1. VARIABLES & BASE SETUP ========================================= */
:root {
    --nikahd-teal: #C59D5F;
    /* (دیگه استفاده نمی‌کنیم) */
    --nikahd-gold: #C59D5F;
    /* طلایی منو */
    --nikahd-gold-dark: #b89550;
    /* طلایی تیره‌تر برای هاور */
    --nikahd-card-bg: #F6F0E6;
    /* کرم داخل کارت */
    --nikahd-text: #333;
    /* تنظیم رنگ‌های شما مخصوص این بخش */
    --spotlight-bg: #FDFAF5;
    /* کرم خیلی روشن و گرم */
    --spotlight-border: #C59D5F;
    /* طلایی مات برای حاشیه */
    --spotlight-btn: #cf9e35;
    /* طلایی زنده برای دکمه */
    --spotlight-btn-hover: #b08d55;
    /* کمی تیره‌تر برای هاور */
    --spotlight-text: #333333;
    /* رنگ متن */
}

body {
    font-family: 'Vazirmatn', sans-serif;
    background: #FAFBFC;
    overflow-x: hidden !important;
}

/* حذف حاشیه‌های مزاحم و تنظیمات کلی */
* {
    box-sizing: border-box;
}

.entry-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* مخفی کردن دکمه "مشاهده سبد خرید" بعد از افزودن */
.woocommerce-message .button,
.woocommerce-message a.button,
.product-rail-wrapper .added_to_cart {
    display: none !important;
}

/* مخفی کردن پیام "به سبد خرید شما اضافه شد" (فقط پیام موفقیت) */
.woocommerce-notices-wrapper .woocommerce-message {
    display: none !important;
}

.woocommerce-notices-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================
2. HEADER STYLES (Rounded & Clean)
========================================= 
.ct-header [data-row="middle"], .ct-sticky-container [data-sticky*="stuck"] [data-row="middle"] { border-radius: 50px ; background-color: #fff; overflow: visible ; position: relative; z-index: 101; box-shadow: 0 5px 25px rgba(0,0,0,0.08); } .ct-header [data-row="middle"] .ct-container { border-radius: 50px; } header#header, .ct-header { z-index: 100 !important; position: relative; } */
/* ===== SIMPLE FIX: remove empty top space in Blocksy offcanvas (mobile) ===== */
/* فقط پنل موبایل فعال باشد */
#offcanvas .ct-panel-content[data-device="desktop"] {
    display: none !important;
}

/* close روی خودش، نه اینکه فضا بگیرد */
#offcanvas .ct-panel-actions {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    /* RTL: این سمت بهتره */
    right: auto !important;
    z-index: 999999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* خود بخش موبایل: هیچ padding/margin اضافی بالا نداشته باشد */
#offcanvas .ct-panel-content[data-device="mobile"] {
    margin: 0 !important;
    padding: 0 !important;
    height: 100vh !important;
}

/* داخلش: از بالا می‌چسبد + اسکرول */
#offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner {
    margin: 0 !important;
    padding: 64px 18px 24px !important;
    /* فقط به اندازه دکمه close */
    height: 100% !important;
    overflow-y: auto !important;
    background: #f2e7c4 !important;
}

/* منو و آیتم‌ها */
#offcanvas nav.mobile-menu ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#offcanvas nav.mobile-menu li {
    margin: 10px 0 !important;
}

/* رنگ فونت */
#offcanvas nav.mobile-menu a.ct-menu-link {
    color: #3b2314 !important;
    /* قهوه‌ای سوخته */
    font-weight: 800 !important;
    font-size: 18px !important;
    display: block !important;
    padding: 10px 8px !important;
}

#offcanvas nav.mobile-menu a.ct-menu-link:hover {
    color: #1f120b !important;
}

.ct-header [data-row="middle"],
.ct-sticky-container [data-sticky*="stuck"] [data-row="middle"] {
    border-radius: 50px;
    background-color: #fff;
    overflow: visible;
    position: relative;
    z-index: 101;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

/* ========================================= 
3. HERO SLIDER (Full Width) 
========================================= 
.wp-block-uagb-slider { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; margin-bottom: 0 !important; } */
/* ========================================= HERO SLIDER CONFIGURATION ========================================= */
/* 1. تنظیمات مشترک برای فول‌عرض کردن (Breaking out of container) */
.nikahd-desktop-slider,
.nikahd-mobile-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 0 !important;
}

/* 2. مخفی‌سازی بر اساس دستگاه */
@media (max-width: 768px) {
    .nikahd-desktop-slider {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .nikahd-mobile-slider {
        display: none !important;
    }
}

/* =========================================
MOBILE SLIDER SPECIFIC (800x800 Logic)
========================================= */
@media (max-width: 768px) {

    /* حذف ارتفاع‌های اجباری که پلاگین اضافه می‌کند */
    .nikahd-mobile-slider .uagb-swiper-wrapper,
    .nikahd-mobile-slider .swiper-slide {
        min-height: unset !important;
        /* خیلی مهم */
        height: auto !important;
        padding: 0 !important;
        /* حذف پدینگ‌های مزاحم */
    }

    /* کانفیگ عکس: عرض کامل، ارتفاع اتوماتیک */
    .nikahd-mobile-slider img {
        width: 100% !important;
        /* عرض رو پر کن */
        height: auto !important;
        /* ارتفاع رو بر اساس نسبت عکس تنظیم کن */
        display: block !important;
        /* Senior Tip: جلوگیری از پرش صفحه (CLS) چون عکست مربعه (1:1)، این خط به مرورگر میگه قبل از لود عکس جاش رو رزرو کن. */
        aspect-ratio: 1 / 1;
        object-fit: contain !important;
    }

    /* اختیاری: اگر فلش‌های کناری روی عکس مربعی مزاحم هستن، مخفیشون کن */
    .nikahd-mobile-slider .swiper-button-next,
    .nikahd-mobile-slider .swiper-button-prev {
        display: none !important;
    }
}

/* ========================================= 
4. CATEGORIES (Godiva Style - Overlay)
========================================= */
.nikahd-cat-wrapper {
    width: 100%;
    padding: 60px 20px;
    background: #FDFBF7;
}

.nikahd-cat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* پیش‌فرض موبایل: 2 ستون */
    gap: 15px;
    max-width: 1400px;
    margin: 0 auto;
}

.nikahd-cat-item {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 16px;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s ease;
}

.nikahd-cat-item:hover {
    transform: translateY(-5px);
}

/* عکس و زوم */
.cat-img-box {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.cat-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nikahd-cat-item:hover .cat-img-box img {
    transform: scale(1.12);
}

/* متن روی عکس */
.cat-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cat-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cat-title .arrow {
    transition: transform 0.3s ease;
    font-size: 20px;
}

.nikahd-cat-item:hover .cat-title .arrow {
    transform: translateX(-5px);
}

.cat-desc {
    display: none !important;
}

/* ========================================= 
5. PRODUCT RAIL (Persian Arch Style)
========================================= */
/* فقط سایه‌ی زیر اسلایدر */
.wp-block-uagb-slider,
.wp-block-uagb-slider::after,
.wp-block-uagb-slider::before {
    box-shadow: none !important;
    filter: none !important;
}

/* حذف فاصله و سایه مزاحم در بخش محصولات */
.product-rail-wrapper {
    padding-top: 0 !important;
    /* حذف آن ۴۰ پیکسل بالا */
    padding-bottom: 0 !important;
    /* حذف آن ۶۰ پیکسل پایین */
    margin-top: 0 !important;
    /* محض احتیاط */
    box-shadow: none !important;
    /* حذف سایه‌ای که گفتی */
    background-color: transparent !important;
    /* حذف رنگ سفید زمینه اگر باشد */
}

.product-rail-wrapper {
    position: relative;
    width: 100%;
    isolation: isolate;
    z-index: 1;
    /* remove green section background */
    background: transparent;
    padding: 40px 0 60px;
    border-top: 0;
    border-bottom: 0;
}

.product-rail-wrapper ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 20px;
    padding: 20px 5vw 40px !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    cursor: grab;
    list-style: none;
}

.product-rail-wrapper ul.products::-webkit-scrollbar {
    display: none;
}

/* --- استایل کارت (طاق سنتی) --- */
body .product-rail-wrapper ul.products>li.product {
    flex: 0 0 280px;
    /* سایز پایه موبایل */
    scroll-snap-align: start;
    margin: 0 !important;
    background-color: var(--nikahd-card-bg) !important;
    border: 2px solid var(--nikahd-gold) !important;
    /* top corners sharp, bottom-right sharp, bottom-left rounded (more) */
    border-radius: 0 0 0 52px !important;
    padding: 14px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

/* inner frame like screenshot */
body .product-rail-wrapper ul.products>li.product::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(201, 169, 97, 0.65);
    border-radius: 0 0 0 44px;
    pointer-events: none;
}

body .product-rail-wrapper ul.products>li.product:hover {
    transform: translateY(-8px) !important;
    z-index: 10;
}

/* عکس محصول */
body .product-rail-wrapper ul.products>li.product .ct-media-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 14px;
    z-index: 2;
    border: 1px solid rgba(201, 169, 97, 0.55);
    box-shadow: none !important;
}

body .product-rail-wrapper ul.products>li.product img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

body .product-rail-wrapper ul.products>li.product:hover img {
    transform: scale(1.05);
}

/* متن و دکمه */
.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #C9A14A !important;
    margin: 10px 0 !important;
    z-index: 2;
}

.price {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 800;
    margin-bottom: 15px !important;
    z-index: 2;
}

/* keep stars (gold) like screenshot */
.star-rating {
    display: block !important;
    float: none !important;
    margin: 4px auto 10px auto !important;
    color: var(--nikahd-gold) !important;
}

/* دکمه افزودن به سبد */
.add_to_cart_button,
.button.product_type_simple {
    width: 100%;
    background: linear-gradient(180deg, rgba(225, 204, 134, 0.91) 0%, rgba(237, 186, 18, 0.91) 100%) !important;
    color: #fff !important;
    border-radius: 0 0 0 44px !important;
    padding: 14px 0 !important;
    font-weight: 800 !important;
    border: none !important;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.add_to_cart_button::before,
.button.product_type_simple::before {
    content: "🛒";
    font-size: 20px;
    line-height: 1;
}

.add_to_cart_button:hover {
    background: rgba(237, 186, 18, 0.91) !important;
}

/* المان‌های مزاحم */
.onsale {
    display: none !important;
}

/* --- دراگ و اسکرول (JS Support) --- */
.product-rail-wrapper ul.products.active-drag {
    cursor: grabbing;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

.product-rail-wrapper ul.products.active-drag>li.product {
    scroll-snap-align: none !important;
    pointer-events: none;
    transition: none !important;
    transform: none !important;
}

/* --- فلش‌ها (Arrows) --- */
.product-rail-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: all 0.3s ease;
}

.product-rail-arrow:hover {
    background: #333;
    color: #fff;
    transform: translateY(-50%) scale(1.1);
}

.product-rail-wrapper .ct-woo-card-actions {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-rail-wrapper .ct-woo-card-actions a.add_to_cart_button,
.product-rail-wrapper .ct-woo-card-actions a.button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: flex !important;
}

/* اگر بعد از add کلاس added می‌گیرد، باز هم نمایش بده */
.product-rail-wrapper .ct-woo-card-actions a.add_to_cart_button.added {
    display: flex !important;
}

/* ========================================= 
6. RESPONSIVE (Mobile & Desktop overrides) ========================================= */
/* --- MOBILE (Max 768px) --- */
@media (max-width: 768px) {
    .product-rail-arrow {
        display: none;
    }

    /* حذف فلش در موبایل */
    .nikahd-cat-grid {
        gap: 10px;
    }

    .cat-title {
        font-size: 14px;
    }

    /* تنظیم عرض کارت محصول در موبایل */
    body .product-rail-wrapper ul.products>li.product {
        flex: 0 0 75vw;
    }
}

/* --- DESKTOP (Min 1024px) --- */
@media (min-width: 1024px) {

    /* 1. تنظیمات ریل محصولات */
    .product-rail-wrapper ul.products {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 5 ستون در دسکتاپ */
    body .product-rail-wrapper ul.products>li.product {
        flex: 0 0 19%;
    }

    /* 2. فلش‌ها (مخفی و ظاهر شدن با هاور - بیرون کادر) */
    .product-rail-arrow {
        opacity: 0;
        visibility: hidden;
    }

    .product-rail-wrapper:hover .product-rail-arrow {
        opacity: 1;
        visibility: visible;
    }

    .product-rail-arrow.left {
        left: -60px !important;
        right: auto;
    }

    .product-rail-arrow.right {
        right: -60px !important;
        left: auto;
    }

    /* 3. دسته‌بندی‌ها (3 ستون) */
    .nikahd-cat-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .cat-title {
        font-size: 24px;
    }
}

/* ========================================= 
NIKAHD SIGNATURE SPOTLIGHT (FIXED) 
========================================= */
.nikahd-spotlight-wrapper {
    width: 100%;
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    background-color: #fff;
    /* زمینه سفید سایت */
}

/* 2. کارت اصلی */
.nikahd-spotlight-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    /* تنظیم رنگ‌ها */
    background-color: var(--spotlight-bg);
    border: 1px solid var(--spotlight-border);
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 20px 50px rgba(197, 157, 95, 0.15);
    /* سایه طلایی محو */
    gap: 50px;
}

/* 3. ستون تصویر */
.spotlight-media {
    flex: 0 0 42%;
    width: 42%;
}

.spotlight-img-frame {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    /* حاشیه خیلی ظریف دور عکس */
    border: 1px solid rgba(197, 157, 95, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    position: relative;
}

.spotlight-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* زوم ریز روی عکس وقتی موس میره روی کل کارت */
.nikahd-spotlight-card:hover .spotlight-img-frame img {
    transform: scale(1.05);
}

/* 4. ستون متن */
.spotlight-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

/* تگ بالای تایتل */
.spotlight-tag {
    font-size: 12px;
    color: var(--spotlight-btn);
    /* هم‌رنگ دکمه */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fff;
    /* تگ سفید روی زمینه کرم */
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid var(--spotlight-border);
}

.spotlight-heading {
    font-size: 32px;
    /* بزرگ و خوانا */
    font-weight: 900;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.spotlight-text {
    font-size: 16px;
    color: #555;
    line-height: 1.9;
    /* فاصله خطوط بیشتر برای خوانایی */
    margin-bottom: 35px;
    max-width: 95%;
}

/* 5. دکمه اکشن (اصلاح شده با رنگ‌های شما) */
.spotlight-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    /* رنگ‌بندی */
    background-color: var(--spotlight-btn);
    color: #fff;
    padding: 16px 40px;
    /* دکمه بزرگ */
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    /* سایه دکمه */
    box-shadow: 0 8px 20px rgba(207, 158, 53, 0.4);
}

.spotlight-cta-btn:hover {
    background-color: #1a1a1a;
    /* در هاور مشکی شود (خیلی شیک است) */
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.btn-arrow {
    font-size: 18px;
    transition: transform 0.3s;
}

.spotlight-cta-btn:hover .btn-arrow {
    transform: translateX(-5px);
}

/* ========================================= RESPONSIVE (موبایل) ========================================= */
@media (max-width: 900px) {
    .nikahd-spotlight-card {
        flex-direction: column;
        padding: 25px;
        gap: 30px;
    }

    .spotlight-media {
        width: 100%;
        max-width: 100%;
    }

    .spotlight-img-frame {
        aspect-ratio: 4/3;
        /* در موبایل کمی مستطیلی شود */
    }

    .spotlight-info {
        align-items: center;
        text-align: center;
    }

    .spotlight-heading {
        font-size: 24px;
    }

    .spotlight-cta-btn {
        width: 100%;
    }
}

/* ========================================= MOBILE: Compact Product Rail (Smaller + Shorter) ========================================= */
@media (max-width: 768px) {

    /* 1) کارت کلی: کوچیک‌تر + جمع‌تر */
    body .product-rail-wrapper ul.products>li.product {
        flex: 0 0 calc(50% - 6px) !important;
        /* 12px gap / 2 = 6px */
        max-width: calc(50% - 6px) !important;
    }

    body .product-rail-wrapper ul.products>li.product::before {
        inset: 5px !important;
        border-radius: 0 0 0 32px !important;
    }

    /* 2) تصویر: کوتاه‌تر (عامل اصلی کاهش ارتفاع) */
    body .product-rail-wrapper ul.products>li.product .ct-media-container {
        aspect-ratio: 1 / 1.1 !important;
        /* کوتاه‌تر از 1/1 */
        margin-bottom: 8px !important;
    }

    /* 3) عنوان محصول */
    body .product-rail-wrapper .woocommerce-loop-product__title {
        font-size: 14px !important;
        margin: 4px 0 !important;
        line-height: 1.4 !important;
    }

    /* 4) قیمت */
    body .product-rail-wrapper .price {
        font-size: 13px !important;
        margin-bottom: 8px !important;
    }

    /* 5) دکمه افزودن به سبد: کوتاه‌تر و کوچیک‌تر */
    body .product-rail-wrapper a.add_to_cart_button,
    body .product-rail-wrapper a.button.product_type_simple {
        padding: 8px 0 !important;
        font-size: 13px !important;
        gap: 6px !important;
        border-radius: 0 0 0 32px !important;
    }

    body .product-rail-wrapper a.add_to_cart_button::before,
    body .product-rail-wrapper a.button.product_type_simple::before {
        font-size: 15px !important;
    }

    /* 6) فاصله ریل کمتر */
    .product-rail-wrapper ul.products {
        gap: 12px !important;
        padding: 14px 12px 22px !important;
    }

    /* 7) اطمینان از عدم min-height بلاکسی */
    .product-rail-wrapper .ct-woo-card-actions {
        min-height: auto !important;
    }
}

.footer-bottom {
    margin-top: 60px;
    padding-top: 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 13px;
    color: #555;
}

footer .button+.ct-container {
    margin-top: 30px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* ========================= Footer Responsive (Mobile) ========================= */
@media (max-width: 768px) {

    /* ردیف وسط: از حالت چندستونه به ستونی تبدیل شود */
    #footer.ct-footer [data-row="middle"]>.ct-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 18px !important;
    }

    /* هر ستون فوتر: تمام عرض و مرتب */
    #footer.ct-footer [data-row="middle"]>.ct-container>[data-column] {
        width: 100% !important;
        max-width: 520px !important;
    }

    /* ترتیب پیشنهادی در موبایل: درباره -> شبکه اجتماعی -> نقشه -> اینماد */
    #footer.ct-footer [data-column="widget-area-5"] {
        order: 1 !important;
    }

    #footer.ct-footer [data-column="socials"] {
        order: 2 !important;
    }

    #footer.ct-footer [data-column="widget-area-1"] {
        order: 3 !important;
    }

    #footer.ct-footer [data-column="widget-area-3"] {
        order: 4 !important;
    }

    /* مرکز چین کردن متن درباره */
    #footer.ct-footer .footer-about {
        text-align: center !important;
    }

    /* آیکن‌های سوشال وسط چین */
    #footer.ct-footer .ct-social-box {
        justify-content: center !important;
    }

    /* نقشه: عرض کامل + ارتفاع مناسب */
    #footer.ct-footer [data-column="widget-area-1"] img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 15px !important;
    }

    /* اینماد: اندازه منطقی در موبایل */
    #footer.ct-footer [data-column="widget-area-3"] img {
        max-width: 170px !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

#footer.ct-footer .ct-footer-copyright {
    font-size: 13px !important;
    color: #555 !important;
    text-align: center !important;
}

/* پس‌زمینه کلی باکس مینی کارت */
.ct-cart-content {
    background-color: #fff !important;
    color: #333 !important;
}

/* عنوان محصول در مینی کارت */
.ct-cart-content .product-title {
    color: #333 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    display: block !important;
}

/* قیمت و تعداد */
.ct-cart-content .quantity {
    color: #666 !important;
    font-size: 13px !important;
    display: block !important;
    margin-top: 5px !important;
}

/* مبلغ (عدد قیمت) */
.ct-cart-content .amount {
    color: #C59D5F !important;
    /* رنگ طلایی */
    font-weight: 800 !important;
}

/* بخش جمع کل پایین مینی کارت */
.ct-cart-content .woocommerce-mini-cart__total {
    border-top: 1px solid #eee !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
    color: #333 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ct-cart-content .woocommerce-mini-cart__total strong {
    color: #333 !important;
}

/* دکمه‌های مینی کارت (مشاهده سبد و تسویه) */
.ct-cart-content .buttons a.button {
    background-color: #C59D5F !important;
    /* رنگ طلایی */
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.ct-cart-content .buttons a.button:hover {
    background-color: #333 !important;
    /* رنگ مشکی در هاور */
    color: #fff !important;
}

/* دکمه حذف محصول در مینی کارت */
.ct-cart-content a.remove_from_cart_button,
.ct-cart-content a.remove_from_cart_button.remove {
    background-color: #fff0f0 !important;
    /* صورتی ملایم */
    color: #ff4d4f !important;
    /* قرمز */
    border-radius: 10px !important;
    /* مثل cart (نه دایره کامل) */
    width: 35px !important;
    /* مثل cart */
    height: 35px !important;
    /* مثل cart */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

/* هاور دقیقاً مثل cart */
.ct-cart-content a.remove_from_cart_button:hover,
.ct-cart-content a.remove_from_cart_button.remove:hover {
    background: #ff4d4f !important;
    /* قرمز */
    color: #fff !important;
    /* سفید */
}

/* ========================= اطمینان از اینکه لیست محصولات پس‌زمینه ندارد (همان کد شما - فقط کمی تمیزتر) ========================= */
.ct-cart-content ul.cart_list li,
.ct-cart-content ul.product_list_widget li {
    background: transparent !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 15px 0 !important;
}

/* ========================================= ARCHIVE & SHOP PAGES STYLING (PERSIAN ARCH) تبدیل ظاهر فروشگاه و دسته‌بندی‌ها به طرح طاق ایرانی ========================================= */
/* 1. استایل کلی کارت محصول در صفحات آرشیو */
body.woocommerce-archive ul.products li.product,
body.woocommerce-shop ul.products li.product {
    background-color: var(--nikahd-card-bg, #F6F0E6) !important;
    border: 2px solid var(--nikahd-gold, #C59D5F) !important;
    /* گوشه پایین چپ گرد (طرح طاق) */
    border-radius: 0 0 0 52px !important;
    padding: 14px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) !important;
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
    /* برای جلوگیری از بیرون زدن اجزا */
}

/* 2. ایجاد کادر داخلی (خط دوم - Inner Border) */
body.woocommerce-archive ul.products li.product::before,
body.woocommerce-shop ul.products li.product::before {
    content: "";
    position: absolute;
    inset: 8px;
    /* فاصله خط دوم از خط اول */
    border: 1px solid rgba(201, 169, 97, 0.65);
    border-radius: 0 0 0 44px;
    /* هماهنگ با گردی اصلی */
    pointer-events: none;
    z-index: 10;
}

/* افکت هاور کارت */
body.woocommerce-archive ul.products li.product:hover,
body.woocommerce-shop ul.products li.product:hover {
    transform: translateY(-8px);
    z-index: 20;
    box-shadow: 0 15px 30px rgba(197, 157, 95, 0.25) !important;
}

/* 3. استایل تصویر محصول */
body.woocommerce-archive ul.products li.product .ct-media-container,
body.woocommerce-shop ul.products li.product .ct-media-container {
    border-radius: 0 !important;
    /* حذف گردی پیش‌فرض قالب */
    border: 1px solid rgba(201, 169, 97, 0.55);
    margin-bottom: 14px !important;
    z-index: 2;
}

/* 4. عنوان محصول */
body.woocommerce-archive .woocommerce-loop-product__title,
body.woocommerce-shop .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #C9A14A !important;
    margin: 10px 0 !important;
    z-index: 2;
}

/* 5. قیمت */
body.woocommerce-archive .price,
body.woocommerce-shop .price {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 800;
    margin-bottom: 15px !important;
    z-index: 2;
}

/* 6. دکمه افزودن به سبد خرید (گرادینت طلایی) */
body.woocommerce-archive .add_to_cart_button,
body.woocommerce-shop .add_to_cart_button,
body.woocommerce-archive .button.product_type_simple,
body.woocommerce-shop .button.product_type_simple {
    width: 100%;
    background: linear-gradient(180deg, rgba(225, 204, 134, 0.91) 0%, rgba(237, 186, 18, 0.91) 100%) !important;
    color: #fff !important;
    border-radius: 0 0 0 44px !important;
    /* گردی هماهنگ با کارت */
    padding: 12px 0 !important;
    font-weight: 800 !important;
    border: none !important;
    position: relative;
    z-index: 20;
    /* بالاتر از لایه بوردر */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    /* چسبیدن به پایین در صورت اختلاف ارتفاع */
}

/* آیکون سبد خرید کنار دکمه */
body.woocommerce-archive .add_to_cart_button::before,
body.woocommerce-shop .add_to_cart_button::before {
    content: "🛒";
    font-size: 18px;
    line-height: 1;
}

/* هاور دکمه */
body.woocommerce-archive .add_to_cart_button:hover,
body.woocommerce-shop .add_to_cart_button:hover {
    background: rgba(237, 186, 18, 1) !important;
    transform: translateY(-2px);
}

/* حذف دکمه "انتخاب گزینه ها" یا استایل دهی مشابه به آن */
body.woocommerce-archive .button.product_type_variable,
body.woocommerce-shop .button.product_type_variable {
    background: linear-gradient(180deg, #e1cc86 0%, #edba12 100%) !important;
    color: #fff !important;
    border-radius: 0 0 0 44px !important;
}

/* ========================================= RESPONSIVE (MOBILE ADJUSTMENTS) تنظیمات موبایل مشابه صفحه اصلی ========================================= */
@media (max-width: 768px) {

    /* تنظیم شبکه محصولات در موبایل (2 ستون) */
    body.woocommerce-archive ul.products,
    body.woocommerce-shop ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 10px !important;
    }

    body.woocommerce-archive ul.products li.product,
    body.woocommerce-shop ul.products li.product {
        padding: 10px !important;
        border-radius: 0 0 0 32px !important;
        /* گردی کمتر در موبایل */
    }

    /* خط داخلی در موبایل */
    body.woocommerce-archive ul.products li.product::before,
    body.woocommerce-shop ul.products li.product::before {
        inset: 5px !important;
        border-radius: 0 0 0 28px !important;
    }

    /* دکمه موبایل */
    body.woocommerce-archive .add_to_cart_button,
    body.woocommerce-shop .add_to_cart_button {
        font-size: 13px !important;
        padding: 8px 0 !important;
        border-radius: 0 0 0 28px !important;
    }
}

/* ========================================= SEARCH RESULTS: Modern & Clean (Material Card Style) هدف: خوانایی بالا، اسکن سریع، ظاهر مینیمال ========================================= */
/* 1. شبکه بندی (Grid System) */
body.search-results .entries {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    /* رسپانسیو هوشمند */
    gap: 25px !important;
}

/* 2. استایل کارت (Card Container) */
body.search-results article.entry-card {
    background: #fff !important;
    border: 1px solid #eee !important;
    /* حاشیه خیلی ظریف */
    border-radius: 12px !important;
    /* گردی استاندارد و مدرن */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03) !important;
    /* سایه نامحسوس */
    padding: 0 !important;
    /* پدینگ رو حذف میکنیم تا عکس به لبه‌ها بچسبه */
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

/* حذف استایل‌های مزاحم قبلی (اگر مانده باشند) */
body.search-results article.entry-card::before {
    display: none !important;
}

/* 3. افکت هاور (Interactive Feel) */
body.search-results article.entry-card:hover {
    transform: translateY(-5px);
    /* کمی بالا بیاید */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
    /* سایه بیشتر شود */
    border-color: var(--nikahd-gold, #C59D5F) !important;
    /* فقط رنگ بوردر طلایی شود */
}

/* 4. بخش تصویر (Image Area) */
body.search-results .ct-media-container {
    width: 100%;
    aspect-ratio: 4 / 3;
    /* نسبت تصویر استاندارد برای لیست */
    border-radius: 0 !important;
    /* لبه‌های پایین عکس صاف باشه */
    margin: 0 !important;
    background: #f9f9f9;
    /* رنگ زمینه برای وقتی عکس لود نشده */
    position: relative;
}

body.search-results .ct-media-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* عکس فیت بشه ولی دفرمه نشه */
    transition: transform 0.5s ease;
}

/* زوم نرم روی عکس */
body.search-results article.entry-card:hover .ct-media-container img {
    transform: scale(1.05);
}

/* 1. فضای اطراف متن (هدر کارت) */
body.search-results .entry-header {
    /* بالا 20، راست/چپ 25 (بازتر)، پایین 10 */
    padding: 20px 25px 10px !important;
}

/* 2. تنظیمات خود تیتر */
body.search-results .entry-title {
    margin: 0 0 15px 0 !important;
    /* فاصله بیشتر تا قیمت/فوتر */
    /* این خط باعث میشه اگر تیتر 1 خطی بود، کارت کوتاه نشه */
    /* و اگر 2 خطی بود، جا داشته باشه */
    min-height: 50px;
    display: flex;
    align-items: center;
    /* متن رو در فضای خودش وسط‌چین عمودی میکنه */
}

/* 3. فونت و فاصله خطوط (خوانایی بهتر فارسی) */
body.search-results .entry-title a {
    font-size: 17px !important;
    /* کمی درشت‌تر */
    line-height: 1.6 !important;
    /* فاصله خطوط بیشتر برای حروف فارسی */
    color: #333 !important;
}

/* ========================================= (OPTIONAL) IMAGE ON TOP FIX اگر عکس‌ها پایین میفتن و میخوای حتما بالا باشن: ========================================= */
body.search-results article.entry-card .ct-media-container {
    order: -1 !important;
    /* اجبار عکس به رفتن به بالاترین بخش کارت */
}

/* 6. دکمه/قیمت/فوتر کارت */
body.search-results .entry-footer {
    margin-top: auto;
    /* چسباندن به پایین کارت */
    padding: 10px 20px 20px;
    border-top: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* اگر محصول است، قیمت را نشان بده */
body.search-results .price {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 800 !important;
}

/* ========================================= FIX FOR PAGES (مثل "آزمایشگاه" که عکس ندارد) ========================================= */
/* اگر کارتی تصویر نداشت، زشت نشود */
body.search-results article.entry-card:not(.has-post-thumbnail) {
    border-top: 4px solid var(--nikahd-gold, #C59D5F) !important;
    /* یک نوار طلایی بالا */
    padding: 20px !important;
}

body.search-results article.entry-card:not(.has-post-thumbnail) .entry-header {
    padding: 0 !important;
}

/* ========================================= RESPONSIVE ========================================= */
@media (max-width: 768px) {
    body.search-results .entries {
        grid-template-columns: repeat(2, 1fr) !important;
        /* موبایل 2 ستون */
        gap: 15px !important;
    }

    body.search-results .entry-title {
        font-size: 14px !important;
    }

    body.search-results .price {
        font-size: 13px !important;
    }
}