/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE. ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/

}
/* ==================================================
   Poolak Variations - Final Clean Version
================================================== */

.variations-table {
    width: 100% !important;
    margin: 20px 0 !important;
    direction: rtl;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff;
    border: 1px solid #e8e4de;
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px !important;
}

.variations-table thead th {
    padding: 16px 10px !important;
    text-align: center !important;
    background: #faf8f5;
    color: #222;
    font-weight: 600;
    border: 0 !important;
    border-bottom: 1px solid #e8e4de !important;
    white-space: nowrap;
}

.variations-table tbody tr {
    background: #fff;
    transition: background-color .18s ease;
}

.variations-table tbody tr:hover {
    background: #fdfbf8;
}

.variations-table tbody td {
    padding: 18px 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #222;
    border: 0 !important;
    border-bottom: 1px solid #eeeae5 !important;
}

.variations-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.variations-table .add-to-cart-variation {
    min-width: 92px;
    padding: 9px 18px !important;
    background: #fff !important;
    color: #b68120 !important;
    border: 1px solid #c99a43 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    cursor: pointer;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all .18s ease;
}

.variations-table .add-to-cart-variation:hover {
    background: #bd8a2e !important;
    border-color: #bd8a2e !important;
    color: #fff !important;
}

.variations-table tbody tr.poolak-selected {
    background: #fff8e8 !important;
}

.variations-table tbody tr.poolak-selected .add-to-cart-variation {
    background: #bd8a2e !important;
    border-color: #bd8a2e !important;
    color: #fff !important;
}

/* ==================================================
   POOLAK - COMPACT MOBILE VARIATION CARDS
================================================== */

@media only screen and (max-width: 767px) {

    .variations-table {
        display: block !important;
        width: 100% !important;
        margin: 12px 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .variations-table thead {
        display: none !important;
    }

    .variations-table tbody {
        display: block !important;
        width: 100% !important;
    }

    /* هر ردیف = یک کارت */
    .variations-table tbody tr {
        display: grid !important;

        grid-template-columns:
            1fr 1fr 1fr 1fr;

        width: 100% !important;

        margin: 0 0 8px !important;
        padding: 11px 12px !important;

        background: #fff !important;

        border: 1px solid #e8e4de !important;
        border-radius: 11px !important;

        box-shadow:
            0 2px 7px rgba(0,0,0,.035);

        align-items: center;
    }


    /* همه سلول‌ها */
    .variations-table tbody td {
        display: flex !important;
        width: auto !important;

        align-items: center;
        justify-content: center;

        padding: 2px 5px !important;

        border: 0 !important;

        font-size: 12px !important;
        text-align: center !important;

        white-space: nowrap;
    }


    /* ==========================
       ردیف اول
       وزن | سایز | شعبه | موجودی
    ========================== */


    /* وزن */
    .variations-table tbody td:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .variations-table tbody td:nth-child(1)::before {
        content: "وزن:";
    }


    /* سایز */
    .variations-table tbody td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .variations-table tbody td:nth-child(2)::before {
        content: "سایز:";
    }


    /* شعبه */
    .variations-table tbody td:nth-child(5) {
        grid-column: 3;
        grid-row: 1;
    }

    .variations-table tbody td:nth-child(5)::before {
        content: "شعبه:";
    }


    /* موجودی */
    .variations-table tbody td:nth-child(4) {
        grid-column: 4;
        grid-row: 1;
    }

    .variations-table tbody td:nth-child(4)::before {
        content: "موجودی:";
    }


    /* استایل عنوان‌ها */
    .variations-table tbody td:nth-child(1)::before,
    .variations-table tbody td:nth-child(2)::before,
    .variations-table tbody td:nth-child(4)::before,
    .variations-table tbody td:nth-child(5)::before {

        margin-left: 4px;

        color: #555 !important;
        font-size: 11px !important;
        font-weight: 500 !important;

        font-family: inherit !important;

        background: none !important;
        border: 0 !important;
    }


    /* جداکننده بین آیتم‌های ردیف اول */

    .variations-table tbody td:nth-child(2),
    .variations-table tbody td:nth-child(5),
    .variations-table tbody td:nth-child(4) {

        border-right:
            1px solid #d8d4ce !important;
    }


    /* ==========================
       قیمت
    ========================== */

    .variations-table tbody td:nth-child(3) {

        grid-column: 1 / -1;
        grid-row: 2;

        display: flex !important;

        justify-content: center;
        align-items: center;

        margin-top: 7px !important;
        padding-top: 7px !important;

        font-size: 16px !important;
        font-weight: 600 !important;

        color: #222 !important;

        border-top:
            1px solid #f1ede7 !important;

        white-space: normal;
    }

    .variations-table tbody td:nth-child(3)::before {

        content: "قیمت:";

        margin-left: 7px;

        color: #555 !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        font-family: inherit !important;
    }


    /* br قیمت مزاحم نشود */
    .variations-table tbody td:nth-child(3) br {
        display: none !important;
    }


    /* ==========================
       دکمه انتخاب
    ========================== */

    .variations-table tbody td:nth-child(6) {

        grid-column: 1 / -1;
        grid-row: 3;

        display: block !important;

        width: 100% !important;

        padding: 8px 0 0 !important;
    }


    .variations-table .add-to-cart-variation {

        display: block !important;

        width: 100% !important;

        min-width: 0 !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 7px 15px !important;

        background: #fff !important;

        color: #b37b16 !important;

        border:
            1px solid #c99a43 !important;

        border-radius:
            6px !important;

        font-size: 13px !important;
        font-weight: 600 !important;

        line-height: 1.4 !important;

        box-shadow: none !important;
    }


    /* ==========================
       گزینه انتخاب شده
    ========================== */

    .variations-table tbody tr.poolak-selected {

        background:
            #fff5df !important;

        border-color:
            #e3c17c !important;

        box-shadow:
            0 3px 10px rgba(174,125,28,.10);
    }


    .variations-table
    tbody tr.poolak-selected
    .add-to-cart-variation {

        background:
            #bd861f !important;

        border-color:
            #bd861f !important;

        color:
            #fff !important;
    }


    /* جلوگیری از آیکن یا علامت اضافه Flatsome */

    .variations-table tbody td::after {
        content: none !important;
        display: none !important;
    }

}

/* ==================================================
   POOLAK HOME HERO - REFINED
================================================== */

.poolak-home-hero {
    position: relative;
    min-height: 560px;

    display: flex;
    align-items: center;

    padding: 70px 8%;

    background-image: url('/wp-content/uploads/poolak-hero.jpg');
    background-size: cover;
    background-position: center center;

    overflow: hidden;

    border-radius: 0;
}

.poolak-home-hero__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.97) 0%,
            rgba(255,255,255,.90) 26%,
            rgba(255,255,255,.62) 46%,
            rgba(255,255,255,.16) 68%,
            rgba(255,255,255,0) 100%
        );
}

