/*
Theme Name: Vihan
Theme URI: https://example.com/
Author: @amiralizadehhesari
Description: قالب شرکتی صنعتی راست‌چین با Bootstrap 5 و فونت شبنم، طراحی‌شده بر اساس ماکاپ Vahan.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: vpalayesh.ir
*/

@font-face {
    font-family: 'Shabnam';
    src: url('./assets/css/Shabnam.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root{
  --vahan-navy:#061b3a;
  --vahan-navy-2:#0b2a58;
  --vahan-gold:#f5b42a;
  --vahan-bg:#f7f8fb;
  --vahan-text:#10213e;
  --vahan-muted:#687386;
  --vahan-border:#e5e8ef;
  --vahan-radius:18px;
  --vahan-shadow:0 12px 30px rgba(3,24,53,.08);
}
.lazy-bg {
    background-image: none !important;
}

.lazy-bg {
    opacity: 0;
}

.lazy-bg-loaded {
    opacity: 1;
    transition: opacity .4s ease;
}

.site-logo{width:130px;}
html{scroll-behavior:smooth}
body{font-family:'Shabnam',Tahoma,Arial,sans-serif;background:#fff;color:var(--vahan-text);line-height:1.9;direction:rtl;text-align:right}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.container{max-width:1180px}
.section-pad{padding:90px 0}.section-title{font-size:2rem;font-weight:800;margin-bottom:14px}.section-subtitle{color:var(--vahan-muted);max-width:700px}.text-gold{color:var(--vahan-gold)!important}.bg-navy{background:var(--vahan-navy)!important}
.btn-vahan{background:var(--vahan-gold);border-color:var(--vahan-gold);color:#071b38;font-weight:700;padding:.8rem 1.4rem;border-radius:10px}.btn-vahan:hover{background:#ffc64d;border-color:#ffc64d;color:#071b38}.btn-outline-vahan{border:1px solid var(--vahan-navy);color:var(--vahan-navy);font-weight:700;border-radius:10px;padding:.75rem 1.3rem}.btn-outline-vahan:hover{background:var(--vahan-navy);color:#fff}
.topbar{background:#041a38;color:#fff;font-size:.82rem;padding:.45rem 0}.topbar i{color:var(--vahan-gold)}
.site-header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04);position:sticky;top:0;z-index:999}.navbar-brand{font-size:1.45rem;font-weight:900;letter-spacing:.5px;color:var(--vahan-navy)!important}.navbar-brand span{color:var(--vahan-gold)}.navbar-nav .nav-link{font-weight:600;color:#21314c!important;padding:.9rem .85rem!important}.navbar-nav .current-menu-item>.nav-link,.navbar-nav .nav-link:hover{color:var(--vahan-gold)!important}.navbar-toggler{border:0;box-shadow:none!important}
.hero{min-height:620px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,50,.88),rgba(4,23,50,.68))}.hero>.container{position:relative;z-index:2}.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:900;line-height:1.35}.hero .lead{font-size:1.15rem;color:#eef3fa;max-width:700px}.hero-dots span{width:9px;height:9px;border-radius:50%;display:inline-block;background:#fff8;margin-left:7px}.hero-dots span.active{background:var(--vahan-gold)}
.features-wrap{margin-top:-65px;position:relative;z-index:5}.features-card{background:#fff;border-radius:16px;box-shadow:var(--vahan-shadow);padding:28px 18px}.feature-item{padding:12px 18px;border-left:1px solid var(--vahan-border)}.feature-item:last-child{border-left:0}.feature-icon{width:58px;height:58px;border:2px solid var(--vahan-navy);border-radius:50%;display:inline-grid;place-items:center;font-size:1.65rem;color:var(--vahan-navy);margin-bottom:12px}.feature-item h3{font-size:1rem;font-weight:800}.feature-item p{font-size:.87rem;color:var(--vahan-muted);margin:0}
.industries{background:linear-gradient(135deg,#061b3a,#0d2f61);color:#fff;overflow:hidden}.industry-photo{min-height:470px;background-size:cover;background-position:center;border-radius:26px;}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}.industry-box{text-align:center}.industry-box i{font-size:2rem;color:var(--vahan-gold);display:block;margin-bottom:8px}.industry-box span{font-size:.9rem}
.stat-card{border:1px solid var(--vahan-border);border-radius:16px;padding:28px 16px;background:#fff;height:100%;text-align:center;transition:.25s}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--vahan-shadow)}.stat-card i{font-size:2rem;color:var(--vahan-navy)}.stat-card .num{font-size:2.25rem;font-weight:900;color:var(--vahan-navy);line-height:1.2;margin:12px 0 4px}.stat-card p{color:var(--vahan-muted);margin:0}
.quality-image{border-radius:20px;box-shadow:var(--vahan-shadow);min-height:420px;background-size:cover;background-position:center}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{margin-bottom:10px}.check-list i{color:var(--vahan-gold);margin-left:8px}
.why{background:#f6f8fb}.why-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:24px;height:100%;box-shadow:0 8px 22px rgba(3,24,53,.04)}.why-icon{width:56px;height:56px;border-radius:50%;background:var(--vahan-navy);display:grid;place-items:center;color:#fff;font-size:1.5rem;flex:0 0 auto}.why-card h3{font-size:1.05rem;font-weight:800}.why-card p{margin:0;color:var(--vahan-muted);font-size:.9rem}
.faq-contact{background:#fbfcfe}.accordion-item{border:1px solid var(--vahan-border)!important;border-radius:12px!important;overflow:hidden;margin-bottom:12px}.accordion-button{font-weight:700;box-shadow:none!important;text-align:right}.accordion-button:not(.collapsed){background:var(--vahan-navy);color:#fff}.accordion-button:after{margin-left:0;margin-right:auto}.contact-card{background:#fff;border:1px solid var(--vahan-border);border-radius:16px;padding:28px;box-shadow:var(--vahan-shadow)}.form-control,.form-select{border:1px solid #dce1e9;border-radius:10px;padding:.8rem .9rem}.form-control:focus{border-color:var(--vahan-gold);box-shadow:0 0 0 .2rem rgba(245,180,42,.12)}
.site-footer{background:#041a38;color:#dbe5f2;padding-top:60px}.site-footer h4{font-size:1rem;font-weight:800;color:#fff;margin-bottom:18px}.site-footer ul{list-style:none;padding:0}.site-footer li{margin-bottom:9px;color:#b9c6d7}.footer-brand{font-size:1.7rem;font-weight:900;color:#fff}.footer-brand span{color:var(--vahan-gold)}.social-links a{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:#0d2c5a;color:#fff;margin-left:6px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:40px;padding:18px 0;font-size:.82rem;color:#9cadc1}
.content-area{padding:70px 0}.entry-card{background:#fff;border:1px solid var(--vahan-border);border-radius:16px;padding:28px;box-shadow:var(--vahan-shadow);margin-bottom:24px}.entry-title{font-weight:900}.entry-meta{font-size:.85rem;color:var(--vahan-muted)}.pagination{justify-content:center}.page-link{color:var(--vahan-navy)}
@media(max-width:991.98px){.section-pad{padding:65px 0}.hero{min-height:560px}.features-wrap{margin-top:-35px}.feature-item{border-left:0;border-bottom:1px solid var(--vahan-border)}.feature-item:last-child{border-bottom:0}.industry-photo{min-height:340px;border-radius:20px;margin-bottom:30px}.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.hero h1{font-size:2.2rem}.hero{min-height:500px}.section-title{font-size:1.65rem}.industry-grid{gap:16px}.stat-card .num{font-size:1.8rem}.features-card{padding:16px}.contact-card{padding:20px}}
/* =====================================================
   Main Navigation
===================================================== */
.feature-icon svg{
    width: 30px;
    height: 30px;
}
.main-navbar {
    position: relative;
    z-index: 9999;
}

.main-navbar .container {
    position: static;
}

.main-navbar .navbar-collapse {
    position: static;
}


.vahan-main-menu {
    position: static;

    margin: 0;

    padding: 0;

    gap: 5px;
}


.vahan-main-menu li {
    list-style: none;
}


.vahan-main-menu a {
    text-decoration: none;
}


.main-navbar .nav-item {
    position: relative;
}


.main-navbar .nav-link {
    display: flex;

    align-items: center;

    gap: 7px;

    padding: 25px 14px !important;

    font-family: Shabnam, sans-serif;

    font-size: 17px;

    font-weight: 500;

    color: #15233b;

    transition: .2s ease;
}


.main-navbar .nav-link:hover {
    color: #d69d2a;
}


.submenu-arrow {

    display: inline-flex;

    font-size: 10px;

    transition: transform .2s ease;
}


.has-children.open
> a
> .submenu-arrow {

    transform: rotate(180deg);
}

/* =====================================================
   Mega Menu
===================================================== */

.vahan-mega-menu {
    position: static !important;
}


.vahan-mega-panel {

    position: absolute;

    top: 100%;

    right: 0;
    left: 0;

    width: 100%;

    background: #fff;

    border-top:
        1px solid #eee;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .10);

    padding: 35px 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(10px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}


@media (min-width: 992px) {

    .vahan-mega-menu:hover
    > .vahan-mega-panel,

    .vahan-mega-menu.mega-open
    > .vahan-mega-panel {

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: translateY(0);
    }

}

/* =====================================================
   Mega Menu Grid
===================================================== */

.vahan-mega-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 35px;

    margin: 0;

    padding: 0;
}


.vahan-mega-column {

    min-width: 0;

    padding: 0 5px;
}


.vahan-mega-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    color: #12233e;

    font-size: 15px;

    font-weight: 700;

    padding-bottom: 12px;

    margin-bottom: 8px;

    border-bottom:
        2px solid #dba52d;
}


.vahan-mega-title:hover {
    color: #d69d2a;
}

/* =====================================================
   Mega Menu Level 2
===================================================== */

.vahan-mega-submenu {

    margin: 0;

    padding: 0;

    list-style: none;
}


.vahan-mega-level-2 {

    display: block;
}


.vahan-mega-item {

    position: relative;
}


.vahan-mega-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    width: 100%;

    padding: 9px 5px;

    color: #586273;

    font-size: 13px;

    transition: .2s ease;
}


.vahan-mega-link:hover {

    color: #d69d2a;

    padding-right: 9px;
}

/* =====================================================
   Level 3+
===================================================== */

.vahan-mega-level-3,
.vahan-mega-level-4,
.vahan-mega-level-5 {

    display: none;

    margin-right: 10px;

    padding-right: 12px;

    border-right:
        1px solid #e5e8ec;
}


/* Parent باز شده */

.vahan-mega-item.open
> .vahan-mega-submenu {

    display: block;
}


/* Level 3 */

.vahan-depth-3 {

    font-size: 12px;

    color: #6c7480;
}


/* Level 4 */

.vahan-depth-4 {

    font-size: 12px;

    color: #858c96;

    padding-right: 12px;
}

/* =====================================================
   Normal Dropdown
===================================================== */

.vahan-normal-dropdown {
    position: relative;
}


.vahan-dropdown-menu {

    position: absolute;

    top: 100%;

    right: 0;

    min-width: 230px;

    margin: 0;

    padding: 10px;

    background: #fff;

    border-radius: 10px;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .10);

    opacity: 0;

    visibility: hidden;

    transform: translateY(8px);

    transition: .2s ease;
}


@media (min-width: 992px) {

    .vahan-normal-dropdown:hover
    > .vahan-dropdown-menu {

        opacity: 1;

        visibility: visible;

        transform: translateY(0);
    }

}


.vahan-dropdown-link {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 9px 12px;

    color: #555;

    font-size: 13px;

    border-radius: 6px;
}


.vahan-dropdown-link:hover {

    background: #f5f6f8;

    color: #d69d2a;
}

/* =====================================================
   Mobile Menu
===================================================== */

@media (max-width: 991.98px) {

    .main-navbar .container {
        position: relative;
    }


    .vahan-main-menu {
        width: 100%;

        gap: 0;
    }


    .main-navbar .nav-link {

        padding:
            13px 5px !important;

        justify-content:
            space-between;
    }


    /* Mega Panel */

    .vahan-mega-panel {

        position: static;

        display: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: none;

        box-shadow: none;

        padding: 15px;

        background: #f7f8fa;
    }


    .vahan-mega-menu.mega-open
    > .vahan-mega-panel {

        display: block;
    }


    /* Grid تبدیل به یک ستون */

    .vahan-mega-grid {

        grid-template-columns: 1fr;

        gap: 15px;
    }


    .vahan-mega-column {

        border-bottom:
            1px solid #e5e5e5;

        padding-bottom: 10px;
    }


    .vahan-mega-title {

        margin-bottom: 5px;
    }


    /* Normal Dropdown */

.vahan-dropdown-menu {
    position: absolute;
    top: 100%;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .2s ease;
}


    .vahan-normal-dropdown.open
    > .vahan-dropdown-menu {

        display: block;
    }

}

.vahan-dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;

    gap: 20px 0;

    list-style: none;
    padding: 25px;
    margin: 0;
}

.vahan-dropdown-menu > li {
     flex: 0 0 25%;
    width: 25%;

    padding: 0 15px;
    margin: 0;

    box-sizing: border-box;
}

.vahan-dropdown-menu .has-children > a {
    font-weight: 700;
    color: #15233b;
}

.vahan-dropdown-menu > .has-children > a {
    font-weight: 700;
    font-size: 15px;
    color: #15233b;

    padding-bottom: 10px;
    margin-bottom: 8px;

    border-bottom: 1px solid #e9e9e9;
}

.vahan-dropdown-menu .has-children .has-children > a {
    font-weight: 700;
    color: #303b4c;
}

.vahan-dropdown-menu li:not(.has-children) > a {
    font-weight: 400;
    color: #687181;
}

.vahan-dropdown-menu > li {
     flex: 0 0 25%;
    width: 25%;
}

@media (max-width: 991.98px) {

    .vahan-dropdown-menu > li {
        flex: 0 0 50%;
        width: 50%;
    }

}

@media (max-width: 575.98px) {

    .vahan-dropdown-menu > li {
        flex: 0 0 100%;
        width: 100%;
    }

}

.home-slider {
    position: relative;
}

.home-slider .carousel-item {
    /* min-height: 650px; */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
}

.home-slider .carousel-item .container {
    min-height: 650px;
    display: block;
    align-items: center;
}

.slider-content {
    max-width: 100%;

    text-align: center;

    padding: 70px 0;
}

.slider-title {
    font-family: Shabnam, sans-serif;

    font-size: clamp(36px, 5vw, 68px);

    font-weight: 800;

    line-height: 1.45;

    margin-bottom: 20px;
}

.slider-title span {
    display: inline;
}

.slider-text {
    max-width: 100%;
    color: rgba(255,255,255,.85);
    display: block;
    text-align: center;
    font-size: 17px;

    line-height: 2;

    margin-bottom: 30px;
}

.slider-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #d6a332;

    color: #fff;

    border-radius: 6px;

    padding: 13px 24px;

    font-weight: 600;

    border: 0;
}

.slider-btn:hover {
    background: #bd8c20;
    color: #fff;
}

.carousel-control-prev,
.carousel-control-next {
    width: 60px;
}

@media (max-width: 767.98px) {

    .home-slider .carousel-item,
    .home-slider .carousel-item .container {
        min-height: 350px;
    }

    .slider-title {
        font-size: 34px;
    }

    .slider-text {
        font-size: 14px;
    }
}

.contact-info-item{display: flex;}
.contact-info-icon{margin-left: 5px;}

.footer-logo {
    display: flex;
    align-items: center;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 180px;
    max-height: 65px;

    object-fit: contain;
}

@media (max-width: 767.98px) {

    .footer-logo img {
        max-width: 150px;
        max-height: 55px;
    }

}


.footer-services-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-services-menu li {
    margin-bottom: 11px;
}

.footer-services-menu a {
    color: rgba(255,255,255,.65);
    text-decoration: none;
    font-size: 13px;
    transition: .2s ease;
}

.footer-services-menu a:hover {
    color: var(--vahan-gold);
    padding-right: 4px;
}


.vahan-contact-form .form-label {
    color: #25344d;

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

.vahan-contact-form .form-control {
    min-height: 50px;

    padding: 12px 15px;

    border: 1px solid #e2e6eb;
    border-radius: 8px;

    background: #f9fafb;

    box-shadow: none;
}

.vahan-contact-form textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.vahan-contact-form .form-control:focus {
    background: #fff;

    border-color: var(--vahan-gold);

    box-shadow:
        0 0 0 3px rgba(214, 163, 50, .10);
}
.home-slider .carousel-item {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* لایه تیره روی عکس */
.home-slider .carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.45);

    z-index: 1;
}

/* محتوا روی Overlay */
.home-slider .carousel-item > .container {
    position: relative;
    z-index: 2;
}

.home-slider .carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(10, 25, 48, 0.15) 0%,
        rgba(10, 25, 48, 0.45) 50%,
        rgba(10, 25, 48, 0.80) 100%
    );

    z-index: 1;
}

.no-under{
    text-decoration: none !important;
}

/* =====================================================
   Product Category
===================================================== */

.product-category-page {
    background: #fff;
}


/* =====================================================
   Hero
===================================================== */

.product-category-hero {
    position: relative;

    padding: 90px 0;

    background: #0d203e;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.category-hero-content {
    max-width: 750px;
}


.category-hero-content h1 {
    margin: 15px 0;

    color: #fff;

    font-size: clamp(34px, 4vw, 54px);

    font-weight: 800;

    line-height: 1.5;
}


.category-description {
    max-width: 650px;

    color: rgba(255,255,255,.75);

    font-size: 14px;

    line-height: 2;
}


.category-description p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   Breadcrumb
===================================================== */

.vahan-breadcrumb {
    display: flex;
    align-items: center;

    gap: 7px;

    color: rgba(255,255,255,.65);

    font-size: 12px;
}


.vahan-breadcrumb a {
    color: rgba(255,255,255,.7);

    text-decoration: none;
}


.vahan-breadcrumb a:hover {
    color: var(--vahan-gold);
}


.vahan-breadcrumb i {
    font-size: 8px;
}


/* =====================================================
   Content
===================================================== */

.product-category-content {
    padding-top: 70px;
}


/* =====================================================
   Toolbar
===================================================== */

.products-toolbar {
    display: flex;

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

    gap: 20px;

    margin-bottom: 35px;

    padding-bottom: 18px;

    border-bottom: 1px solid #eceff3;
}


.woocommerce-result-count {
    margin: 0 !important;

    color: #7a8491;

    font-size: 13px;
}


.woocommerce-ordering {
    margin: 0 !important;
}


.woocommerce-ordering select {
    min-width: 220px;

    height: 46px;

    padding: 0 15px;

    border: 1px solid #e1e5ea;

    border-radius: 8px;

    background: #fff;

    color: #455064;

    font-family: Shabnam, sans-serif;

    font-size: 13px;

    outline: none;
}


/* =====================================================
   WooCommerce Products Grid
===================================================== */

.woocommerce ul.products {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 25px;

    margin: 0;
}


.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none;
}


.woocommerce ul.products li.product {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;

    position: relative;

    padding: 14px;

    background: #fff;

    border: 1px solid #e9edf2;

    border-radius: 14px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);

    border-color: transparent;

    box-shadow:
        0 18px 40px rgba(13, 32, 62, .09);
}

