/*
Theme Name: Electro Sarmayesh
Theme URI: https://kamranesfandiari.ir/
Author: Kamran Esfandiari
Author URI: https://kamranesfandiari.ir/
Description: قالب فروشگاهی الکترو سرمایش | طراحی کامران اسفندیاری
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: electrosarmayesh
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

 /* Genral style  */
@font-face {
  font-family: 'IRANSansWeb';
  src: url('fonts/IRANSansWeb.eot');
  src: url('fonts/IRANSansWeb.woff2') format('woff2'),
  url('fonts/IRANSansWeb.woff') format('woff'),
  url('fonts/IRANSansWeb.ttf') format('truetype'),
  url('fonts/IRANSansWeb.svg#IRANSansWeb') format('svg'),
  url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
*{
  font-family: IRANSansWeb !important;
} 
    .brands img
 {
    width: 100%;
}
a{
    text-decoration:none !important;
}


    /* Visual theme */
    .topbar{background:linear-gradient(90deg, rgba(46,169,255,0.06), rgba(29,139,230,0.02));font-size:.9rem}
    .navbar {background: #fff; box-shadow: 0 6px 20px rgba(16,24,40,0.06); border-radius: 12px;}
    .brand {font-weight:800;color:var(--sky);letter-spacing:.4px}
    .search-input{max-width:520px}
    .hero {border-radius:18px; overflow:hidden; box-shadow:0 20px 50px rgba(13,40,80,.06)}
    .hero .overlay-caption{ border-radius:14px; padding:2rem}
    .section-title{font-weight:800;margin-bottom:1.5rem;color:#0b1430}
    .section-title::after{content:'';display:block;width:86px;height:6px;background:linear-gradient(90deg,var(--sky),var(--sky-dark));border-radius:6px;margin-top:.7rem}

    /* Category cards */
    .cat-card{border-radius:16px;padding:1.4rem;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,0.04);transition:transform .18s,box-shadow .18s}
    .cat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(16,24,40,0.08)}
    .cat-svg{width:68px;height:68px;background:linear-gradient(180deg,var(--sky),var(--sky-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.8rem}

    /* Product cards */
    .product-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(16,24,40,0.06);transition:transform .25s,box-shadow .25s}
    .product-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(16,24,40,0.10)}
    .product-card img{
        width:100%;
        /*height:220px;*/
        object-fit:cover;
        transition:transform .6s}
    .product-card:hover img{transform:scale(1.08)}
    .badge-sale{position:absolute;left:12px;top:12px;background:#ff6b6b;color:#fff;padding:.35rem .6rem;border-radius:999px;font-weight:700;box-shadow:0 6px 20px rgba(255,107,107,0.14)}
    .card-body{padding:1.25rem}

    /* overlay quick actions on product */
    .prod-actions{display:flex;gap:.5rem}
  :root {
  --sky: #3dbbff;        /* آبی آسمانی روشن */
  --sky-dark: #1d8be6;   /* آبی تیره‌تر برای گرادیان */
}

.btn-sky {
  background: linear-gradient(180deg, var(--sky), var(--sky-dark));
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: .5rem .9rem;
  transition: all 0.3s ease;
}

.btn-sky:hover {
  filter: brightness(1.1);
}

.btn-sky:active,
.btn-sky:focus {
  outline: none;
  box-shadow: 0 10px 24px rgba(29, 139, 230, 0.18);
}

.btn-outline-sky {
    border: 2px solid #2ba8ff;
    color: #2ba8ff;
    border-radius: 8px;
    padding: 8px 18px;
    font-weight: 600;
    transition: 0.25s;
}
.btn-outline-sky:hover {
    background: #2ba8ff;
    color: #fff;
}
    /* offcanvas cart */
    .offcanvas{--bs-offcanvas-zindex:1100}

    /* footer */
    footer{background:linear-gradient(180deg,#061428, #02203a); color:#dbeeff}
    footer a{color:#dbeeff;opacity:.95}

    /* small devices */
    @media (max-width:767px){
      .hero .hero-img{height:320px}
/*       .product-card img{height:180px} */
      .search-input{max-width:100%}
    }
    .cat-svg img {
    width: 100%;
}

/*start widdget */

    /* استایل برای کل ابزارک فوتر */
.col-md-4.mb-3 .footer-widget {
  /*background-color: #1b1b1b;*/
  color: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  font-family: "Vazir", sans-serif; /* فونت فارسی زیبا */
  transition: transform 0.3s;
}

.col-md-4.mb-3 .footer-widget:hover {
  transform: translateY(-3px);
}

/* تیتر ابزارک */
.col-md-4.mb-3 .footer-widget .wp-block-heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid #00bfff;
  padding-bottom: 8px;
  color: #ffffff;
}

/* لیست شماره تماس */
.col-md-4.mb-3 .footer-widget .wp-block-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align:right;
}

.col-md-4.mb-3 .footer-widget .wp-block-list li {
  font-size: 0.95rem;
  margin-bottom: 10px;
  line-height: 1.6;
}

/* لینک شماره تماس */
.col-md-4.mb-3 .footer-widget .wp-block-list li a {
  color: #00bfff;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s;
}

.col-md-4.mb-3 .footer-widget .wp-block-list li a:hover {
  color: #ffdd57;
}



/*end widdget */

/*start main category */
.cat-card .cat-svg {
    width: 100%;       /* عرض کارت پر شود */
    height: 150px;     /* ارتفاع ثابت */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f8f9fa; /* رنگ پس‌زمینه هماهنگ */
}

.cat-card .cat-svg img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;  /* تصویر بزرگ یا کوچک با حفظ نسبت به وسط می‌آید */
}
/*end main category */

/*start swiper */
.cat-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
}
.cat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.cat-card img {
    max-height: 120px;
    object-fit: contain;
}

/*end swipper */
/* =========================================
   Custom Page Styles (404 or others)
   Primary Color: Sky Blue (#00aaff)
   Author: Kamran
=========================================== */

/* ---- Wrapper اصلی صفحه ---- */
.custom-page-wrapper {
    max-width: 800px; /* محدود کردن عرض برای تمرکز روی محتوا */
    margin: 5rem auto; /* فاصله از بالا و وسط‌چین کردن */
    text-align: center;
    padding: 2rem;
    background-color: #f0f8ff; /* رنگ پس‌زمینه روشن و آرام */
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.custom-page-wrapper:hover {
    transform: translateY(-5px);
}

/* ---- عنوان صفحه ---- */
.custom-title {
    font-size: 3rem;
    font-weight: 700;
    color: #0077cc; /* آبی اصلی */
    margin-bottom: 1rem;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

/* ---- متن توضیح ---- */
.custom-text {
    font-size: 1.25rem;
    color: #333333;
    line-height: 1.8;
}

/* ---- دکمه بازگشت ---- */
.custom-btn {
    display: inline-block;
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background-color: #00aaff; /* رنگ اصلی آبی آسمانی */
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.custom-btn:hover {
    background-color: #0077cc; /* تیره‌تر هنگام هاور */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

/* ---- ریسپانسیو ---- */
@media (max-width: 768px) {
    .custom-page-wrapper {
        margin: 3rem 1rem;
        padding: 1.5rem;
    }

    .custom-title {
        font-size: 2.5rem;
    }

    .custom-text {
        font-size: 1.1rem;
    }

    .custom-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .custom-title {
        font-size: 2rem;
    }

    .custom-text {
        font-size: 1rem;
    }

    .custom-btn {
        padding: 0.7rem 1.5rem;
    }
}

/* =========================================
   Custom Page Styles (404 or others)
   Primary Color: Sky Blue (#00aaff)
   Author: Kamran
=========================================== */
/*start woocamerce */
/*افزودن سبد خرید */

:root {
    --sky-blue: #0096FF;
    --sky-blue-light: #cce6ff;
    --sky-blue-dark: #007acc;
    --success-green: #28a745;
    --danger-red: #ff4d4d;
}

body {
    font-family: 'IRANSans', Tahoma, sans-serif;
}

/* دکمه افزودن به سبد */
.btn-sky {
    background-color: var(--sky-blue);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.btn-sky:hover {
    background-color: var(--sky-blue-dark);
    transform: translateY(-2px);
}

/* offcanvas */
.offcanvas .bg-sky {
    background-color: var(--sky-blue);
    color: #fff;
}
.offcanvas .offcanvas-title {
    font-weight: 700;
}

/* لیست محصولات سبد */
#cartList .list-group-item {
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 12px 16px;
    background: var(--sky-blue-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    transition: 0.2s;
}
#cartList .list-group-item:hover {
    background: #b3e0ff;
}

/* دکمه حذف محصول */
#cartList .remove-btn {
    color: var(--danger-red);
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    margin-left: 8px;
}

/* پیام موفقیت */
.cart-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    background: var(--success-green);
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    font-weight: 600;
    z-index: 9999;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.4s ease;
}
.cart-alert.show {
    opacity: 1;
    transform: translateY(0);
}

/* جمع کل */
#cartTotal {
    font-size: 1.1rem;
    color: #0b1220;
    font-weight: 700;
}
/* start single product  */
:root {
    --sky: #00bfff;
    --sky-dark: #0099cc;
}

.text-sky { color: var(--sky); }

/* اسلایدر */
.mySwiper .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}
.mySwiper .swiper-slide-thumb-active {
    border-color: var(--sky);
}

/* quantity */
.quantity .qty {
    width: 90px !important;
    height: 45px !important;
    text-align: center;
    border-radius: 10px !important;
    border: 1px solid #ddd !important;
}

/* دکمه افزودن */
.single_add_to_cart_button {
    background: var(--sky) !important;
    border: none !important;
    padding: 12px 40px !important;
    border-radius: 10px !important;
    font-size: 1.1rem;
}
.single_add_to_cart_button:hover {
    background: var(--sky-dark) !important;
}

/* تب‌ها */
.nav-tabs .nav-link.active {
    background: var(--sky);
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}
.nav-tabs .nav-link {
    color: var(--sky);
    font-weight: 500;
}

/* کامنت‌ها */
.commentlist li {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 20px;
}
/* استایل نوتیفیکیشن‌های ووکامرس (Success, Error, Info) - نسخه Bootstrap 5 */

.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    margin-bottom: 1.5rem !important;
}

