/**
Theme Name: Astra-Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==================================================
   Behcut Brand Palette & Core Variables
================================================== */
:root {
    /* پالت رنگی اصلی بهکات */
    --primary-color: #2E7D32;       /* سبز برند (CTA اصلی) */
    --primary-hover: #246428;       /* سبز تیره‌تر برای هاور */
    --text-color: #2B2B2B;          /* ذغالی (متن اصلی) */
    --bg-color: #FAF9F6;            /* سفید گرم (پس‌زمینه اصلی سایت) */
    --neutral-color: #E5E7EB;       /* خاکستری روشن (حاشیه، خنثی) */
    
    /* متغیرهای کاربردی برای فرم‌ها و پنل‌ها */
    --bc-panel-bg: #FFFFFF;         /* رنگ پنل‌ها و کارت‌ها */
    --bc-panel-border: #E5E7EB;     /* حاشیه پنل‌ها */
    --bc-input-bg: #FFFFFF;         /* پس‌زمینه اینپوت‌ها */
    --bc-input-border: #D1D5DB;     /* حاشیه اینپوت‌ها */
    --bc-text-muted: #6B7280;       /* متن‌های فرعی و کم‌رنگ */
    
    --border-radius: 8px;           /* گردی ملایم دکمه‌ها و فرم‌ها */
    --panel-radius: 16px;           /* گردی پنل‌های بزرگ */
}

/* ==================================================
   Behcut CTA & Button System (سیستم دکمه‌ها)
================================================== */

/* 1. Primary CTA (دکمه اصلی - سبز) */
.button.add_to_cart_button, 
.woocommerce button.button.alt,
.wp-block-button__link.is-style-fill,
.behcut-primary-btn {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--border-radius) !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.button.add_to_cart_button:hover, 
.woocommerce button.button.alt:hover,
.behcut-primary-btn:hover {
    background-color: var(--primary-hover) !important;
    transform: translateY(-2px);
}

/* 2. Secondary CTA (دکمه ثانویه - کادر سبز) */
.behcut-secondary-btn {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: var(--border-radius) !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.behcut-secondary-btn:hover {
    background-color: var(--bg-color) !important;
}

/* 3. Text Link CTA (لینک متنی) */
.behcut-text-link {
    background: transparent !important;
    color: var(--primary-color) !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s ease;
}
.behcut-text-link:hover {
    color: var(--primary-hover) !important;
}

/* 4. Neutral CTA (عملیات خنثی - خاکستری) */
.behcut-neutral-btn {
    background-color: var(--neutral-color) !important;
    color: var(--text-color) !important;
    border: none !important;
    border-radius: var(--border-radius) !important;
    padding: 12px 24px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}
.behcut-neutral-btn:hover {
    background-color: #D1D5DB !important; /* کمی تیره‌تر در هاور */
}


/* ==================================================
   Behcut Service Container
================================================== */
.behcut-service-container {
    direction: rtl;
    max-width: 1000px;
    margin: 40px auto;
    font-family: 'IRANSans', 'Vazirmatn', Tahoma, sans-serif;
}

.beh_main_title_box {
    background-color: var(--primary-color);
    color: #fff;
    padding: 12px 45px;
    border-radius: var(--border-radius);
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(50%);
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 17px;
    box-shadow: 0 4px 6px rgba(46, 125, 50, 0.15); /* سایه همرنگ سبز */
}

.beh_arrow {
    font-size: 10px;
    margin-right: 12px;
    vertical-align: middle;
}

.beh_grid_system {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 20px;
}

.beh_field_item {
    border: 1px solid var(--neutral-color);
    border-radius: var(--border-radius);
    padding: 18px 15px;
    position: relative;
    text-align: center;
    background: var(--bc-panel-bg);
}

.beh_field_item.full_width {
    grid-column: span 3;
    width: 55%;
    margin: 0 auto;
}

.beh_label {
    position: absolute;
    top: -11px;
    right: 15px;
    background: var(--bc-panel-bg);
    padding: 0 10px;
    font-size: 13px;
    color: var(--bc-text-muted);
}

.beh_value {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 600;
}

/* ریسپانسیو سرویس‌ها */
@media (max-width: 900px) {
    .beh_field_item.full_width { width: 80%; }
}

@media (max-width: 600px) {
    .beh_grid_system { grid-template-columns: 1fr; }
    .beh_field_item.full_width { width: 100%; grid-column: span 1; }
    .beh_main_title_box { transform: translateX(50%); font-size: 15px; }
}


/* ==================================================
   Behcut WooCommerce Custom Checkout Styles
================================================== */
.behcut-checkout-wrap {
    font-family: 'IRANSans', 'Vazirmatn', Tahoma, sans-serif;
    background-color: var(--bg-color); /* پس‌زمینه سفید گرم */
    padding: 40px 20px;
    color: var(--text-color);
}

.bc-checkout-container { max-width: 1200px; margin: 0 auto; }
.bc-checkout-header { text-align: center; margin-bottom: 40px; }
.bc-page-title { font-size: 32px; font-weight: 800; color: var(--text-color); margin-bottom: 10px; }
.bc-page-subtitle { font-size: 15px; color: var(--bc-text-muted); }

/* ساختار Grid اصلی */
.bc-checkout-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 30px;
    align-items: start;
}