.woocommerce ul.products li.product img {
    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: contain;

    padding: 15px;

    margin: 0 0 18px !important;

    background: #f7f8fa;

    border-radius: 10px;
}

.woocommerce ul.products li.product
.woocommerce-loop-product__title {

    color: #17253e;

    font-size: 15px !important;

    font-weight: 700;

    line-height: 1.8;

    padding: 0 !important;

    margin-bottom: 8px;
}

.woocommerce ul.products li.product .price {
    display: block;

    margin-bottom: 15px;

    color: var(--vahan-gold) !important;

    font-size: 15px !important;

    font-weight: 700;
}

.woocommerce ul.products li.product .button {
    width: 100%;

    display: flex;

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

    min-height: 44px;

    margin: 10px 0 0 !important;

    padding: 10px 15px !important;

    background: #102440;

    color: #fff;

    border-radius: 7px;

    font-family: Shabnam, sans-serif;

    font-size: 13px;

    font-weight: 600;

    transition: .2s ease;
}


.woocommerce ul.products li.product .button:hover {
    background: var(--vahan-gold);

    color: #fff;
}

.woocommerce span.onsale {
    min-width: auto;
    min-height: auto;

    top: 25px !important;
    right: 25px !important;
    left: auto !important;

    padding: 6px 10px;

    background: var(--vahan-gold);

    color: #fff;

    border-radius: 6px;

    line-height: 1.4;

    font-size: 11px;

    font-weight: 600;
}