/* پیام موفقیت */
.woocommerce-message {
    background-color: #d1f7e1;
    border-right: 5px solid #28a745;
    padding: 1rem 1.25rem;
    border-radius: .75rem;
    font-size: 0.95rem;
    color: #155724;
    display: flex;
    align-items: center;
    gap: .6rem;
}

/* پیام خطا */
.woocommerce-error {
    background-color: #ffe1e1;
    border-right: 5px solid #dc3545;
    padding: 1rem 1.25rem;
    border-radius: .75rem;
    font-size: 0.95rem;
    color: #721c24;
}

/* پیام اطلاع‌رسانی */
.woocommerce-info {
    background-color: #e6f0ff;
    border-right: 5px solid #0d6efd;
    padding: 1rem 1.25rem;
    border-radius: .75rem;
    font-size: 0.95rem;
    color: #084298;
}

/* حذف استایل‌های لیست پیش‌فرض ووکامرس */
.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* لینک‌ها */
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
    font-weight: 600;
    text-decoration: underline;
}
/* BOX اصلی */
.add-cart-box {
    border: 1px solid #e9ecef;
    border-right: 4px solid var(--sky);
    background: #fff;
    padding: 1.5rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

/* فرم */
.add-cart-box form.cart {
    display: flex;
    align-items: center;
    gap: 10px; /* فاصله بین فیلد تعداد و دکمه */
    flex-wrap: wrap; /* در موبایل زیر هم می‌افتند */
}
.add-cart-box .cart .quantity {
   flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.add-cart-box .cart .single_add_to_cart_button {
    white-space: nowrap; /* جلوگیری از شکستن متن دکمه */
}
/* quantity */
.add-cart-box .quantity .qty {
    width: 90px;
    height: 48px;
    border-radius: 12px !important;
    border: 1px solid #ced4da;
    background: #f8f9fa;
    text-align: center;
    font-size: 1.1rem;
    transition: .2s;
}

.add-cart-box .quantity .qty:focus {
    border-color: var(--sky);
    box-shadow: 0 0 0 0.25rem rgba(0,191,255,.25);
}

/* دکمه افزودن به سبد */
.add-cart-box .single_add_to_cart_button {
    background: var(--sky) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 0.8rem 2.5rem !important;
    font-size: 1.1rem;
    font-weight: 600;
    transition: .2s;
}

.add-cart-box .single_add_to_cart_button:hover {
    background: var(--sky-dark) !important;
    transform: translateY(-2px);
}

.add-cart-box .single_add_to_cart_button:active {
    transform: translateY(0);
}

/* برای موبایل: استک شود */
@media (max-width: 576px) {
    .add-cart-box form.cart {
        flex-direction: column;
        align-items: stretch;
    }
    .add-cart-box .single_add_to_cart_button {
        width: 100%;
    }
	.add-cart-box .cart .quantity {
   
    display: initial !important;
	}
}
/* BOX ویژگی‌ها */
.features-box {
    border: 1px solid #e9ecef;
    border-right: 4px solid var(--sky);
    background: #fff;
    padding: 1.5rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

/* عنوان */
.features-box h5 {
    font-size: 1.15rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: .5rem;
}

/* لیست ویژگی‌ها */
.features-box ul li {
    background: #f8f9fa;
    padding: .6rem .9rem;
    border-radius: .65rem;
    border: 1px solid #ececec;
    font-size: .95rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .2s;
}

.features-box ul li strong {
    color: var(--sky-dark);
}

/* hover روی ویژگی */
.features-box ul li:hover {
    background: #eefaff;
    border-color: var(--sky);
    transform: translateX(-3px);
}

/* ریسپانسیو */
@media (max-width: 576px) {
    .features-box ul li {
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }
}

#main-product-image {
    transition: transform 0.2s ease-out, opacity 0.2s;
    cursor: zoom-in;
}

.product-thumb {
    cursor: pointer;
    object-fit: cover;
    border: 2px solid transparent;
    transition: transform 0.2s, border-color 0.2s;
}
.product-thumb:hover {
    transform: scale(1.1);
    border-color: #00bfff;
}
/* end single product  */
/* end pannel style wooc */
/* ===== Wrapper ===== */
.page-content .woocommerce {
    /*display: flex;*/
    gap: 25px;
    margin-top: 20px;
}

/* ===== Navigation / Sidebar ===== */
.woocommerce-MyAccount-navigation {
    width: 250px;
    background: #ffffff;
    border-radius: 14px;
    padding: 20px 0;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    position: sticky;
    top: 20px;
    height: fit-content;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #f2f2f2;
}

.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

/* ===== Links ===== */
.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 14px 25px;
    font-size: 16px;
    color: #444;
    transition: all 0.25s ease;
}

.woocommerce-MyAccount-navigation a:hover {
    background: #e9f6ff;
    color: #0095ff;
}

/* ===== Active Link ===== */
.woocommerce-MyAccount-navigation .is-active > a {
    background: #d4ecff;
    color: #007bff;
    font-weight: bold;
    border-right: 4px solid #33aaff;
}

/* ===== Content ===== */
.woocommerce-MyAccount-content {
    flex-grow: 1;
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    font-size: 15px;
    line-height: 1.8;
}

.woocommerce-MyAccount-content a {
    color: #0099ff;
    font-weight: 600;
}
.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .page-content .woocommerce {
        flex-direction: column;
    }
    .woocommerce-MyAccount-navigation {
        width: 100%;
        position: relative;
    }
}
/* ===== Wrapper ===== */
.woocommerce-MyAccount-content form {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}