.poolak-home-hero__content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 520px;

    margin-right: auto;
    margin-left: 6%;

    text-align: right;
}

.poolak-home-hero__eyebrow {
    display: inline-block;

    margin-bottom: 12px;

    color: #b68120;

    font-size: 15px;
    font-weight: 600;
}

.poolak-home-hero h1 {
    margin: 0 0 16px !important;

    color: #181818 !important;

    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.poolak-home-hero p {
    margin: 0 0 26px !important;

    max-width: 430px;

    color: #454545 !important;

    font-size: 16px !important;
    line-height: 2 !important;
}

.poolak-home-hero__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 11px 26px;

    background: #bd861f;

    color: #fff !important;

    border-radius: 8px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none !important;

    box-shadow: 0 6px 18px rgba(189,134,31,.16);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.poolak-home-hero__button:hover {
    background: #a8741a;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(189,134,31,.22);
}


/* ==================================================
   MOBILE
================================================== */

@media only screen and (max-width: 767px) {

    .poolak-home-hero {
        min-height: 520px;

        padding:
            260px 20px 28px;

        align-items: flex-end;

        background-position: 90% top;
    }

    .poolak-home-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0) 10%,
                rgba(255,255,255,.12) 38%,
                rgba(255,255,255,.82) 68%,
                #fff 100%
            );
    }

    .poolak-home-hero__content {
        max-width: 100%;

        margin: 0;

        text-align: center;
    }

    .poolak-home-hero__eyebrow {
        margin-bottom: 8px;

        font-size: 13px;
    }

    .poolak-home-hero h1 {
        margin-bottom: 12px !important;

        font-size: 31px !important;
        line-height: 1.35 !important;
    }

    .poolak-home-hero p {
        max-width: 100%;

        margin-bottom: 18px !important;

        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    .poolak-home-hero__button {
        width: 100%;

        min-height: 46px;

        padding: 10px 16px;
    }
}

/* ==================================================
   POOLAK HEADER - FINAL
================================================== */