.vahan-pagination {
    margin-top: 50px;
}


.woocommerce nav.woocommerce-pagination ul {
    display: flex;

    justify-content: center;

    gap: 7px;

    border: 0;
}


.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
}


.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    width: 42px;
    height: 42px;

    display: flex;

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

    border: 1px solid #e1e5ea;

    border-radius: 7px;

    color: #455064;

    background: #fff;
}


.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #102440;

    border-color: #102440;

    color: #fff;
}

.woocommerce ul.products li.product
.woocommerce-loop-product__link {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.woocommerce ul.products li.product img {
    display: block;

    width: 100% !important;
    height: 280px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    object-fit: cover;
    object-position: center;

    border-radius: 10px;

    background: transparent;
}

/* =====================================================
   Comments / Reviews
===================================================== */

#comments,
.woocommerce-Reviews {
    margin-top: 50px;
    font-family: Shabnam, sans-serif;
}


/* ---------- Title ---------- */

#comments .comments-title,
.woocommerce-Reviews-title {
    position: relative;

    margin-bottom: 30px;
    padding-bottom: 15px;

    color: #15233b;

    font-size: 21px;
    font-weight: 700;
}

#comments .comments-title::after,
.woocommerce-Reviews-title::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: 0;

    width: 45px;
    height: 3px;

    background: var(--vahan-gold);

    border-radius: 10px;
}