/* ===== Form Title ===== */
.woocommerce-MyAccount-content h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #007bff;
    border-bottom: 2px solid #e8f4ff;
    padding-bottom: 10px;
}

/* ===== Labels ===== */
.woocommerce form .form-row label {
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: table-cell;
}

/* Required field star color */
.required {
    color: #ff3b30 !important;
}

/* ===== Inputs ===== */


/* Focus effect */
.woocommerce form .input-text:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: #58baff !important;
    box-shadow: 0 0 0 3px rgba(30,144,255,0.15);
    background: #ffffff;
}

/* ===== Select2 Styling ===== */
.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
}

.select2-selection__rendered {
    line-height: 46px !important;
}

.select2-selection__arrow {
    top: 11px !important;
}

/* ===== Rows & Responsive ===== */
.form-row {
    margin-bottom: 18px !important;
}

.form-row-first,
.form-row-last {
    width: 48%;
}

@media (max-width: 767px) {
    .form-row-first,
    .form-row-last {
        width: 100%;
    }
}

/* ===== Save Button ===== */
.woocommerce-MyAccount-content button.button {
    padding: 12px 25px;
    background: linear-gradient(135deg,#46b2ff,#2c8fff);
    border-radius: 10px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: 0.25s;
}

.woocommerce-MyAccount-content button.button:hover {
    background: linear-gradient(135deg,#2c9eff,#0077e6);
    transform: translateY(-2px);
}

/* Make the button aligned right */
.woocommerce-MyAccount-content p:last-child {
    text-align: left;
}
/* ===== Address Wrapper ===== */
.woocommerce-Addresses .woocommerce-Address {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    border: 1px solid #eef3f7;
    transition: 0.25s ease;
}

/* Hover Effect */
.woocommerce-Addresses .woocommerce-Address:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* ===== Titles ===== */
.woocommerce-Address-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #007bff;
}

.woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e8f2ff;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

/* ===== Edit Link ===== */
.woocommerce-Address-title .edit {
    font-size: 14px;
    color: #007bff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}

.woocommerce-Address-title .edit:hover {
    color: #005fcc;
}

/* ===== Address Text ===== */
.woocommerce-Address address {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    margin-top: 10px;
}

/* Empty address message */
.woocommerce-Address address {
    white-space: pre-line;
}

/* ===== Layout ===== */
.woocommerce-Addresses.col2-set {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
    width: 50%;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .woocommerce-Addresses.col2-set {
        flex-direction: column;
    }

    .woocommerce-Addresses .col-1,
    .woocommerce-Addresses .col-2 {
        width: 100%;
    }
}
/* ===== Wrapper ===== */
.woocommerce-MyAccount-content {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    border: 1px solid #e3eefb;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* ===== Inputs ===== */
.woocommerce-EditAccountForm .woocommerce-Input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ced7e0;
    border-radius: 10px;
    font-size: 15px;
    transition: 0.25s ease;
    background: #f9fcff;
}

.woocommerce-EditAccountForm .woocommerce-Input:focus {
    border-color: #5bbcff;
    box-shadow: 0 0 0 4px rgba(0, 162, 255, 0.15);
    background: #fff;
}

/* ===== Labels ===== */
.woocommerce-EditAccountForm label {
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

/* ===== Form Rows ===== */
.woocommerce-form-row {
    margin-bottom: 18px;
}

/* Two columns (first/last name) */
.form-row-first,
.form-row-last {
    width: 48%;
    float: right;
}

.clear {
    clear: both;
}

/* ===== Fieldset (Password section) ===== */
.woocommerce-EditAccountForm fieldset {
    margin-top: 25px;
    padding: 20px;
    border: 1px solid #e8f0fa;
    border-radius: 12px;
    background: #fafdff;
}

.woocommerce-EditAccountForm fieldset legend {
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
    color: #007bff;
}

/* ===== Show password button ===== */
.password-input {
    position: relative;
}

.password-input button.show-password-input {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23007bff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center;
    background-size: 22px;
    border: none;
    cursor: pointer;
    opacity: 0.7;
}

.password-input button.show-password-input:hover {
    opacity: 1;
}

/* ===== Save Button ===== */
.woocommerce-EditAccountForm button.woocommerce-Button {
    background: #5bbcff;
    padding: 12px 28px;
    border-radius: 10px;
    border: none;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

.woocommerce-EditAccountForm button.woocommerce-Button:hover {
    background: #0095ff;
    transform: translateY(-2px);
}

/* ===== Responsive ===== */
@media(max-width: 768px) {
    .form-row-first,
    .form-row-last {
        width: 100%;
    }

    .woocommerce-MyAccount-content {
        padding: 20px;
    }
}

/* end pannel style wooc */

/*END woocamece*/
/* start here brand */
.brands img {
    width: 100%;              /* عرض ثابت */
    height: 100%;              /* ارتفاع ثابت */
    object-position: center;    
    transition: 0.3s ease;
    /* filter: grayscale(100%); */
    opacity: 0.6;
}

.brands img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}
/* End here brand */

/* Start category style  */
/* هدر دسته بندی */
.category-hero {
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  padding: 55px 0;
  border-radius: 26px;
  text-align: center;
}

.category-hero h1 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}

.category-hero p {
  color: #dff3ff;
  font-size: 0.9rem;
}

/* کارت‌ها */
.post-card {
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  transition: 0.25s ease;
  border: 1px solid #eef2f5;
}

.post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.06);
}

/* عکس */
.post-thumb {
  height: 180px;
  width: 100%;
  object-fit: cover;
  background: #f1f5f9;
}

.no-thumb {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e7eb;
  color: #6b7280;
  font-weight: 600;
  font-size: 0.95rem;
}

/* عنوان */
.post-card-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}

/* توضیح */
.post-card-excerpt {
  color: #6b7280;
  font-size: 0.85rem;
  line-height: 1.7;
}

/* فوتر */
.post-card-footer {
  padding: 14px 20px;
  color: #0ea5e9;
  font-weight: 600;
  font-size: 0.85rem;
}

/* صفحه‌بندی */
.pagination a, .pagination span {
  padding: 9px 16px;
  border-radius: 8px;
  margin: 3px;
}

.pagination .current {
  background: #0ea5e9;
  color: #fff;
}

/* end category Style  */
/* هدر صفحه */
.page-hero {
  border-radius: 28px;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
  background: #0ea5e9;
  padding: 60px 0;
  text-align: center;
}

.page-hero img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  opacity: 0.35;
}

.page-hero .content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-hero h1 {
  font-size: 1.9rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}

.page-hero p {
  color: #e0f5ff;
  font-size: 0.98rem;
}


/* محتوای صفحه */
.page-content {
  background: #fff;
  border-radius: 22px;
  padding: 40px;
  border: 1px solid #eef2f5;
  box-shadow: 0 8px 20px rgba(0,0,0,0.04);
}

.page-content p {
  color: #475569;
  line-height: 1.9;
  margin-bottom: 1.4rem;
  font-size: 1rem;
}

.page-content h2,
.page-content h3,
.page-content h4 {
  margin-top: 35px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #0f172a;
}

.page-content ul {
  margin-bottom: 20px;
}

