/*
Theme Name: Baran Kala
Theme URI: https://baransite.com/barankala
Author: Baran
Author URI: https://baransite.com
Description: قالب باران کالا — قالب کامل وردپرسی و ووکامرسی فروشگاهی، ساخته‌شده توسط باران (baransite.com). شامل پنل تنظیمات قدرتمند، نصب دمو یک‌کلیکی، مدیریت هدر/فوتر، المان‌های اختصاصی المنتور، پشتیبانی کامل از ووکامرس و زبان فارسی و راست‌چین. Baran Kala is a complete WordPress + WooCommerce store theme with a powerful options panel, one-click demo import, header/footer builder, custom Elementor widgets and full RTL/Persian support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barankala
Tags: rtl-language-support, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, theme-options, woocommerce, elementor
*/

/* =================================================================
   Baran Kala — Base Stylesheet
   The theme intentionally keeps the front-end minimal because
   Elementor renders the demo layout. These base styles provide a
   graceful fallback for non-Elementor rendering, the theme's own
   built-in header/footer and the custom Elementor widgets.
   ================================================================= */

:root{
  --bk-primary:#6EC1E4;
  --bk-secondary:#54595F;
  --bk-text:#7A7A7A;
  --bk-accent:#61CE70;
  --bk-orange:#FF9100;
  --bk-orange-light:#FFB85B;
  --bk-teal:#00AAAA;
  --bk-navy:#272C49;
  --bk-green2:#2DE181;
  --bk-red:#F23C4A;
  --bk-pencil:#2C2C2C;
  --bk-gray:#DBDBDB;
  --bk-gray2:#BBBBBB;
  --bk-cream:#EFEFEF;
  --bk-white:#FFFFFF;
  --bk-black:#000000;
  --bk-radius:14px;
  --bk-shadow:0 6px 20px rgba(0,0,0,.08);
  --bk-shadow-lg:0 14px 40px rgba(0,0,0,.14);
  --bk-font-heading:"YekanBakhNum","Vazirmatn",Tahoma,sans-serif;
  --bk-font-body:"YekanBakhNum","Vazirmatn",Tahoma,sans-serif;
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--bk-font-body);
  font-size:14px;
  line-height:1.85;
  color:#000;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--bk-font-heading);
  line-height:1.4;
  margin:0 0 .5em;
  font-weight:700;
  color:#000;
}
h3{color:var(--bk-text)}
h4{color:var(--bk-orange)}
a{color:var(--bk-teal);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--bk-orange)}
img{max-width:100%;height:auto;display:block}
ul,ol{padding-inline-start:1.2em}
button{font-family:inherit;cursor:pointer}

/* ---------- Layout helpers ---------- */
.bk-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}
.bk-section{padding-block:70px}
.alignfull{margin-inline:calc(50% - 50vw);width:100vw}
.alignwide{margin-inline:calc(50% - 45vw);width:90vw}

/* ---------- WordPress core classes ---------- */
.alignleft{float:inline-start;margin-inline-end:1.5em}
.alignright{float:inline-end;margin-inline-start:1.5em}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:.85em;color:var(--bk-gray2);text-align:center}
.sticky{display:block}
.bypostauthor{display:block}
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}
.screen-reader-text:focus{
  background:#fff;clip:auto;clip-path:none;color:var(--bk-orange);
  display:block;font-size:1rem;font-weight:700;height:auto;
  left:5px;line-height:normal;padding:15px 23px;text-decoration:none;top:5px;width:auto;z-index:100000;
}