/* =====================================================
   Comments List
===================================================== */

.commentlist,
.woocommerce #reviews #comments ol.commentlist {
    list-style: none;

    padding: 0;
    margin: 0;
}

.commentlist li,
.woocommerce #reviews #comments ol.commentlist li {
    margin-bottom: 20px;
}


/* =====================================================
   Comment Card
===================================================== */

.comment-body,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    position: relative;

    margin: 0 !important;
    padding: 25px !important;

    background: #fff;

    border: 1px solid #e8ecf1;
    border-radius: 14px;

    box-shadow:
        0 8px 30px rgba(15, 35, 65, .05);
}


/* =====================================================
   Avatar
===================================================== */

.comment-author img,
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 55px !important;
    height: 55px !important;

    padding: 0 !important;

    object-fit: cover;

    border: 3px solid #fff;
    border-radius: 50%;

    box-shadow:
        0 3px 15px rgba(15, 35, 65, .12);
}


/* WooCommerce Avatar */

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
}


/* فاصله متن از آواتار */

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-right: 75px !important;
}


/* =====================================================
   Author
===================================================== */

.comment-author .fn,
.woocommerce #reviews #comments ol.commentlist li .meta
.woocommerce-review__author {
    color: #17253e;

    font-size: 14px;
    font-weight: 700;
}