.page-content img {
  border-radius: 16px;
  margin: 25px 0;
}

/* end page style  */

/* ====== start CART PAGE STYLING ====== */

/* سبد خرید ووکامرس – استایل هماهنگ با بوت‌استرپ 5 و رنگ آبی آسمانی */

/* پس‌زمینه کلی */
.wp-block-woocommerce-cart {
    background: #f3f9ff; /* آبی خیلی روشن */
    padding: 25px;
    border-radius: 16px;
}

/* جدول محصولات */
.wc-block-cart-items {
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #d7e7ff;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

/* هدر جدول */
.wc-block-cart-items thead {
    background: #e1efff;
}

.wc-block-cart-items thead th {
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    color: #0d3c68;
    border: none;
}

/* ردیف‌ها */
.wc-block-cart-items__row {
    border-bottom: 1px solid #edf4ff;
}

.wc-block-cart-items__row:hover {
    background: #f8fbff;
}

/* تصویر */
.wc-block-cart-item__image img {
    border-radius: 10px;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

/* نام محصول */
.wc-block-components-product-name {
    font-size: 16px;
    color: #0057b8;
    font-weight: 600;
}

/* بخش قیمت */
.wc-block-cart-item__prices .wc-block-components-product-price__value {
    font-size: 17px;
    color: #0c3a66;
    font-weight: 700;
}

/* تعداد */
.wc-block-components-quantity-selector {
    display: flex;
    align-items: center;
    gap: 6px;
}

.wc-block-components-quantity-selector__input {
    width: 60px!important;
    height: 42px!important;
    border-radius: 8px;
    border: 1px solid #c8daf7;
    text-align: center;
    font-size: 16px;
}

.wc-block-components-quantity-selector__button {
    width: 38px!important;
    height: 38px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f2ff;
    border: 1px solid #bcd7ff;
    color: #0057b8;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    transition: 0.2s;
}

.wc-block-components-quantity-selector__button:hover {
    background: #d7e9ff;
}

/* حذف آیتم */
.wc-block-cart-item__remove-link {
    color: #b30000;
    margin-top: 6px;
    font-size: 14px;
}

/* سایدبار خلاصه سفارش */
.wc-block-cart__sidebar {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #d7e7ff;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

/* عنوان سایدبار */
.wc-block-cart__totals-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0d3c68;
}

/* خطوط آیتم‌های جمع کل */
.wc-block-components-totals-item {
    border-bottom: 1px solid #edf4ff;
    padding: 12px 0;
}

/* ارزش‌ها */
.wc-block-components-totals-item__value {
    font-size: 18px;
    color: #003f7f;
    font-weight: bold;
}

/* دکمه صفحه پرداخت */
.wc-block-cart__submit-button {
    background: #007bff !important;
    color: white !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    transition: 0.2s !important;
}

.wc-block-cart__submit-button:hover {
    background: #005fcc !important;
}
/* start archive product  */
/* Wrapper */
.shop-topbar {
    background: #ffffff;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* تعداد نتایج */
.shop-topbar .woocommerce-result-count {
    font-size: 14px;
    color: #555;
    margin: 0;
}

/* مرتب‌سازی */
.shop-topbar select.orderby {
    border: 1px solid #bde0ff;
    background: #f7fbff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    transition: all .3s ease;
    cursor: pointer;
}
.shop-topbar select.orderby:hover {
    border-color: #7cc6ff;
}
.shop-topbar select.orderby:focus {
    border-color: #4db2ff;
    box-shadow: 0 0 0 0.2rem rgba(77,178,255,0.25);
}
/* End archive product  */
/* ====== End CART PAGE STYLING ====== */

/* top header style  */
/* --- Fix Header Alignment --- */

/* نگهدارنده اصلی 3 بخش را هم‌عرض و هم‌راستا می‌کند */
.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

/* بخش برند (لوگو + متن) */
.header-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

/* باکس جستجو */
.header-search {
    flex: 1; /* باعث می‌شود وسطی همیشه فضا را پر کند */
    max-width: 550px;
    min-width: 260px;
}

/* دکمه‌های سمت چپ */
.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

/* در تبلت */
@media (max-width: 991px) {
    .header-search {
        max-width: 350px;
    }
}

/* در موبایل */
@media (max-width: 768px) {
    .header-row {
        flex-wrap: wrap;
    }
    .header-search {
        order: 3;
        width: 100%;
    }
}
/* ---start  Category Slider --- */

.category-swiper {
    padding: 10px 0 20px;
}

.cat-box {
    background: #fff;
    padding: 12px;
    border-radius: 18px;
    display: block;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    transition: 0.3s;
    border: 1px solid #e9e9e9;
}

.cat-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.1);
}

.cat-img {
    width: 85px;
    height: 85px;
    margin: 0 auto 8px;
    border-radius: 50%;
    overflow: hidden;
    background: #f7f9fc;
    padding: 8px;
    border: 2px solid var(--primary, #3ABEF9);
}

.cat-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cat-name {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    line-height: 1.4;
}
/* --- End  Category Slider --- */
/* start price style  */
/* باکس اصلی قیمت */
.price-value .product-price-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #e4f6ff, #c9ecff);
    padding: 8px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 165, 255, 0.15);
    border: 1px solid rgba(0, 165, 255, 0.25);
    font-size: 1.3rem;
    font-weight: 700;
    color: #007bff;
    direction: rtl;
}

/* قیمت فعلی (ins) */
.price-value .product-price-wrapper ins {
    color: #007bff !important;
    text-decoration: none;
    font-weight: 900;
}

/* قیمت قبلی (del) */
.price-value .product-price-wrapper del {
    color: #888;
    font-size: 0.9rem;
    margin-left: 8px;
}

