/*
Theme Name: Mehdi Sabegh Storefront
Theme URI: https://demowebsite.ir/mehdisabegh/
Description: پوسته فرزند سبک و فارسی برای فروشگاه تهویه و گرمایش مهدی سابق
Author: Demo Website
Template: storefront
Version: 1.3.1
Text Domain: sabegh-storefront
*/

@font-face{font-family:Vazirmatn;src:url("assets/Vazirmatn-fa.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:100 900}
:root{--sab-navy:#12263f;--sab-blue:#087e8b;--sab-blue-2:#0aa6b5;--sab-orange:#f59e0b;--sab-bg:#f4f7f9;--sab-text:#233044;--sab-muted:#64748b;--sab-radius:18px;--sab-shadow:0 14px 40px rgba(18,38,63,.09)}
html{scroll-behavior:smooth}
body,button,input,textarea,select{font-family:Vazirmatn,Tahoma,Arial,sans-serif}
body{color:var(--sab-text);background:#fff;line-height:1.85}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right}
a{transition:color .2s ease,background .2s ease,transform .2s ease}
.col-full{max-width:1240px;padding-left:24px;padding-right:24px}
.sabegh-topbar{background:var(--sab-navy);color:#dbe8f4;font-size:13px}
.sabegh-topbar .col-full{display:flex;align-items:center;justify-content:space-between;padding-top:7px;padding-bottom:7px}
.sabegh-topbar a{color:#fff;font-weight:700}
.sabegh-topbar .col-full::before,.sabegh-topbar .col-full::after,.site-header>.col-full::before,.site-header>.col-full::after,.storefront-primary-navigation>.col-full::before,.storefront-primary-navigation>.col-full::after{display:none!important;content:none!important}
.site-header{background:#fff;border-bottom:1px solid #e8eef3;padding-top:0;padding-bottom:0;margin-bottom:0;position:relative;z-index:1000}
.site-branding .site-title{margin:0}.site-branding .site-title a{display:flex;align-items:center;gap:14px;color:var(--sab-navy);font-weight:900;font-size:28px;line-height:1.35;text-decoration:none}
.site-branding .site-title a::before{content:"MS";display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--sab-blue),var(--sab-navy));color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:900;letter-spacing:-1px;box-shadow:0 9px 24px rgba(8,126,139,.2)}
.site-branding .site-description{color:var(--sab-muted);margin:5px 66px 0 0;font-size:13px}
.site-header-cart .cart-contents,.site-search .widget_product_search form::before{color:var(--sab-blue)}
.storefront-primary-navigation{background:linear-gradient(110deg,#12263f 0%,#11415a 58%,#087e8b 100%);border-top:0;margin-top:0;box-shadow:0 9px 24px rgba(18,38,63,.18);position:relative;z-index:1001;overflow:visible}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.15em 1em;color:#fff;font-weight:750}
.main-navigation ul.menu>li>a:hover,.main-navigation ul.menu>li.current-menu-item>a,.main-navigation ul.menu>li.current-menu-parent>a,.main-navigation ul.menu>li.current-menu-ancestor>a{color:#fff;background:rgba(255,255,255,.12)}
.main-navigation ul.menu ul.sub-menu{border-radius:0 0 12px 12px;box-shadow:var(--sab-shadow);overflow:hidden;background:#fff}
.main-navigation ul.menu ul li a{color:var(--sab-text);padding:12px 18px;border-bottom:1px solid #edf2f5}
.main-navigation ul.menu ul li a:hover{background:#eefafb;color:var(--sab-blue)}
.site-content{position:relative;z-index:1}.site-content .col-full{max-width:1240px}
.home.page:not(.page-template-template-homepage) .site-main{padding-top:0}
.home.page:not(.page-template-template-homepage) .site-header{margin-bottom:0}
.home .entry-header{display:none}
.home .content-area{width:100%;float:none;margin:0}
.home .site-main{margin:0}
.home .entry-content{margin:0}
.home .hentry{margin-bottom:0}
.sabegh-hero{min-height:530px;margin:0 calc(50% - 50vw) 70px;padding:72px max(24px,calc((100vw - 1192px)/2));display:flex;align-items:center;background:#fff;position:relative;isolation:isolate}
.sabegh-hero .wp-block-cover__image-background{object-position:left center}
.sabegh-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.98) 56%,#fff 100%)!important;opacity:1!important}
.sabegh-hero .wp-block-cover__inner-container{width:100%;max-width:1192px;margin:0 auto}
.sabegh-hero__content{max-width:600px;margin-left:auto;margin-right:0}
.sabegh-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e8f8f9;color:#05717b;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:800;margin-bottom:18px}
.sabegh-hero h1{font-size:clamp(35px,5vw,61px);line-height:1.35;color:var(--sab-navy);font-weight:950;margin:0 0 18px}
.sabegh-hero p{font-size:18px;color:#526174;max-width:570px;margin-bottom:28px}
.sabegh-actions{display:flex;gap:12px;flex-wrap:wrap}.sabegh-actions .wp-block-button{margin:0}
.sabegh-btn,.entry-content .sabegh-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;font-weight:850;text-decoration:none!important;border:2px solid var(--sab-blue);background:var(--sab-blue);color:#fff}
.sabegh-btn:hover{background:var(--sab-navy);border-color:var(--sab-navy);color:#fff;transform:translateY(-2px)}
.sabegh-btn--ghost{background:#fff;color:var(--sab-blue)}
.sabegh-actions .wp-block-button__link,.sabegh-cta .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;font-weight:850;text-decoration:none!important;border:2px solid var(--sab-blue);background:var(--sab-blue);color:#fff}
.sabegh-actions .wp-block-button__link:hover{background:var(--sab-navy);border-color:var(--sab-navy);color:#fff;transform:translateY(-2px)}
.sabegh-actions .sabegh-btn--ghost .wp-block-button__link{background:#fff;color:var(--sab-blue)}
.sabegh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:-100px 0 76px;position:relative;z-index:4}
.sabegh-trust__item{background:#fff;border:1px solid #e7eef3;border-radius:var(--sab-radius);padding:23px;box-shadow:var(--sab-shadow);text-align:center}
.sabegh-trust__icon{display:block;font-size:27px;margin-bottom:7px}
.sabegh-trust strong{display:block;color:var(--sab-navy);font-size:16px}.sabegh-trust small{color:var(--sab-muted)}.sabegh-trust h3{color:var(--sab-navy);font-size:16px;font-weight:850;margin:0 0 4px}.sabegh-trust p:not(.sabegh-trust__icon){color:var(--sab-muted);font-size:13px;margin:0}
.sabegh-section{margin:70px 0}.sabegh-section--soft{background:var(--sab-bg);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:72px max(24px,calc((100vw - 1192px)/2))}
.sabegh-heading{text-align:center;max-width:720px;margin:0 auto 36px}.sabegh-heading h2{font-size:clamp(28px,3vw,40px);color:var(--sab-navy);font-weight:900;margin-bottom:10px}.sabegh-heading p{color:var(--sab-muted);margin:0}
.sabegh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sabegh-card{background:#fff;border:1px solid #e6edf2;border-radius:var(--sab-radius);padding:28px;box-shadow:0 7px 24px rgba(18,38,63,.05)}
.sabegh-card h3{color:var(--sab-navy);font-size:21px;font-weight:850}.sabegh-card p{color:var(--sab-muted);margin-bottom:14px}.sabegh-card a{color:var(--sab-blue);font-weight:800;text-decoration:none}
.sabegh-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,var(--sab-navy),#164b62);color:#fff;border-radius:24px;padding:42px 50px;margin:76px 0}.sabegh-cta h2{color:#fff;font-weight:900;margin:0 0 8px}.sabegh-cta p{margin:0;color:#d6e7ef}.sabegh-cta .sabegh-btn,.sabegh-cta .wp-block-button__link{background:var(--sab-orange);border-color:var(--sab-orange);color:#182333;white-space:nowrap}.sabegh-cta .wp-block-buttons{margin:0}
ul.products li.product{background:#fff;border:1px solid #e6edf2;border-radius:16px;padding:14px 14px 22px;box-shadow:0 6px 22px rgba(18,38,63,.05);transition:.2s ease}
ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--sab-shadow)}
ul.products li.product img{border-radius:12px;background:#f2f4f6}
ul.products li.product .woocommerce-loop-product__title{font-weight:850;color:var(--sab-navy);font-size:16px;min-height:54px}
.price{color:var(--sab-blue)!important;font-weight:850}
.button,.added_to_cart,.widget a.button{border-radius:10px!important;background:var(--sab-blue)!important;color:#fff!important;font-weight:800!important}
.button:hover{background:var(--sab-navy)!important}
.woocommerce-breadcrumb{font-size:13px;color:var(--sab-muted);margin-top:25px}
.site-footer{background:var(--sab-navy);color:#c7d6e3;padding:58px 0 28px}.site-footer a{color:#fff}.site-info{padding:0;text-align:center}.sabegh-footer-note{margin-bottom:9px;font-weight:700;color:#fff}
.page .entry-title,.woocommerce-products-header__title{font-weight:900;color:var(--sab-navy)}
.sabegh-page-lead{font-size:18px;color:var(--sab-muted);background:var(--sab-bg);padding:24px;border-radius:14px;border-right:4px solid var(--sab-blue)}
.sabegh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sabegh-contact-box{background:var(--sab-bg);padding:25px;border-radius:15px}
@media(max-width:768px){.col-full{padding-left:16px;padding-right:16px}.sabegh-topbar .col-full{display:block;text-align:center}.sabegh-topbar__hours{display:none}.site-header{padding-top:0}.sabegh-hero{min-height:650px;padding:340px 16px 32px;margin-bottom:40px;align-items:flex-end}.sabegh-hero .wp-block-cover__image-background{height:430px;object-position:23% top}.sabegh-hero .wp-block-cover__background{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.98) 46%,rgba(255,255,255,.05) 70%)!important}.sabegh-hero__content{max-width:none}.sabegh-trust{grid-template-columns:repeat(2,1fr);margin:0 0 50px}.sabegh-cards{grid-template-columns:1fr}.sabegh-cta{display:block;padding:30px 25px;text-align:center}.sabegh-cta .sabegh-btn,.sabegh-cta .wp-block-buttons{margin-top:22px}.sabegh-contact-grid{grid-template-columns:1fr}.site-branding .site-title a{font-size:23px}}
@media(max-width:420px){.sabegh-trust{grid-template-columns:1fr}.sabegh-hero h1{font-size:34px}}

@media(min-width:769px){
  .site-header>.col-full{display:grid;grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) 180px;align-items:center;gap:20px;padding-top:22px;padding-bottom:22px}
  .woocommerce-active .site-header .site-branding,.woocommerce-active .site-header .site-search{width:auto;float:none;clear:none;margin:0}
  .site-header .site-branding{text-align:right}
  .site-header .site-description{display:block}
  .site-search .widget{margin:0}
  .site-search .woocommerce-product-search{position:relative}
  .site-search .woocommerce-product-search::before{right:17px;left:auto;top:50%;transform:translateY(-50%);z-index:2;color:var(--sab-blue)}
  .site-search .search-field{box-sizing:border-box!important;width:100%;height:52px;border:1px solid #dce7ec;border-radius:14px;background:#f5f8fa;padding:0 48px 0 112px;color:var(--sab-text);box-shadow:inset 0 1px 2px rgba(18,38,63,.03)}
  .site-search .search-field:focus{background:#fff;border-color:var(--sab-blue);outline:3px solid rgba(8,126,139,.12)}
  .site-search .woocommerce-product-search button[type=submit]{clip:auto;clip-path:none;width:auto;height:40px;position:absolute;right:auto;left:6px;top:6px;margin:0;padding:0 19px;border:0;border-radius:10px;background:var(--sab-blue);color:#fff;font-weight:800;font-size:13px;line-height:40px;box-shadow:none}
  .site-search .woocommerce-product-search button[type=submit]:hover{background:var(--sab-navy)}
  .storefront-primary-navigation>.col-full{display:block}
  .woocommerce-active .site-header .main-navigation{width:100%;float:none;clear:none;margin:0}
  .main-navigation ul.menu{display:flex;align-items:stretch;margin:0}
  .main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{display:flex;align-items:center;min-height:58px;padding:0 17px;border-bottom:3px solid transparent}
  .main-navigation ul.menu>li>a:hover,.main-navigation ul.menu>li.current-menu-item>a,.main-navigation ul.menu>li.current-menu-parent>a,.main-navigation ul.menu>li.current-menu-ancestor>a{border-bottom-color:#fbbf24}
  .woocommerce-active .site-header .site-header-cart{display:block;width:180px;float:none;clear:none;margin:0;position:relative}
  .site-header-cart .cart-contents{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:52px;padding:0 14px;border:1px solid #dce7ec;border-radius:14px;background:#f5f8fa;color:var(--sab-navy);font-weight:750}
  .site-header-cart .cart-contents::after{margin-right:auto;color:var(--sab-blue)}
  .site-header-cart .count{color:var(--sab-muted);font-size:12px}
  .site-header-cart .widget_shopping_cart{background:#fff!important;color:var(--sab-text)!important;border:1px solid #e4ecf0;border-top:0;border-radius:0 0 14px 14px;box-shadow:var(--sab-shadow)}
  .site-header-cart .widget_shopping_cart .buttons,.site-header-cart .widget_shopping_cart .total{background:#f7fafb!important}
  .main-navigation,.primary-navigation,.main-navigation ul.menu{overflow:visible}
  .main-navigation ul.menu>li{position:relative}
  .main-navigation ul.menu>li>ul.sub-menu{
    display:block;
    width:250px;
    min-width:250px;
    top:100%;
    right:0;
    left:auto;
    margin:0;
    padding:7px 0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    z-index:10050;
    border-radius:0 0 14px 14px;
    box-shadow:0 18px 42px rgba(18,38,63,.16);
    direction:rtl;
    text-align:right;
  }
  .main-navigation ul.menu>li:hover>ul.sub-menu,
  .main-navigation ul.menu>li:focus-within>ul.sub-menu,
  .main-navigation ul.menu>li.focus>ul.sub-menu{
    right:0!important;
    left:auto!important;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
  .main-navigation ul.menu>li>ul.sub-menu>li{display:block;width:100%}
  .main-navigation ul.menu>li>ul.sub-menu>li>a{display:block;width:auto;white-space:normal;line-height:1.7;text-align:right;direction:rtl}
}

@media(min-width:1100px){
  .site-header>.col-full{grid-template-columns:minmax(400px,1fr) minmax(360px,500px) 220px;gap:36px}
  .woocommerce-active .site-header .site-header-cart{width:220px}
}

@media(min-width:769px) and (max-width:1099px){
  .site-branding .site-title a{font-size:22px;gap:10px}
  .site-branding .site-title a::before{flex-basis:44px;width:44px;height:44px;border-radius:13px;font-size:14px}
  .site-branding .site-description{display:none}
  .site-search .search-field{padding-left:90px}
  .site-search .woocommerce-product-search button[type=submit]{padding:0 13px}
}

@media(max-width:768px){
  .site-header>.col-full{display:grid;grid-template-columns:1fr;gap:14px;padding-top:18px;padding-bottom:18px}
  .site-header .site-branding,.woocommerce-active .site-header .site-branding{width:100%;float:none;margin:0;text-align:center}
  .site-branding .site-title a{justify-content:center;font-size:22px;gap:10px}
  .site-branding .site-title a::before{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:14px}
  .site-branding .site-description{display:block;margin:5px 0 0;font-size:12px}
  .site-header .site-search,.woocommerce-active .site-header .site-search{display:block;width:100%;float:none;margin:0}
  .site-search .woocommerce-product-search{position:relative}
  .site-search .woocommerce-product-search::before{right:15px;left:auto;top:50%;transform:translateY(-50%);z-index:2;color:var(--sab-blue)}
  .site-search .search-field{box-sizing:border-box!important;width:100%;height:48px;border:1px solid #dce7ec;border-radius:13px;background:#f5f8fa;padding:0 44px 0 94px}
  .site-search .woocommerce-product-search button[type=submit]{clip:auto;clip-path:none;width:auto;height:38px;position:absolute;right:auto;left:5px;top:5px;margin:0;padding:0 15px;border:0;border-radius:9px;background:var(--sab-blue);color:#fff;font-size:12px;line-height:38px}
  .storefront-primary-navigation>.col-full{padding-top:9px;padding-bottom:9px}
  .main-navigation button.menu-toggle{float:none;width:100%;max-width:none;margin:0;text-align:right;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;font-weight:800}
  .main-navigation.toggled .handheld-navigation{margin-top:8px;padding:6px 14px 14px;background:#fff;border:1px solid #e7eef2;border-radius:12px}
  .handheld-navigation ul.menu li a{padding:11px 4px;color:var(--sab-navy);border-bottom:1px solid #edf2f5}
  .handheld-navigation,.handheld-navigation ul,.handheld-navigation ul.menu li,.handheld-navigation ul.menu li a{text-align:right;direction:rtl}
}