/* =====================================================
   Date
===================================================== */

.comment-metadata,
.woocommerce-review__published-date {
    margin-top: 5px;

    color: #929aa6;

    font-size: 11px;
}

.comment-metadata a {
    color: inherit;
    text-decoration: none;
}


/* =====================================================
   Comment Text
===================================================== */

.comment-content,
.woocommerce-review__description {
    margin-top: 15px;

    color: #596577;

    font-size: 13px;

    line-height: 2;
}

.comment-content p:last-child,
.woocommerce-review__description p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   Star Rating
===================================================== */

.woocommerce .star-rating {
    color: var(--vahan-gold);
    font-size: 13px;
}


/* =====================================================
   Reply
===================================================== */

.comment-reply-link {
    display: inline-flex;

    align-items: center;

    margin-top: 15px;
    padding: 6px 14px;

    color: #15233b;

    background: #f5f7fa;

    border-radius: 6px;

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

    text-decoration: none;

    transition: .2s ease;
}

.comment-reply-link:hover {
    color: #fff;

    background: #15233b;
}


/* =====================================================
   Nested Comments
===================================================== */

.commentlist .children {
    list-style: none;

    margin: 15px 40px 0 0;
    padding: 0;
}

.commentlist .children .comment-body {
    background: #f8f9fb;
}