/* پنل‌های سفید مینیمال */
.bc-panel {
    background: var(--bc-panel-bg);
    border: 1px solid var(--bc-panel-border);
    border-radius: var(--panel-radius);
    padding: 35px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04); /* سایه بسیار ملایم */
}
.bc-sticky-panel { position: sticky; top: 110px; }

.bc-panel-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--bc-panel-border);
    display: flex;
    align-items: center;
    gap: 10px;
}
.bc-panel-title svg { width: 22px; height: 22px; color: var(--primary-color); }

/* پنهان کردن هدرهای پیش‌فرض ووکامرس */
.woocommerce-billing-fields h3, 
.woocommerce-shipping-fields h3, 
.woocommerce-additional-fields h3,
#order_review_heading {
    display: none !important;
}

/* استایل فیلدهای فرم ووکامرس */
.woocommerce form .form-row {
    margin-bottom: 20px;
}
.woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 8px;
    display: block;
}
.woocommerce form .form-row .optional {
    color: var(--bc-text-muted);
    font-size: 11px;
    font-weight: normal;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    width: 100%;
    background: var(--bc-input-bg) !important;
    border: 1px solid var(--bc-input-border) !important;
    color: var(--text-color) !important;
    font-size: 14px;
    padding: 12px 16px !important;
    border-radius: var(--border-radius) !important;
    outline: none;
    height: auto !important;
    transition: all 0.3s ease;
}
.woocommerce form .form-row textarea { min-height: 100px; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15) !important;
}

/* استایل جدول سفارشات ووکامرس */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    background: transparent !important;
    border-top: 1px solid var(--bc-panel-border) !important;
    color: var(--text-color) !important;
    padding: 15px 10px !important;
}
.woocommerce-checkout-review-order-table th { color: var(--text-color) !important; font-weight: 600 !important; }
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-top: 1px dashed var(--neutral-color) !important;
    font-size: 18px;
}
.woocommerce-checkout-review-order-table .order-total td strong {
    color: var(--primary-color);
}

/* بخش روش‌های پرداخت ووکامرس */
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid var(--bc-panel-border);
    padding: 0 0 20px 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
    background: var(--bg-color); /* سفید گرم */
    border: 1px solid var(--bc-panel-border);
    border-radius: var(--border-radius);
    padding: 15px !important;
    margin-bottom: 10px !important;
}
.woocommerce-checkout #payment div.payment_box {
    background: #F3F4F6 !important; /* طوسی بسیار ملایم برای کادر توضیحات پرداخت */
    color: var(--text-color) !important;
    border-radius: var(--border-radius);
    box-shadow: none !important;
    border: 1px solid var(--neutral-color);
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }

/* دکمه پرداخت (استفاده از Primary CTA) */
.woocommerce-checkout #payment #place_order {
    width: 100%;
    background: var(--primary-color) !important;
    color: #ffffff !important;
    padding: 18px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: var(--border-radius) !important;
    margin-top: 20px;
    border: none !important;
    transition: all 0.4s ease;
    box-shadow: 0 8px 20px rgba(46, 125, 50, 0.2) !important;
}
.woocommerce-checkout #payment #place_order:hover {
    background: var(--primary-hover) !important;
    transform: translateY(-2px);
}

/* ==================================================
   FIX: WooCommerce Theme CSS Conflicts (Order Review)
================================================== */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review,
.bc-checkout-review #order_review {
    float: none !important;
    width: 100% !important;
    position: static !important;
    margin: 0 !important;
    clear: both !important;
}