/* برای bdi که خود ووکامرس تولید می‌کند */
.price-value .product-price-wrapper bdi {
    color: inherit;
    font-weight: inherit;
}
/* دکمه خرید سریع */
.btn-sky {
    background: linear-gradient(135deg, #64c9ff, #3db8ff);
    color: #fff !important;
    font-weight: 700;
    border-radius: 12px;
    border: none;
    transition: all .25s ease;
    box-shadow: 0 4px 12px rgba(0, 155, 255, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* هاور */
.btn-sky:hover {
    background: linear-gradient(135deg, #46b9ff, #1ea8ff);
    box-shadow: 0 6px 16px rgba(0, 155, 255, 0.35);
    transform: translateY(-2px);
}

/* هنگام کلیک */
.btn-sky:active {
    transform: scale(.96);
    box-shadow: 0 2px 6px rgba(0, 155, 255, 0.2);
}

/* حالت لودینگ ووکامرس ajax_add_to_cart */
.btn-sky.loading {
    opacity: .7;
    pointer-events: none;
}

/* ریسپانسیو */
@media(max-width: 575px) {
    .btn-sky {
        width: 100%;
        font-size: 1rem;
        padding: 12px;
        border-radius: 10px;
    }
}
.product-title-stylish {
    position: relative;
    font-size: 18px;
    font-weight: 800;
    color: #0ea5e9; /* text-sky */
    line-height: 1.4;
    margin-bottom: 0;

    opacity: 0;
    transform: translateY(12px);
    animation: fadeInTitle 0.8s ease-out forwards;
}

/* انیمیشن ظاهر شدن */
@keyframes fadeInTitle {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* خط گِرادیانی زیر عنوان */
.product-title-stylish::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 85px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg, #0ea5e9, #38bdf8, #0ea5e9);
    animation: underlineMove 2.8s ease-in-out infinite;
}

/* حرکت نرم خط */
@keyframes underlineMove {
    0% { width: 50px; opacity: 0.6; }
    50% { width: 90px; opacity: 1; }
    100% { width: 50px; opacity: 0.6; }
}

/* End price style  */
/* start  single page  */
.single-content {
  font-family: "IranSans", Arial, sans-serif;
  line-height: 1.7; /* افزایش خوانایی */
  color: #2c3e50; /* رنگ متن دلنشین */
  background-color: #ffffff; /* پس‌زمینه سفید تمیز */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); /* سایه نرم و جذاب */
}

.single-content h1, 
.single-content h2, 
.single-content h3, 
.single-content h4 {
  color: #3498db; /* آبی شیک برای عناوین */
  font-weight: bold;
  margin: 20px 0 10px;
  font-size: 1.4rem; /* اندازه متناسب عناوین */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* سایه ظریف */
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 5px;
}

.single-content p {
  margin-bottom: 15px;
  font-size: 1rem; /* اندازه متن اصلی */
}

.single-content img {
  max-width: 100%;
  border-radius: 10px; /* لبه‌های گرد */
  margin: 15px 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* سایه برای تصاویر */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-content img:hover {
  transform: scale(1.05); /* بزرگ‌نمایی ملایم */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.single-content ul {
  margin: 20px 0;
  padding-left: 30px;
  list-style-type: circle;
}

.single-content ul li {
  margin-bottom: 10px;
  font-size: 0.95rem; /* اندازه لیست‌ها */
  color: #34495e;
  position: relative;
}

.single-content ul li::before {
  content: "✔"; /* نماد برای لیست‌ها */
  color: #2ecc71;
  font-size: 1rem;
  position: absolute;
  left: -20px;
  top: 0;
}

.single-content ol {
  margin: 20px 0;
  padding-left: 30px;
  list-style-type: decimal;
}

.single-content ol li {
  margin-bottom: 10px;
  font-size: 0.95rem;
  color: #34495e;
}

.single-content a {
  color: #e74c3c;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 2px dashed transparent;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

.single-content a:hover {
  color: #c0392b;
  border-bottom: 2px dashed #c0392b;
}

.single-content blockquote {
  margin: 20px 0;
  padding: 15px 20px;
  border-left: 6px solid #3498db;
  background: #f9f9f9;
  font-style: italic;
  color: #7f8c8d;
	display: flex
;
}

.single-content blockquote::before {
  content: "“";
  font-size: 2rem;
  color: #3498db;
  margin-right: 10px;
  vertical-align: top;
}

.single-content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 0.9rem;
  color: #95a5a6;
  text-align: right;
}

/* استایل جدول زیبا با تم آبی آسمانی - مخصوص Bootstrap 5 */
.single-content table  {
    --bs-table-bg: #f8fdff;
    --bs-table-striped-bg: #e8f7ff;
    --bs-table-hover-bg: #d6f3ff;
    --bs-table-active-bg: #b8e9ff;
    border: 1px solid #b3e5fc;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(13, 184, 230, 0.12);
    font-size: 0.95rem;
	text-align:center;
}

.single-content table thead {
    background: linear-gradient(135deg, #0db8e6 0%, #00c6ff 100%);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.single-content table thead th {
    border: none !important;
    padding: 16px 20px;
    font-size: 1rem;
    text-align: center;
}

.single-content table tbody tr {
    transition: all 0.25s ease;
}

.single-content table  tbody td {
    padding: 16px 20px;
    vertical-align: middle;
    border-top: 1px solid #e1f5fe;
    color: #2c3e50;
}

.single-content table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13, 184, 230, 0.15) !important;
}

/* ردیف‌های زبرا (striped) زیباتر */
.single-content table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f0faff;
}

/* دکمه‌ها و بدج‌ها در داخل جدول (اختیاری ولی خیلی قشنگ میشه) */
.single-content table  .btn-primary {
    background: #0db8e6;
    border: none;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 0.85rem;
}

.single-content table .badge {
    background: #00c6ff;
    color: white;
    border-radius: 50px;
    padding: 6px 12px;
    font-weight: 500;
}

/* حالت responsive بهتر */
@media (max-width: 768px) {
    .single-content table {
        font-size: 0.88rem;
    }
    .table-sky thead th,
    .table-sky tbody td {
        padding: 12px 10px;
    }
}
/* end single page  */
/* start count prouduct  */
/* استایل کلی وضعیت موجودی */
.stock {
    font-size: 1rem;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0.5rem 0;
    line-height: 1.7;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    animation: fadeInStock 0.5s ease-out;
}

/* انیمیشن ظاهر شدن */
@keyframes fadeInStock {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* موجود */
.stock.in-stock {
    background: rgba(14, 165, 233, 0.15); /* آبی آسمانی کم‌رنگ */
    border: 1px solid #0ea5e9;
    color: #0ea5e9;
}

/* دایره سبز کوچک */
.stock.in-stock::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #0ea5e9;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(14, 165, 233, .6);
}

/* ناموجود */
.stock.out-of-stock {
    background: rgba(244, 67, 54, 0.18);
    border: 1px solid #f44336;
    color: #c62828;
}

/* دایره قرمز کوچک */
.stock.out-of-stock::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f44336;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(244, 67, 54, .4);
}
/* End count prouduct  */
/* starrt info product  */
/* باکس اطلاعات اضافی */
.extra-info {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 20px;
    border-radius: 14px;
    margin-top: 25px;
    font-size: 0.95rem;
    line-height: 1.8;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    animation: fadeIn 0.4s ease-out;
}

/* هر خط */
.extra-info p {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #d4edfc;
    padding-bottom: 6px;
}

/* متن چپ (اطلاعات) */
.extra-info p span {
    color: #0e7490;
    font-weight: 600;
}

/* متن عنوان راست */
.extra-info p strong {
    color: #0369a1;
    font-weight: 700;
}

/* آخرین خط بدون خط جداکننده */
.extra-info p:last-child {
    border-bottom: none;
}

/* انیمیشن ورود نرم */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* End info product  */
/*Start  باکس کلی توضیح کوتاه */
.product-short-description-box {
    background: #f0f9ff; /* آبی آسمانی بسیار روشن */
    border: 1px solid #d1ecff;
    padding: 20px 22px;
    border-radius: 14px;
    margin: 25px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    animation: fadeIn 0.5s ease-out;
}

/* متن توضیح کوتاه */
.product-short-description {
    font-size: 0.95rem;
    line-height: 1.9;
    color: #0c4a6e; /* آبی تیره‌تر برای خوانایی */
    text-align: justify;
}

/* لینک‌ها داخل توضیح کوتاه */
.product-short-description a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: underline;
}

.product-short-description a:hover {
    color: #0369a1;
}

/* بولت‌لیست‌ها داخل توضیح کوتاه */
.product-short-description ul {
    padding-right: 20px;
}

.product-short-description li {
    margin-bottom: 6px;
    color: #0c4a6e;
}

/* انیمیشن ورود */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/*End  باکس کلی توضیح کوتاه */
/* start search style  */
/* رنگ اصلی آبی آسمانی */
:root {
    --sky: #38bdf8;
    --sky-light: #e0f7ff;
}

/* کارت محصول / پست */
.product-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* عکس */
.product-card img {
    border-bottom: 1px solid #f1f1f1;
    /*height: 200px;*/
    object-fit: cover;
    width: 100%;
}

/* محتوای کارت */
.card-body {
    padding: 15px 12px;
    flex-grow: 1;
}

/* دکمه‌های آبی */
.btn-sky, .btn-outline-sky {
    border-radius: 10px !important;
    font-size: 14px;
    padding: 6px 12px;
}

.btn-sky {
    background: var(--sky);
    color: #fff;
}

.btn-sky:hover {
    background: #0ea5e9;
}

.btn-outline-sky {
    border: 1px solid var(--sky);
    color: var(--sky);
    background: transparent;
}

.btn-outline-sky:hover {
    background: var(--sky);
    color: #fff;
}

/* درصد تخفیف */
.badge-sale {
    position: absolute;
    right: 12px;
    top: 12px;
    background: #ef4444;
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
}

/* عنوان */
.text-sky {
    color: var(--sky) !important;
}
/* End search style  */

/* start - استایل حرفه‌ای و کاربرپسند صفحه تسویه‌حساب - رنگ اصلی: آبی آسمانی */


/* end - پایان استایل حرفه‌ای صفحه تسویه‌حساب */
/* start product style single  */


       
        .product-card {
            background: white;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 25px 60px rgba(14,165,233,0.15);
            border: 1px solid rgba(14,165,233,0.18);
            transition: all 0.4s ease;
        }
        .product-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 35px 80px rgba(14,165,233,0.22);
        }
        .main-img {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.12);
        }
        .main-img img {
            transition: transform 0.6s ease;
        }
        .main-img:hover img {
            transform: scale(1.06);
        }
        .badge-custom {
            position: absolute;
            top: 20px;
            font-weight: 800;
            padding: 10px 22px;
            border-radius: 50px;
            font-size: 14px;
            z-index: 5;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        .badge-sale { display: inline-table; left: 20px; background: linear-gradient(135deg,#ef4444,#dc2626); }
        .badge-new { right: 20px; background: linear-gradient(135deg,#10b981,#059669); }

        .price-new { font-size: 42px; font-weight: 800; color: var(--bs-primary-dark); }
        .price-old { font-size: 24px; text-decoration: line-through; color: #94a3b8; }
        .discount-badge {
            background: linear-gradient(135deg,var(--bs-primary),#22d3ee);
            color: white;
            padding: 8px 18px;
            border-radius: 12px;
            font-weight: 700;
        }
        .feature-card {
            background: #e0f2fe;
            border-radius: 16px;
            padding: 16px 20px;
            transition: all 0.3s;
            border: 1px solid transparent;
        }
        .feature-card:hover {
            background: var(--bs-primary);
            color: white;
            border-color: var(--bs-primary);
            transform: translateX(-6px);
        }
        .feature-card i {
            font-size: 24px;
            color: var(--bs-primary);
        }
        .feature-card:hover i { color: white; }

        .btn-add-cart {
            background: linear-gradient(135deg,var(--bs-primary),var(--bs-primary-dark));
            border: none;
            padding: 18px 32px;
            border-radius: 16px;
            font-weight: 700;
            font-size: 18px;
            box-shadow: 0 10px 30px rgba(14,165,233,0.35);
        }
        .btn-add-cart:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 40px rgba(14,165,233,0.45);
        }

        .tab-pills .nav-link {
            border-radius: 12px;
            padding: 14px 32px;
            font-weight: 600;
            color: #64748b;
        }
        .tab-pills .nav-link.active {
            background: var(--bs-primary);
            color: white;
            box-shadow: 0 8px 25px rgba(14,165,233,0.3);
        }
        .product-meta {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-meta .meta-title {
    font-weight: 700;
    margin-right: 8px;
    color: #0c4a6e;
}

.product-meta a {
    display: inline-block;
    background: #e0f2fe;
    color: #0ea5e9;
    padding: 6px 14px;
    border-radius: 12px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

.product-meta a:hover {
    background: #0ea5e9;
    color: #fff;
    box-shadow: 0 4px 12px rgba(14,165,233,0.25);
    transform: translateY(-2px);
}
/* img pro  */
/* کارت تصویر محصول */
.product-image-card {
   
    border-radius: 28px;
   
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* تصویر اصلی محصول */
.main-img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    background: #ffffff;
    padding: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

.main-img img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    transition: transform 0.6s ease, box-shadow 0.4s ease;
}

.main-img:hover img {
    transform: scale(1.06);
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}

/* گالری کوچک */
.product-thumbnails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

/* هر تصویر بندانگشتی */
.product-thumbnails img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    object-fit: cover;
}

/* هاور */
.product-thumbnails img:hover {
    transform: scale(1.1);
    border-color: #0ea5e9;
    box-shadow: 0 6px 15px rgba(14,165,233,0.3);
}

/* ریسپانسیو برای موبایل */
@media (max-width: 767px) {
    .product-thumbnails {
        justify-content: flex-start;
        gap: 8px;
    }
    .product-thumbnails img {
        width: 60px;
        height: 60px;
    }
	.no-wrap-tabs {
    display: flex;
    flex-wrap: nowrap;        /* جلوگیری از رفتن به خط بعد */
}

.no-wrap-tabs .nav-item {
    flex: 1 1 auto;           /* اجازه می‌دهد کوچک شوند اما زیرهم نه */
}

.no-wrap-tabs .nav-link {
    width: 100%;
    text-align: center;
    white-space: nowrap;      /* جلوگیری از شکستن متن */
    padding: .5rem 0.25rem;   /* کمتر کردن پدینگ برای جا شدن متن */
    font-size: .9rem;         /* کمی کوچک‌تر در موبایل */
}

}


/* نشانگر تخفیف و جدید */
.badge-custom {
    position: absolute;
    top: 20px;
    font-weight: 800;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    z-index: 5;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.badge-sale { left: 20px; background: linear-gradient(135deg,#ef4444,#dc2626); }
.badge-new  { right: 20px; background: linear-gradient(135deg,#10b981,#059669); }
/* ستون تصویر کل ارتفاع را پر کند */
.col-lg-6.d-flex {
    min-height: 100%;
}

/* کارت تصویر داخل ستون */
.product-image-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* End product style single  */
/* ============================================================
   start ELECTROSARMAYESH BREADCRUMB CSS
   ============================================================ */

.electrosarmayesh-breadcrumb ol.breadcrumb {
    margin-bottom: 0;
    background-color: #f8fafc; /* رنگ روشن پس‌زمینه */
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    flex-wrap: wrap;
}

.electrosarmayesh-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "›"; /* فلش بین آیتم‌ها */
    color: #0ea5e9; /* رنگ آبی آسمانی */
    padding: 0 0.5rem;
    font-weight: bold;
}

.electrosarmayesh-breadcrumb .breadcrumb-item a {
    color: #0ea5e9; /* رنگ لینک‌ها */
    text-decoration: none;
    font-weight: 500;
}

.electrosarmayesh-breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}

.electrosarmayesh-breadcrumb .breadcrumb-item.active {
    color: #475569; /* خاکستری تیره */
    font-weight: 500;
}

/* ریسپانسیو */
@media (max-width: 576px) {
    .electrosarmayesh-breadcrumb ol.breadcrumb {
        padding: 0.4rem 0.6rem;
        font-size: 0.875rem;
    }

    .electrosarmayesh-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 0.3rem;
    }
}

/* ============================================================
   end ELECTROSARMAYESH BREADCRUMB CSS
   ============================================================ */

/* start  single page  */
.single-content {
  font-family: "IranSans", Arial, sans-serif;
  line-height: 1.7; /* افزایش خوانایی */
  color: #2c3e50; /* رنگ متن دلنشین */
  background-color: #ffffff; /* پس‌زمینه سفید تمیز */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); /* سایه نرم و جذاب */
}

.single-content h1, 
.single-content h2, 
.single-content h3, 
.single-content h4 {
  color: #3498db; /* آبی شیک برای عناوین */
  font-weight: bold;
  margin: 20px 0 10px;
  font-size: 1.4rem; /* اندازه متناسب عناوین */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* سایه ظریف */
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 5px;
}

.single-content p {
  margin-bottom: 15px;
  font-size: 1rem; /* اندازه متن اصلی */
}

.single-content img {
  max-width: 100%;
  border-radius: 10px; /* لبه‌های گرد */
  margin: 15px 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* سایه برای تصاویر */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-content img:hover {
  transform: scale(1.05); /* بزرگ‌نمایی ملایم */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.single-content ul {
  margin: 20px 0;
  padding-left: 30px;
  list-style-type: circle;
}

.single-content ul li {
  margin-bottom: 10px;
  font-size: 0.95rem; /* اندازه لیست‌ها */
  color: #34495e;
  position: relative;
	list-style:none;
}

.single-content ul li::before {
  content: "✔"; /* نماد برای لیست‌ها */
  color: #2ecc71;
  font-size: 1rem;
  position: absolute;
  right: -20px;
  top: 0;
}

.single-content ol {
  margin: 20px 0;
  padding-left: 30px;
  list-style-type: decimal;
}

.single-content ol li {
  margin-bottom: 10px;
  font-size: 0.95rem;
  color: #34495e;
}

.single-content a {
  color: #e74c3c;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 2px dashed transparent;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

.single-content a:hover {
  color: #c0392b;
  border-bottom: 2px dashed #c0392b;
}

.single-content blockquote {
  margin: 20px 0;
  padding: 15px 20px;
  border-left: 6px solid #3498db;
  background: #f9f9f9;
  font-style: italic;
  color: #7f8c8d;
	display: flex
;
}

.single-content blockquote::before {
  content: "“";
  font-size: 2rem;
  color: #3498db;
  margin-right: 10px;
  vertical-align: top;
}

.single-content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 0.9rem;
  color: #95a5a6;
  text-align: right;
}
/* start مطالب مرتبط  */
.related-posts h4 svg {
  transition: transform 0.3s ease;
}
.related-posts h4:hover svg {
  transform: rotate(-20deg);
}
.related-posts .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.related-posts .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.related-posts .card img {
  object-fit: cover;
  height: 180px;
  width: 100%;
}

/* end مطالب مرتبط  */

}

/* استایل جدول زیبا با تم آبی آسمانی - مخصوص Bootstrap 5 */
.single-content table  {
    --bs-table-bg: #f8fdff;
    --bs-table-striped-bg: #e8f7ff;
    --bs-table-hover-bg: #d6f3ff;
    --bs-table-active-bg: #b8e9ff;
    border: 1px solid #b3e5fc;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(13, 184, 230, 0.12);
    font-size: 0.95rem;
	text-align:center;
}

.single-content table thead {
    background: linear-gradient(135deg, #0db8e6 0%, #00c6ff 100%);
    color: #cd2222;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.single-content table thead th {
    border: none !important;
    padding: 16px 20px;
    font-size: 1rem;
    text-align: center;
}

.single-content table tbody tr {
    transition: all 0.25s ease;
}

.single-content table  tbody td {
    padding: 16px 20px;
    vertical-align: middle;
    border-top: 1px solid #e1f5fe;
    color: #2c3e50;
}

.single-content table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13, 184, 230, 0.15) !important;
}

/* ردیف‌های زبرا (striped) زیباتر */
.single-content table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f0faff;
}

/* دکمه‌ها و بدج‌ها در داخل جدول (اختیاری ولی خیلی قشنگ میشه) */
.single-content table  .btn-primary {
    background: #0db8e6;
    border: none;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 0.85rem;
}

.single-content table .badge {
    background: #00c6ff;
    color: white;
    border-radius: 50px;
    padding: 6px 12px;
    font-weight: 500;
}

/* حالت responsive بهتر */
@media (max-width: 768px) {
    .single-content table {
        font-size: 0.88rem;
    }
    .table-sky thead th,
    .table-sky tbody td {
        padding: 12px 10px;
    }
}
/* end single page  */

/* start offcanvas  */
/* استایل شیک برای منوی Offcanvas */
.offcanvas-body-menu .navbar-nav {
    width: 100%;
    padding: 0;
    margin: 0;
}

.offcanvas-body-menu .navbar-nav .menu-item {
    list-style: none;
    margin: 4px 0;
}

.offcanvas-body-menu .navbar-nav .menu-item a {
    display: block;
    padding: 14px 18px;
    font-size: 15px;
    color: #333 !important;
    background: #f8f9fa !important;
    border-radius: 10px;
    text-decoration: none;
    transition: all .25s ease;
    font-weight: 500;
}

.offcanvas-body-menu .navbar-nav .menu-item a:hover {
    background: #e9ecef;
    transform: translateX(-5px);
}



.offcanvas-body-menu {
    padding-top: 0 !important;
}
/* End offcanva  */

/* start pardakht page  */

/* کل کانتینر */
.page-content.shadow-sm {
    background-color: #e6f0fa; /* آبی خیلی روشن */
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* عنوان‌ها */
.page-content h2.wp-block-heading {
    color: #1e90ff; /* آبی آسمانی */
    font-weight: 700;
    margin-bottom: 20px;
}

/* جداکننده */
.page-content hr.wp-block-separator {
    border-top: 2px dotted #1e90ff;
    margin: 30px 0;
}

/* لیست محصولات */
.page-content .wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* تک محصول */
.page-content .wc-block-grid__product {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 15px;
    text-align: center;
    width: 220px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.page-content .wc-block-grid__product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* تصویر محصول */
.page-content .wc-block-grid__product-image img {
    border-radius: 12px;
    width: 100%;
    height: 220px;
    object-fit: cover;
    margin-bottom: 10px;
}

/* نام محصول */
.page-content .wc-block-grid__product-title {
    font-weight: 600;
    color: #333333;
    margin-bottom: 8px;
    min-height: 48px; /* یکسان سازی ارتفاع */
}

/* قیمت محصول */
.page-content .wc-block-grid__product-price {
    font-weight: 700;
    color: #1e90ff;
    margin-bottom: 12px;
}

/* دکمه افزودن به سبد خرید */
.page-content .wp-block-button__link.add_to_cart_button {
    display: inline-block;
    background-color: #1e90ff;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s, transform 0.3s;
}

.page-content .wp-block-button__link.add_to_cart_button:hover {
    background-color: #0d6efd;
    transform: translateY(-2px);
}

/* پیام سبد خالی */
.page-content .wc-block-cart__empty-cart__title {
    color: #1e90ff;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
/* start pardakht page  */
/* Coupon input */
form.checkout_coupon.woocommerce-form-coupon input.input-text {
    border: 2px solid #4FC3F7;        /* آبی آسمانی */
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    transition: all 0.3s ease;
}

form.checkout_coupon.woocommerce-form-coupon input.input-text:focus {
    border-color: #039BE5;
    box-shadow: 0 0 0 3px rgba(79, 195, 247, 0.25);
    outline: none;
}
/* Coupon button */
form.checkout_coupon.woocommerce-form-coupon 
p.form-row.form-row-last button.button {
    background: linear-gradient(135deg, #4FC3F7, #039BE5);
    color: #fff;
    border-radius: 10px;
    padding: 12px 26px;
    font-size: 15px;
    border: none;
    transition: all 0.3s ease;
}

form.checkout_coupon.woocommerce-form-coupon 
p.form-row.form-row-last button.button:hover {
    background: linear-gradient(135deg, #039BE5, #0288D1);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(3, 155, 229, 0.35);
}
/* ===============================
   COLOR VARIABLES
================================ */
:root {
    --sky-blue: #4FC3F7;
    --sky-blue-dark: #039BE5;
    --sky-bg: #F1FAFE;
}

/* ===============================
   RESET col-1 (Neutralize)
================================ */
.woocommerce-checkout .col-1 , .woocommerce-checkout  .col-2{
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ===============================
   CHECKOUT WRAPPER
================================ */
.woocommerce-checkout form.checkout {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
}

/* ===============================
   SECTION TITLES
================================ */
.woocommerce-checkout h3 {
    color: var(--sky-blue-dark);
    border-bottom: 2px solid var(--sky-blue);
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-size: 18px;
}

/* ===============================
   LABELS
================================ */
.woocommerce-checkout label {
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

/* ===============================
   INPUTS & TEXTAREA
================================ */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 14px;
    transition: all 0.3s ease;
    width:100%;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--sky-blue);
    box-shadow: 0 0 0 3px rgba(79,195,247,.25);
    outline: none;
}

/* ===============================
   SELECT2 (STATE, ETC)
================================ */
.select2-container--default .select2-selection--single {
    height: 45px;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    display: flex;
    align-items: center;
}

.select2-container--default.select2-container--focus 
.select2-selection--single {
    border-color: var(--sky-blue);
    box-shadow: 0 0 0 3px rgba(79,195,247,.25);
}

/* ===============================
   BILLING & SHIPPING BOXES
================================ */
#customer_details .col-1,
#customer_details .col-2 {
    background: var(--sky-bg);
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 20px;
}

/* ===============================
   ORDER REVIEW TABLE
================================ */
.woocommerce-checkout-review-order-table {
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

.woocommerce-checkout-review-order-table th {
    background: var(--sky-blue);
    color: #523b3b;
    padding: 14px;
}

.woocommerce-checkout-review-order-table td {
    padding: 14px;
    background: #fff;
}
strong span.woocommerce-Price-amount.amount bdi
Specificity: (0,2,3)
 {
    color: #fff;
}
/* ===============================
   PAYMENT METHODS
================================ */
.wc_payment_methods li {
    border: 2px solid var(--sky-blue);
    border-radius: 14px;
    padding: 15px;
    background: #fff;
}

.payment_box {
    background: var(--sky-bg);
    border-radius: 12px;
    margin-top: 10px;
}

/* ===============================
   PLACE ORDER BUTTON
================================ */
#place_order {
    background: linear-gradient(135deg, var(--sky-blue), var(--sky-blue-dark));
    color: #fff;
    border-radius: 14px;
    padding: 14px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    transition: all .3s ease;
}

#place_order:hover {
    background: linear-gradient(135deg, var(--sky-blue-dark), #0288D1);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(3,155,229,.35);
}

/* ===============================
   COUPON FORM
================================ */
form.checkout_coupon.woocommerce-form-coupon {
    background: var(--sky-bg);
    border: 1px dashed var(--sky-blue);
    border-radius: 14px;
    padding: 20px;
}

form.checkout_coupon.woocommerce-form-coupon input.input-text {
    border: 2px solid var(--sky-blue);
    border-radius: 10px;
}

form.checkout_coupon.woocommerce-form-coupon 
button.button {
    background: linear-gradient(135deg, var(--sky-blue), var(--sky-blue-dark));
    color: #fff;
    border-radius: 10px;
    padding: 12px 26px;
    border: none;
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 768px) {
    #customer_details .col-1,
    #customer_details .col-2 {
        padding: 15px;
    }
}
/* =====================================
   ORDER REVIEW WRAPPER
===================================== */
#order_review {
    background: #fff;
    padding: 22px;
    border-radius: 18px;
    margin-top: 25px;
}

/* =====================================
   ORDER TABLE
===================================== */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

/* Table Head */
.woocommerce-checkout-review-order-table thead th {
    background: #4FC3F7;
    color: #fff;
    padding: 14px;
    font-weight: 700;
    text-align: right;
}

/* Table Body */
.woocommerce-checkout-review-order-table tbody td {
    padding: 14px;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}

/* Product Name */
.woocommerce-checkout-review-order-table .product-name {
    font-weight: 600;
    color: #333;
}

/* Price */
.woocommerce-checkout-review-order-table .amount {
    color: #039BE5;
    font-weight: 700;
}

/* =====================================
   TABLE FOOT
===================================== */
.woocommerce-checkout-review-order-table tfoot th {
    background: #F1FAFE;
    padding: 14px;
    font-weight: 600;
}

.woocommerce-checkout-review-order-table tfoot td {
    background: #F1FAFE;
    padding: 14px;
}

/* Order Total */
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    background: #4FC3F7;
    color: #fff;
    font-size: 16px;
}

/* =====================================
   SHIPPING
===================================== */
.woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-shipping-methods li {
    background: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #e0f3fb;
}

/* =====================================
   PAYMENT SECTION
===================================== */
#payment {
    margin-top: 25px;
}

/* Payment method box */
.wc_payment_methods li {
    border: 2px solid #4FC3F7;
    border-radius: 16px;
    padding: 16px;
    background: #fff;
	 list-style: none;
}
ul.wc_payment_methods.payment_methods.methods
Specificity: (0,3,1)
 {
    padding: 0;
}
/* Payment label */
.wc_payment_methods label {
    font-weight: 700;
    color: #039BE5;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Payment description */
.payment_box {
    background: #F1FAFE;
    border-radius: 12px;
    padding: 12px;
    margin-top: 12px;
    color: #444;
}

/* =====================================
   PLACE ORDER
===================================== */
.form-row.place-order {
    margin-top: 25px;
}

#place_order {
    width: 100%;
    background: linear-gradient(135deg, #4FC3F7, #039BE5);
    color: #fff;
    border-radius: 16px;
    padding: 16px;
    font-size: 17px;
    font-weight: bold;
    border: none;
    transition: all 0.3s ease;
}

#place_order:hover {
    background: linear-gradient(135deg, #039BE5, #0288D1);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(3,155,229,.35);
}

/* =====================================
   PRIVACY TEXT
===================================== */
.woocommerce-privacy-policy-text {
    background: #F1FAFE;
    border-radius: 12px;
    padding: 12px;
    font-size: 13px;
    margin-top: 15px;
}

.woocommerce-privacy-policy-text a {
    color: #039BE5;
    font-weight: 600;
}

/* استایل کلی pagination */
.woocommerce-pagination {
    text-align: center;
    margin: 40px 0;
}

/* حذف استایل پیش‌فرض لیست */
.woocommerce-pagination ul.page-numbers {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 8px;
}

/* استایل آیتم‌ها */
.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
}

/* استایل لینک‌ها و شماره‌ها */
.woocommerce-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background-color: #e0f7ff; /* آبی خیلی روشن */
    color: #0096c7; /* آبی آسمانی تیره‌تر */
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 1px solid #bdefff;
}

/* هاور */
.woocommerce-pagination .page-numbers:hover {
    background-color: #00b4d8;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 180, 216, 0.3);
}

/* صفحه فعال */
.woocommerce-pagination .page-numbers.current {
    background: linear-gradient(135deg, #00b4d8, #48cae4);
    color: #fff;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 180, 216, 0.4);
}

/* دکمه قبلی و بعدی */
.woocommerce-pagination .prev,
.woocommerce-pagination .next {
    font-size: 18px;
    font-weight: bold;
}
.product-card ul#productTab button.nav-link
 {
    display: inline-block;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 1rem;
    color: #0369a1;
    background: #e0f2fe;
    border-radius: 12px 12px 0 0;
    transition: all 0.3s ease;
    text-decoration: none;
}
.product-card ul#productTab li.active button,
.product-card ul#productTab li button[aria-selected="true"] {
    background: #0ea5e9;
    color: #fff;
    box-shadow: 0 4px 15px rgba(14,165,233,0.25);
    transform: translateY(-2px);
}
.img_why img{
        width: 100%;
        height: 40px;
}