/* =====================================================
   Comment Form
===================================================== */

#respond,
.woocommerce #review_form_wrapper {
    margin-top: 40px;
    padding: 35px;

    background: #f8f9fb;

    border: 1px solid #e8ecf1;
    border-radius: 16px;
}


/* Title */

#reply-title,
.woocommerce #review_form #respond .comment-reply-title {
    display: block;

    margin-bottom: 25px;

    color: #15233b;

    font-size: 19px;
    font-weight: 700;
}


/* Labels */

#respond label,
.woocommerce #review_form #respond label {
    display: block;

    margin-bottom: 8px;

    color: #3b4658;

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


/* Inputs */

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond textarea {
    width: 100%;

    padding: 12px 15px;

    background: #fff;

    border: 1px solid #e0e5eb;
    border-radius: 8px;

    color: #27354a;

    font-family: Shabnam, sans-serif;

    font-size: 13px;

    outline: none;

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

#respond input {
    min-height: 48px;
}

#respond textarea,
.woocommerce #review_form #respond textarea {
    min-height: 150px;

    resize: vertical;
}


/* Focus */

#respond input:focus,
#respond textarea:focus,
.woocommerce #review_form #respond input:focus,
.woocommerce #review_form #respond textarea:focus {
    border-color: var(--vahan-gold);

    box-shadow:
        0 0 0 3px rgba(200, 155, 60, .10);
}