.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
    margin: 0 !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid var(--bc-panel-border) !important;
    text-align: right !important;
    padding: 16px 5px !important;
    vertical-align: middle !important;
    background: transparent !important;
}

.woocommerce-checkout-review-order-table thead th {
    color: var(--text-color) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--neutral-color) !important;
}

.woocommerce-checkout-review-order-table .product-name {
    width: 65% !important;
    line-height: 1.7 !important;
    color: var(--text-color) !important;
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .order-total td {
    text-align: left !important;
    width: 35% !important;
}

.bc-checkout-review {
    height: 100%;
    display: block;
}
.bc-sticky-panel {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    z-index: 10;
    will-change: transform;
}

/* ریسپانسیو چک‌اوت */
@media (max-width: 992px) {
    .bc-checkout-grid { grid-template-columns: 1fr; }
    .bc-sticky-panel { position: relative; top: 0; }
}
@media (max-width: 576px) {
    .bc-panel { padding: 20px; }
}


/* اطمینان از تمام‌عرض بودن کانتینر اصلی محصولات به کات */
.behcut-product-master-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box !important;
}
/* استایل کلی لیست مشخصات */
.b-spec-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

/* استایل هر ردیف مشخصات */
.b-spec-item {
    display: flex;
    align-items: center; /* تراز کردن آیکون و متن در وسط به صورت افقی */
    justify-content: flex-start; /* شروع از راست در سایت‌های RTL */
    gap: 14px; /* فاصله آیکون تا متن */
    padding: 14px 0;
    border-bottom: 1px dashed #e2e8f0; /* خط جداکننده ملایم */
}

/* حذف خط پایین از آخرین آیتم */
.b-spec-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* باکس دور آیکون */
.b-spec-icon {
    flex: 0 0 auto; /* جلوگیری از تغییر سایز باکس آیکون */
    width: 36px;
    height: 36px;
    background-color: rgba(16, 99, 70, 0.06); /* یک پس‌زمینه سبز بسیار محو و شیک */
    border-radius: 8px; /* گوشه‌های گرد */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #106346; /* رنگ سبز سازمانی بهکات - در صورت نیاز کد رنگ را تغییر دهید */
}

/* تنظیم سایز کلی آیکون‌ها */
.b-spec-icon svg,
.b-spec-icon svg.b-spec-svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    display: block;
}

/* ضخیم کردن آیکون‌های خطی برای اینکه به آیکون‌های پررنگ نزدیک‌تر شوند */
.b-spec-icon svg [stroke] {
    stroke: currentColor !important;
    stroke-width: 2 !important; /* افزایش ضخامت خطوط (عدد را بین 1.5 تا 2 تغییر دهید تا به بهترین حالت برسید) */
}

/* اعمال رنگ سازمانی روی آیکون‌های توپر */
.b-spec-icon svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}


/* باکس نگهدارنده متن‌ها */
.b-spec-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* این خط متن‌ها را کاملاً راست‌چین می‌کند */
    text-align: right;
    gap: 5px;
    flex: 1; /* پر کردن فضای باقیمانده */
}

/* عنوان مشخصه (مثلا: وزن، رده سنی) */
.b-spec-name {
    font-size: 11.5px;
    color: #64748b; /* رنگ خاکستری ملایم */
    font-weight: 400;
    line-height: 1.2;
}

/* مقدار مشخصه (مثلا: 180 گرم) */
.b-spec-value {
    font-size: 13.5px;
    color: #0f172a; /* رنگ تیره برای خوانایی بهتر مقدار */
    font-weight: 700;
    line-height: 1.4;
    word-break: break-word;
}

/* درشت کردن آیکون‌های ابعاد و قطعات بدون خراب کردن باکس سبز رنگ */
.b-spec-icon svg.b-svg-dimension,
.b-spec-icon svg.b-svg-piece {
    transform: scale(1.5) !important;
    transform-origin: center center !important;
}
/* تنظیم سایز و رنگ پایه آیکون‌های ویژگی‌های 4تایی افقی */
.b-features-strip .b-feat-item svg.b-feat-svg {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    margin-bottom: 8px;
    display: block;
    color: #106346 !important; /* رنگ سبز بهکات */
}



/* اعمال رنگ سبز روی بخش‌های توپر آیکون */
.b-features-strip .b-feat-item svg.b-feat-svg [fill]:not([fill="none"]) {
    fill: #106346 !important;
}
#billing_country_field, #shipping_country_field, .behcut-hide-country {
    display: none !important;
}