/* ---------- Theme built-in header ---------- */
.bk-site-header{
  position:sticky;top:0;z-index:999;
  background:#fff;
  border-bottom:1px solid var(--bk-gray);
  box-shadow:0 2px 12px rgba(0,0,0,.05);
  padding:14px 22px;
}
.bk-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bk-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.bk-brand img{max-height:54px;width:auto}
.bk-brand .bk-site-title{font-family:var(--bk-font-heading);font-size:1.35rem;font-weight:700;color:var(--bk-orange);margin:0}
.bk-brand .bk-site-desc{font-size:.76rem;color:var(--bk-gray2);margin:0}
.bk-main-nav ul{list-style:none;display:flex;gap:4px;flex-wrap:wrap;margin:0;padding:0}
.bk-main-nav li{position:relative}
.bk-main-nav a{
  display:block;padding:9px 14px;border-radius:8px;
  font-family:var(--bk-font-heading);font-weight:500;color:var(--bk-pencil);
  transition:all .2s ease;font-size:13.5px;
}
.bk-main-nav a:hover,.bk-main-nav .current-menu-item>a{background:var(--bk-orange);color:#fff}
.bk-main-nav .sub-menu{
  position:absolute;top:100%;inset-inline-start:0;min-width:220px;
  background:#fff;border:1px solid var(--bk-gray);border-radius:var(--bk-radius);
  box-shadow:var(--bk-shadow);padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .2s ease;flex-direction:column;
}
.bk-main-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.bk-header-actions{display:flex;align-items:center;gap:8px}
.bk-btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:11px 24px;border-radius:8px;font-family:var(--bk-font-heading);font-weight:600;
  background:var(--bk-orange);color:#fff;border:none;transition:all .25s ease;font-size:13.5px;
}
.bk-btn:hover{background:var(--bk-teal);color:#fff;transform:translateY(-2px);box-shadow:var(--bk-shadow)}
.bk-btn-outline{background:transparent;color:var(--bk-orange);border:2px solid var(--bk-orange)}
.bk-btn-outline:hover{background:var(--bk-orange);color:#fff}
.bk-btn-teal{background:var(--bk-teal)}
.bk-btn-teal:hover{background:var(--bk-navy)}
.bk-cart-link{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px;border-radius:8px;background:var(--bk-cream);color:var(--bk-pencil);
  font-weight:600;font-size:13px;transition:all .2s;
}
.bk-cart-link:hover{background:var(--bk-orange);color:#fff}
.bk-cart-count{
  position:absolute;top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;
  border-radius:10px;background:var(--bk-red);color:#fff;font-size:11px;font-weight:700;
  display:grid;place-items:center;padding:0 5px;
}
.bk-menu-toggle{display:none;width:42px;height:42px;border:none;background:var(--bk-cream);border-radius:8px;font-size:1.3rem;color:var(--bk-pencil)}
.bk-search-toggle{background:var(--bk-cream);border:none;width:42px;height:42px;border-radius:8px;font-size:1.1rem;color:var(--bk-pencil);cursor:pointer}

/* ---------- Theme built-in footer ---------- */
.bk-site-footer{
  margin-top:auto;position:relative;color:#ccc;
  background:var(--bk-pencil);
}
.bk-footer-inner{padding:60px 0 24px}
.bk-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.bk-footer-col h4{color:var(--bk-orange);font-size:1.05rem;margin-bottom:14px}
.bk-footer-col a{color:#bbb}
.bk-footer-col a:hover{color:var(--bk-orange)}
.bk-footer-col ul{list-style:none;padding:0;margin:0}
.bk-footer-col li{margin-bottom:8px;font-size:13px}
.bk-footer-col p{font-size:13px;line-height:2;color:#bbb}
.bk-social{display:flex;gap:8px;flex-wrap:wrap}
.bk-social a{
  width:38px;height:38px;border-radius:8px;display:grid;place-items:center;
  background:#333;color:#fff;transition:all .25s ease;font-size:14px;
}
.bk-social a:hover{background:var(--bk-orange);color:#fff;transform:translateY(-3px)}
.bk-footer-bottom{
  border-top:1px solid #333;margin-top:28px;padding-top:18px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#888;
}
.bk-back-to-top{
  position:fixed;inset-inline-end:22px;bottom:22px;z-index:900;
  width:50px;height:50px;border-radius:10px;border:none;
  background:var(--bk-orange);color:#fff;font-size:1.2rem;
  display:grid;place-items:center;box-shadow:var(--bk-shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;
}
.bk-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.bk-back-to-top:hover{background:var(--bk-teal)}

/* ---------- Content / posts ---------- */
.bk-content-area{padding-block:50px}
.bk-entry-title{font-size:1.9rem;margin-bottom:.3em}
.bk-entry-meta{font-size:.8rem;color:var(--bk-gray2);margin-bottom:1.5em}
.bk-entry-meta span{margin-inline-end:14px}
.bk-post-card{
  background:#fff;border:1px solid var(--bk-gray);border-radius:var(--bk-radius);
  overflow:hidden;box-shadow:var(--bk-shadow);transition:all .25s ease;display:flex;flex-direction:column;
}
.bk-post-card:hover{transform:translateY(-5px);box-shadow:var(--bk-shadow-lg);border-color:var(--bk-orange)}
.bk-post-card .bk-post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}
.bk-post-card .bk-post-body{padding:20px;flex:1;display:flex;flex-direction:column}
.bk-post-card h3{font-size:1.1rem;margin-bottom:8px}
.bk-post-card .bk-post-excerpt{color:var(--bk-text);font-size:.88rem;flex:1}
.bk-post-card .bk-readmore{margin-top:12px;font-weight:700;color:var(--bk-orange)}
.bk-pagination{display:flex;justify-content:center;gap:6px;margin-top:36px;flex-wrap:wrap}
.bk-pagination a,.bk-pagination span{
  min-width:42px;height:42px;padding:0 12px;display:grid;place-items:center;
  border-radius:8px;background:#fff;border:1px solid var(--bk-gray);font-weight:600;color:var(--bk-pencil);
}
.bk-pagination .current{background:var(--bk-orange);color:#fff;border-color:var(--bk-orange)}

/* ---------- Comments ---------- */
.bk-comments-area{margin-top:44px}
.bk-comment{border-bottom:1px solid var(--bk-gray);padding:16px 0}

/* ---------- 404 ---------- */
.bk-404{text-align:center;padding:110px 20px}
.bk-404 h1{font-size:5.5rem;color:var(--bk-orange);margin:0}
.bk-404 p{font-size:1.05rem;color:var(--bk-gray2)}

/* ---------- Breadcrumb ---------- */
.bk-breadcrumb{font-size:.8rem;color:var(--bk-gray2);padding:12px 0;background:var(--bk-cream)}
.bk-breadcrumb a{color:var(--bk-orange)}
.bk-breadcrumb .sep{margin-inline:6px;opacity:.5}

/* ---------- Widgets (sidebar) ---------- */
.widget{margin-bottom:24px}
.widget-title{font-size:1rem;color:var(--bk-orange);border-bottom:2px solid var(--bk-orange);padding-bottom:8px;margin-bottom:12px}
.widget ul{list-style:none;padding:0;margin:0}
.widget li{padding:6px 0;border-bottom:1px dashed var(--bk-gray)}
.widget_price_filter .price_slider{background:var(--bk-gray);height:6px;border-radius:3px}
.widget_price_filter .ui-slider-range{background:var(--bk-orange)}
.widget_price_filter .ui-slider-handle{background:var(--bk-teal);border-radius:50%;width:14px;height:14px;top:-4px}

/* ---------- WooCommerce ---------- */
.woocommerce .bk-site-main{padding-block:30px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product{
  background:#fff;border:1px solid var(--bk-gray);border-radius:var(--bk-radius);
  overflow:hidden;text-align:center;padding:18px;transition:all .25s ease;position:relative;margin:0;
}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--bk-shadow-lg);border-color:var(--bk-orange)}
.woocommerce ul.products li.product .onsale{
  background:var(--bk-red);color:#fff;border-radius:6px;padding:4px 12px;font-size:.75rem;
  font-weight:700;position:absolute;top:10px;inset-inline-start:10px;margin:0;min-height:auto;line-height:1.6;
}
.woocommerce ul.products li.product .button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  background:var(--bk-orange);color:#fff;border-radius:8px;padding:11px 22px;font-weight:600;font-family:var(--bk-font-heading);font-size:13px;border:none;transition:all .25s;
}
.woocommerce ul.products li.product .button:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover{
  background:var(--bk-teal);color:#fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--bk-pencil);font-size:.95rem;font-weight:700;padding:8px 0 4px}
.woocommerce ul.products li.product .price{color:var(--bk-orange);font-weight:700;font-size:1rem}
.woocommerce ul.products li.product .price del{color:var(--bk-gray2);font-weight:400;font-size:.85em;margin-inline-end:6px}
.woocommerce span.onsale{background:var(--bk-red);color:#fff;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:700;min-height:auto;line-height:1.6}
.woocommerce .star-rating{color:var(--bk-orange)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--bk-orange);border-radius:var(--bk-radius)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--bk-orange)}
.woocommerce form .form-row label{color:var(--bk-pencil)}
.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
  border-radius:8px;border:1px solid var(--bk-gray);padding:10px 14px;
}
.woocommerce #content table.cart td.actions .coupon .input-text{width:130px}
.woocommerce a.remove{color:var(--bk-red)!important;border-radius:50%;background:#fff0f0}
.woocommerce a.remove:hover{background:var(--bk-red);color:#fff!important}
.woocommerce .cart_totals h2,.woocommerce .cross-sells>h2,.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:1.3rem;color:var(--bk-pencil);border-bottom:2px solid var(--bk-orange);padding-bottom:8px;margin-bottom:18px}
.woocommerce .checkout_coupon,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border:1px solid var(--bk-gray);border-radius:var(--bk-radius);padding:24px}
.woocommerce div.product .product_title{font-size:1.8rem;color:var(--bk-pencil)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--bk-orange);font-size:1.4rem;font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--bk-cream);border-bottom-color:var(--bk-cream)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--bk-pencil)}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border:1px solid var(--bk-gray);border-radius:var(--bk-radius)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{padding:12px 16px;border-bottom:1px solid var(--bk-gray);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active{background:var(--bk-orange);color:#fff;border-radius:8px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:#fff}
.woocommerce-error{border-top-color:var(--bk-red)}
.woocommerce-error::before{color:var(--bk-red)}
.single-product div.product .woocommerce-product-gallery{position:relative}
.woocommerce-message{background:var(--bk-cream);border-radius:var(--bk-radius)}

/* ---------- Responsive ---------- */
@media (max-width:768px){
  .bk-menu-toggle{display:grid;place-items:center}
  .bk-main-nav{
    position:fixed;inset-block:0 0;inset-inline-start:0;width:80%;max-width:320px;
    background:#fff;box-shadow:var(--bk-shadow-lg);padding:80px 20px 20px;
    transform:translateX(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;
  }
  [dir="rtl"] .bk-main-nav{inset-inline-start:auto;inset-inline-end:0;transform:translateX(100%)}
  .bk-main-nav.is-open{transform:translateX(0)!important}
  .bk-main-nav ul{flex-direction:column}
  .bk-main-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-inline-start:14px}
  .bk-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}
  .bk-overlay.is-visible{opacity:1;visibility:visible}
  .bk-section{padding-block:44px}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:10px}
  .woocommerce ul.products li.product{padding:12px}
}
@media (max-width:480px){
  .woocommerce ul.products{grid-template-columns:1fr}
}