/* =====================================================
   Submit Button
===================================================== */

#respond .submit,
.woocommerce #review_form #respond .form-submit input {
    min-height: 46px;

    padding: 10px 25px !important;

    background: #15233b !important;

    color: #fff !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-family: Shabnam, sans-serif;

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

    transition: .2s ease;
}

#respond .submit:hover,
.woocommerce #review_form #respond .form-submit input:hover {
    background: var(--vahan-gold) !important;
}


/* =====================================================
   WooCommerce Rating Selection
===================================================== */

.woocommerce #review_form #respond p.stars {
    margin: 10px 0 20px;
}

.woocommerce #review_form #respond p.stars a {
    color: #d3d7dd;
}

.woocommerce #review_form #respond p.stars:hover a,
.woocommerce #review_form #respond p.stars.selected a {
    color: var(--vahan-gold);
}


/* =====================================================
   Cookies Checkbox
===================================================== */

.comment-form-cookies-consent {
    display: flex;

    align-items: center;

    gap: 8px;
}

.comment-form-cookies-consent input {
    width: 16px !important;
    min-height: auto !important;

    margin: 0;
}

.comment-form-cookies-consent label {
    margin: 0 !important;
}


/* =====================================================
   Mobile
===================================================== */

@media (max-width: 575.98px) {

    #respond,
    .woocommerce #review_form_wrapper {
        padding: 25px 18px;
    }

    .comment-body,
    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        padding: 20px !important;
    }

    .woocommerce #reviews #comments ol.commentlist li img.avatar {
        position: static !important;

        display: block;

        margin-bottom: 12px;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin-right: 0 !important;
    }

    .commentlist .children {
        margin-right: 15px;
    }

    .logo-container{
        display: flex;
        justify-content: center;
    }

    .logo-container{order:3;}
    .menu-container{order:2;}
    .help-button{order:3;}
    .navbar-toggler{margin-right: 0 !important;}
    .main-navbar{border:0;}
    .icon-menu{justify-content: start !important;}


}

.wc-tabs{display: none !important;}

/* =========================
   Product Carousel Navigation
   ========================= */