/* هدر اصلی */
.header-main .header-inner {
    min-height: 82px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* لوگو - حدود 20 درصد بزرگتر */
#logo img.header-logo,
#logo img.header-logo-dark,
.header-main .logo img {
    max-height: 67px !important;
    width: auto !important;
    padding: 4px 0 !important;
}

/* فضای لوگو */
.header-main .flex-col.logo {
    padding: 0 18px !important;
}

/* منوی پایین هدر */
.header-bottom {
    min-height: 48px !important;

    background: #fff !important;

    border-top: 0 !important;
    border-bottom: 1px solid #eee9e2 !important;
}

/* آیتم‌های منو */
.header-bottom .nav > li > a {
    padding: 0 16px !important;

    color: #262626 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 48px !important;

    transition: color .18s ease !important;
}

/* هاور منو */
.header-bottom .nav > li > a:hover {
    color: #b68120 !important;
}

/* صفحه فعال */
.header-bottom .nav > li.active > a {
    color: #b68120 !important;
}

/* آیکن‌های هدر */
.header-main .header-button,
.header-main .nav-icon,
.header-main .icon-search,
.header-main .icon-user,
.header-main .icon-shopping-bag {
    color: #222 !important;
}

/* فاصله آیکن‌ها */
.header-main .nav > li {
    margin: 0 4px !important;
}

/* قیمت طلا */
.header-main .header-block {
    color: #333 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}

/* حذف خط اضافی هدر اصلی */
.header-main {
    border-bottom: 0 !important;
}


/* ==================================================
   POOLAK HEADER - MOBILE
================================================== */

@media only screen and (max-width: 767px) {

    .header-main .header-inner {
        min-height: 64px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* لوگوی موبایل */
    #logo img.header-logo,
    #logo img.header-logo-dark,
    .header-main .logo img {
        max-height: 40px !important;
        width: auto !important;
        padding: 3px 0 !important;
    }

    .header-main .flex-col.logo {
        padding: 0 8px !important;
    }

    /* منوی دسکتاپ در موبایل نمایش داده نشود */
    .header-bottom {
        display: none !important;
    }

/* ==================================================
   REMOVE DESKTOP HEADER LINE
================================================== */

@media only screen and (min-width: 768px) {

    #masthead .header-inner,
    #masthead .header-inner::before,
    #masthead .header-inner::after,
    #masthead #logo,
    #masthead #logo::before,
    #masthead #logo::after {
        border-bottom: 0 !important;
        border-top: 0 !important;
        box-shadow: none !important;
    }

    #masthead .top-divider,
    #masthead > .container:not(.header-inner) {
        display: none !important;
        height: 0 !important;
        border: 0 !important;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media only screen and (max-width: 767px) {

    /*
     * هدر مبنای موقعیت لوگو
     */
    #masthead .header-inner {
        position: relative !important;
    }

    /*
     * خود کانتینر لوگو دقیقاً وسط صفحه
     */
    #masthead #logo {
        position: absolute !important;

        left: 50% !important;
        right: auto !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: auto !important;
        max-width: 150px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 10 !important;
    }

    /*
     * فقط لوگوی معمولی
     * اندازه و مرکز شود
     */
    #masthead #logo .header-logo {
        width: auto !important;
        max-width: 110px !important;
        max-height: 48px !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    /*
     * به لوگوی Dark دست نمی‌زنیم.
     * Flatsome خودش زمان نمایش آن را کنترل می‌کند.
     */


    /*
     * Hero موبایل
     */
    .poolak-home-hero {
        background-position: 90% top !important;
    }
}

/* ==================================================
   POOLAK HEADER MENU - EXACT VERTICAL CENTER
================================================== */

@media only screen and (min-width: 768px) {

    /* خود نوار منو */
    #wide-nav {
        min-height: 48px !important;
        height: 48px !important;
    }

    /* کانتینر منو */
    #wide-nav > .flex-row {
        min-height: 48px !important;
        height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* ستون منو */
    #wide-nav .flex-col.hide-for-medium.flex-center {
        height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* UL اصلی که الان HTML آن را فرستادی */
    #wide-nav ul.header-bottom-nav {
        height: 48px !important;
        min-height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* هر آیتم منو */
    #wide-nav ul.header-bottom-nav > li {
        height: 48px !important;

        display: flex !important;
        align-items: center !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* خود نوشته‌های خانه، محصولات، شعب و... */
    #wide-nav ul.header-bottom-nav > li > a.nav-top-link {
        height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        line-height: 1.2 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* فلش کنار محصولات هم وسط بماند */
    #wide-nav ul.header-bottom-nav > li > a.nav-top-link > i {
        align-self: center !important;
    }

    /* حالت Sticky */
    .stuck #wide-nav,
    .header-wrapper.stuck #wide-nav {
        height: 48px !important;
        min-height: 48px !important;
    }

    .stuck #wide-nav ul.header-bottom-nav,
    .header-wrapper.stuck #wide-nav ul.header-bottom-nav,
    .stuck #wide-nav ul.header-bottom-nav > li,
    .header-wrapper.stuck #wide-nav ul.header-bottom-nav > li,
    .stuck #wide-nav ul.header-bottom-nav > li > a.nav-top-link,
    .header-wrapper.stuck #wide-nav ul.header-bottom-nav > li > a.nav-top-link {
        height: 48px !important;
        min-height: 48px !important;
    }
}