/*
Theme Name: YH B2B Theme
Theme URI: https://www.yilmazhirdavat.net/
Author: Yılmaz Hırdavat
Description: YH B2B WordPress Edition için özel WooCommerce teması.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: yh-b2b-theme
*/

:root{
    --yh-orange:#ff6a00;
    --yh-orange-dark:#e95f00;
    --yh-charcoal:#2f3338;
    --yh-surface:#f4f5f6;
    --yh-border:#e3e5e7;
    --yh-white:#fff;
    --yh-text:#222;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--yh-text);background:var(--yh-white)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.yh-container{width:min(1240px,calc(100% - 32px));margin:0 auto}
.yh-topbar{background:var(--yh-charcoal);color:#fff;font-size:13px}
.yh-topbar .yh-container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
.yh-header{background:#fff;border-bottom:1px solid var(--yh-border);position:sticky;top:0;z-index:50}
.yh-header-main{display:flex;align-items:center;gap:28px;min-height:76px}
.yh-brand{font-weight:900;font-size:23px;color:var(--yh-orange)}
.yh-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.yh-nav a:hover{color:var(--yh-orange)}
.yh-account{background:var(--yh-orange);color:#fff;padding:11px 16px;border-radius:7px;font-weight:700}
.yh-account:hover{background:var(--yh-orange-dark);color:#fff}
.yh-main{min-height:60vh;padding:28px 0 48px}
.yh-hero{background:linear-gradient(120deg,#f6f7f8,#eceff1);border-radius:16px;padding:48px;margin-bottom:28px}
.yh-hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 14px;color:var(--yh-charcoal)}
.yh-hero p{font-size:18px;max-width:720px;color:#555}
.yh-btn{display:inline-block;background:var(--yh-orange);color:#fff;padding:13px 20px;border-radius:7px;font-weight:800}
.yh-section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 16px}
.yh-section-title h2{margin:0;color:var(--yh-charcoal)}
.yh-footer{background:var(--yh-charcoal);color:#fff;padding:34px 0;margin-top:40px}
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{background:var(--yh-orange);color:#fff;border-radius:7px}
.woocommerce span.onsale{background:var(--yh-orange)}
@media(max-width:800px){
    .yh-nav{gap:12px;font-size:14px}
    .yh-header-main{gap:12px}
    .yh-hero{padding:28px 22px}
}
@media(max-width:640px){
    .yh-topbar .yh-container{display:block;text-align:center}
    .yh-header-main{min-height:64px}
    .yh-nav a:not(.yh-account){display:none}
    .yh-brand{font-size:19px}
}