.vahan-product-nav {
    width: 50px;
    height: 50px;

    top: 50%;
    bottom: auto;

    transform: translateY(-50%);

    opacity: 1 !important;

    padding: 0;

    background: #ffffff !important;

    border: 1px solid #dee2e6;

    border-radius: 14px;
    color: #FFF;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.16);

    z-index: 15;

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


/* فاصله از دو طرف */

.vahan-product-nav.carousel-control-prev {
right: -50px !important;
}

.vahan-product-nav.carousel-control-next {
    left: -50px !important;
}


/* span داخلی دیگه کارت جدا نیست */

.vahan-product-nav-card {
    width: 100%;
    height: 100%;

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

    background: transparent;

    color: #EEE;

    font-size: 25px;
}


/* Hover */

.vahan-product-nav:hover {
    opacity: 1 !important;

    background: #fafafa !important;

    border-color: #fafafa;

    transform:
        translateY(-50%)
        translateY(-3px);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.22);
}




/* Active */

.vahan-product-nav:active {
    transform:
        translateY(-50%)
        scale(0.94);
}


/* Disabled */

.vahan-product-nav:disabled {
    opacity: 1 !important;

    background: #e9ecef !important;

    border-color: #dee2e6;

    box-shadow: none;

    cursor: not-allowed;
}

.vahan-product-nav:disabled .vahan-product-nav-card {
    color: #adb5bd;
}


/* Mobile */

@media (max-width: 767.98px) {

    .vahan-product-nav {
        width: 48px;
        height: 48px;

        border-radius: 10px;

        box-shadow:
            0 5px 16px rgba(0, 0, 0, 0.18);
    }

    .vahan-product-nav-card {
        font-size: 20px;
    }

    .vahan-product-nav.carousel-control-prev {
        right: -5px !important;
    }

    .vahan-product-nav.carousel-control-next {
        left: -5px !important ;
    }
}

.vahan-product-nav {
    background: #fafafa !important;
    border-color: #fafafa;
}

.vahan-product-nav-card {
    color: #000;
}


#vahanMainMenu .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}


@media (min-width: 992px) {

    #vahanMainMenu {
        display: flex !important;
    }

}

@media (max-width: 991.98px) {

    #vahanMainMenu .navbar-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

        .woocommerce ul.products{display: block !important;}

}

@media(max-width:575.98px){
    .main-menu-container{
        position: absolute;
        right:0;
        z-index: 99999;
        background-color: #FAFAFA;
        top: 70px;
    }

    .navbar-nav .nav-link{
        padding-top:5px !important;
        padding-bottom:5px !important;
    }

    .vahan-dropdown-menu{opacity: 1 !important;}
    .vahan-dropdown-submenu{display: none;}
    .woocommerce ul.products{display: block !important;}
}

.orderby{
    margin-bottom: 10px;
}

/* Pagination */
.navigation.pagination {
    margin-top: 40px;
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.navigation.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 42px;
    height: 42px;
    padding: 0 12px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #fff;
    color: #15233b;

    font-size: 14px;
    font-weight: 500;
    text-decoration: none;

    transition: all 0.2s ease;
}

/* Hover */
.navigation.pagination a.page-numbers:hover {
    background: #15233b;
    border-color: #15233b;
    color: #fff;
}

/* Current Page */
.navigation.pagination .page-numbers.current {
    background: #15233b;
    border-color: #15233b;
    color: #fff;
}

/* Previous / Next */
.navigation.pagination .prev,
.navigation.pagination .next {
    padding: 0 16px;
}

/* Dots */
.navigation.pagination .dots {
    border-color: transparent;
    background: transparent;
    cursor: default;
}

/* Mobile */
@media (max-width: 576px) {

    .navigation.pagination {
        margin-top: 30px;
    }

    .navigation.pagination .nav-links {
        gap: 5px;
    }

    .navigation.pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 9px;
        font-size: 13px;
    }

    .navigation.pagination .prev,
    .navigation.pagination .next {
        padding: 0 12px;
    }

    #vahanMainMenu{
        display: none;
    }
}

.entry-content figure,
.entry-content .wp-caption {
    width: 100% !important;
    max-width: 100% !important;
}

.entry-content img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.entry-content .wp-caption img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.entry-content figcaption,
.entry-content .wp-caption-text {
    max-width: 100%;
}