/*
Theme Name: Hartaş Kurumsal
Theme URI: https://hartasteknik.com.tr/
Author: Hartaş Teknik Proje
Description: Hartaş Teknik için WooCommerce uyumlu ürün katalog teması.
Version: 0.6.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: hartas-kurumsal
*/
:root{--yellow:#f4bc00;--ink:#171a1f;--muted:#69717b;--line:#e7e8eb}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.container{width:min(1200px,calc(100% - 36px));margin:auto}.topbar{background:#171a1f;color:#fff;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;gap:12px;padding:8px 0;flex-wrap:wrap}.topbar a{margin-right:16px}.site-header{background:#fff;box-shadow:0 2px 14px #0000000e;position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:24px;min-height:95px}.brand{width:205px;flex-shrink:0}.brand img{display:block;max-height:82px;object-fit:contain}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.primary-nav a:hover{color:#ba8800}.btn,.wp-block-button__link{display:inline-block;background:var(--yellow);color:#171a1f;border:0;border-radius:6px;padding:12px 19px;font-weight:750;cursor:pointer}.btn-outline{background:transparent;color:#fff;border:1px solid #fff}.header-quote{white-space:nowrap}.search-form{display:flex;max-width:420px}.search-form input{min-width:0;width:100%;border:1px solid var(--line);padding:12px;border-radius:6px 0 0 6px}.search-form button{background:var(--yellow);border:0;padding:0 17px;border-radius:0 6px 6px 0;cursor:pointer}.hero{background:linear-gradient(110deg,#111820ef,#17212bcc),radial-gradient(circle at 78% 30%,#a27b18,#101820 65%);color:white;padding:84px 0}.hero-content{max-width:710px}.eyebrow{color:var(--yellow);font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:15px 0}.hero p{font-size:19px;color:#e0e4e7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.features{background:#f7f8fa;border-bottom:1px solid var(--line)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.feature strong{display:block}.feature small{color:var(--muted)}.section{padding:62px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.section-heading h2{font-size:32px;margin:0}.section-heading p{margin:5px 0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;text-align:center;background:#f8f9fa;border:1px solid var(--line);border-radius:10px;padding:15px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 8px 20px #0000000d}.category-card img{height:105px;width:100%;object-fit:contain}.category-card strong{margin-top:12px}.product-section{background:#f8f9fa}.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:700;color:#171a1f}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce .product .single_add_to_cart_button{display:none!important}.woocommerce ul.products li.product .button{background:var(--yellow);color:#171a1f}.about-band{background:#191e25;color:#fff;padding:55px 0}.about-band p{color:#d6d9de}.about-band .btn{margin-top:12px}.content-area{padding:50px 0;min-height:420px}.breadcrumbs{color:#727a84;font-size:13px;padding:14px 0}.site-footer{background:#15191e;color:#e9ecef;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px}.site-footer h3{color:var(--yellow)}.site-footer a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid #454a50;margin-top:35px;padding-top:15px;color:#aeb5bd;font-size:13px}.mobile-actions{display:none}.menu-toggle{display:none}.empty-note{color:var(--muted);padding:20px;background:#f8f9fa;border-radius:8px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:10px;padding:10px 0}.brand{width:155px}.menu-toggle{display:block;margin-left:auto;background:#f4bc00;border:0;border-radius:5px;padding:9px 12px}.primary-nav{display:none;order:5;width:100%;margin:0}.primary-nav.open{display:block}.primary-nav ul{flex-direction:column;gap:0}.primary-nav li{border-top:1px solid #eee;padding:10px 0}.header-quote{display:none}.features-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:60px 0}}@media(max-width:600px){body{padding-bottom:62px}.topbar{font-size:11px}.topbar-inner{gap:4px}.hero{padding:48px 0}.hero p{font-size:16px}.features-grid{gap:12px}.section{padding:38px 0}.section-heading h2{font-size:25px}.category-grid{gap:10px}.category-card{min-height:155px}.category-card img{height:82px}.footer-grid{grid-template-columns:1fr;gap:12px}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;background:#181d24;color:#fff;z-index:50;box-shadow:0 -4px 18px #0003}.mobile-actions a{text-align:center;padding:12px 4px;font-weight:700;font-size:13px;border-right:1px solid #434851}.mobile-actions a:nth-child(2){background:#1c7d47}.mobile-actions a:nth-child(3){background:var(--yellow);color:#15191e}}

/* Hartaş v0.2 — header responsive layout; overrides v0.1 */
.site-header .header-inner{width:min(1500px,calc(100% - 40px));gap:clamp(12px,1.5vw,24px)}
.site-header .brand{width:clamp(200px,19vw,285px);flex:0 0 auto;min-width:0}
.site-header .brand a{display:block}
.site-header .brand img,.site-header .brand img.custom-logo{display:block;width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;object-fit:contain}
.site-header .primary-nav{min-width:0;margin-left:auto}
.site-header .primary-nav ul{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(10px,1.2vw,19px)}
.site-header .primary-nav li{flex-shrink:0;padding:0}
.site-header .primary-nav a{display:block;white-space:nowrap;font-size:clamp(12px,.9vw,14px);line-height:1.35}
.site-header .header-quote{flex:0 0 auto;font-size:13px;padding:12px 15px}
.hero .woocommerce-product-search{display:flex;max-width:470px;width:100%;margin-top:22px}
.hero .woocommerce-product-search .search-field{min-width:0;flex:1;width:100%;padding:13px 15px;border:1px solid #d6d9dd;border-radius:7px 0 0 7px;font-size:15px}
.hero .woocommerce-product-search button{border:0;background:var(--yellow);padding:0 20px;border-radius:0 7px 7px 0;font-weight:750;cursor:pointer}
@media(max-width:1199px){
 .site-header .header-inner{min-height:76px;flex-wrap:nowrap;gap:12px;padding:10px 0}
 .site-header .brand{width:clamp(175px,25vw,245px)}
 .site-header .menu-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto;cursor:pointer;font-weight:700}
 .site-header .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;padding:10px max(20px,calc((100vw - 1100px)/2));box-shadow:0 12px 22px #0002;z-index:20;max-height:calc(100vh - 105px);overflow-y:auto}
 .site-header .primary-nav.open{display:block}
 .site-header .primary-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .site-header .primary-nav li{border-bottom:1px solid #e9ebed;padding:0}
 .site-header .primary-nav a{font-size:15px;padding:12px 8px;white-space:normal}
 .site-header .header-quote{display:inline-block;margin-left:0;padding:10px 12px}
}
@media(max-width:600px){
 .site-header .header-inner{width:calc(100% - 24px);gap:8px;min-height:70px}
 .site-header .brand{width:clamp(135px,42vw,185px)}
 .site-header .menu-toggle{font-size:12px;padding:8px}
 .site-header .header-quote{display:none}
 .site-header .primary-nav{padding:10px 16px}
 .topbar-inner{align-items:center}
 .topbar-inner span:first-child{display:none}
 .hero h1{font-size:clamp(32px,9vw,44px)}
 .hero .woocommerce-product-search{max-width:100%}
}

/* v0.3 header and hero */
@media(min-width:1200px){
 .site-header .header-inner{width:min(1540px,calc(100% - 48px));display:grid;grid-template-columns:minmax(265px,340px) minmax(0,1fr) auto;gap:clamp(16px,2vw,36px);min-height:100px}
 .site-header .brand{width:100%;max-width:340px}
 .site-header .primary-nav{margin:0;justify-self:end}
 .site-header .primary-nav ul{gap:clamp(13px,1.35vw,24px)}
 .site-header .primary-nav a{font-size:clamp(14px,.95vw,16px)}
 .site-header .header-quote{font-size:14px}
}
.hero{overflow:hidden;padding:0;background:#101820}
.hero .hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.95fr);min-height:560px;align-items:stretch;gap:30px}
.hero .hero-content{align-self:center;padding:70px 0;max-width:650px;position:relative;z-index:2}
.hero .hero-visual{position:relative;min-height:450px;align-self:stretch;display:flex;align-items:stretch}
.hero .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:contrast(1.05)}
.hero .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101820 0%,transparent 30%),linear-gradient(0deg,#10182088,transparent 50%)}
.hero .hero-content h1{font-size:clamp(38px,3.65vw,59px)}
.hero .hero-content p{font-size:18px}
.hero-dots{display:flex;gap:8px;margin-top:20px}
.hero-dots button{height:9px;width:9px;border:0;border-radius:99px;background:#ffffff77;padding:0;cursor:pointer}
.hero-dots button[aria-current=true]{width:26px;background:var(--yellow)}
@media(max-width:1199px){.hero .hero-layout{min-height:490px;gap:14px}.hero .hero-content{padding:50px 0}.hero .hero-content h1{font-size:clamp(34px,4vw,48px)}}
@media(max-width:767px){.hero .hero-layout{grid-template-columns:1fr;gap:0}.hero .hero-content{padding:48px 0 25px}.hero .hero-visual{min-height:230px;max-height:320px;margin:0 -18px}.hero .hero-visual:after{background:linear-gradient(0deg,#10182099,transparent 60%)}.hero .hero-visual img{position:relative;max-height:320px}.hero .hero-content h1{font-size:clamp(32px,8vw,43px)}.hero .hero-content p{font-size:16px}}
.hartas-slide[hidden]{display:none!important}

/* v0.4 — Header ve hero aynı 1200px içerik çizgisinde */
@media(min-width:1201px){
 .site-header .header-inner{width:min(1200px,calc(100% - 36px));display:flex;gap:18px;min-height:96px}
 .site-header .brand{width:270px;max-width:270px;flex:0 0 270px}
 .site-header .primary-nav{display:block;flex:1 1 auto;margin-left:0;justify-self:auto}
 .site-header .primary-nav ul{display:flex;justify-content:flex-end;gap:clamp(9px,.9vw,16px)}
 .site-header .primary-nav a{font-size:13px;white-space:nowrap}
 .site-header .header-quote{flex:0 0 auto;font-size:13px;padding:11px 13px}
}
/* Dar masaüstü/tablette küçük yazıya zorlamak yerine hamburger menü */
@media(min-width:901px) and (max-width:1200px){
 .site-header .header-inner{width:min(1200px,calc(100% - 36px));display:flex;min-height:78px;gap:14px}
 .site-header .brand{width:240px;max-width:240px;flex:0 0 240px}
 .site-header .menu-toggle{display:inline-flex;margin-left:auto}
 .site-header .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px max(18px,calc((100vw - 1164px)/2));box-shadow:0 12px 22px #0002;z-index:20}
 .site-header .primary-nav.open{display:block}
 .site-header .primary-nav ul{flex-direction:column;align-items:stretch;gap:0}
 .site-header .primary-nav a{font-size:15px;padding:10px}
 .site-header .header-quote{margin-left:0}
}

/* Hartaş v0.5 — unified header layout and mobile navigation */
@media(min-width:1360px){
 .site-header .header-inner{width:min(1380px,calc(100% - 48px));display:flex;align-items:center;gap:22px;min-height:96px}
 .site-header .brand{width:280px;max-width:280px;flex:0 0 280px}
 .site-header .primary-nav{display:block;flex:1 1 auto;margin:0;min-width:0}
 .site-header .primary-nav ul{display:flex;justify-content:flex-start;gap:clamp(13px,1.15vw,20px)}
 .site-header .primary-nav a{font-size:15px;white-space:nowrap;font-weight:550}
 .site-header .header-quote{margin-left:auto;font-size:14px;padding:12px 16px}
 .site-header .menu-toggle{display:none}
}
@media(min-width:1200px) and (max-width:1359px){
 .site-header .header-inner{width:calc(100% - 40px);display:flex;gap:16px;min-height:88px}
 .site-header .brand{width:260px;max-width:260px;flex:0 0 260px}
 .site-header .menu-toggle{display:inline-flex;margin-left:auto}
 .site-header .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 25px;box-shadow:0 12px 22px #0002;z-index:20}
 .site-header .primary-nav.open{display:block}
 .site-header .primary-nav ul{flex-direction:column;align-items:stretch;gap:0}
 .site-header .primary-nav a{font-size:16px;padding:13px 10px;white-space:normal}
 .site-header .header-quote{margin-left:0}
}
@media(max-width:1359px){
 .site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#f4bc00;color:#171a1f;border:1px solid #e3ab00;border-radius:12px;padding:11px 14px;min-height:48px;box-shadow:0 3px 10px #00000016;font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:background .2s,box-shadow .2s}
 .site-header .menu-toggle:hover,.site-header .menu-toggle[aria-expanded=true]{background:#ffd03b;box-shadow:0 5px 14px #00000020}
 .site-header .menu-toggle span{font-size:24px;line-height:1}
 .site-header .primary-nav.open{display:block}
 .site-header .primary-nav ul{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .site-header .primary-nav li{padding:0;border-bottom:1px solid #e9ebed}
 .site-header .primary-nav a{display:block;font-size:16px;font-weight:600;white-space:normal;padding:15px 12px}
 .site-header .primary-nav a:hover{background:#fff8e2}
}
@media(max-width:600px){
 .site-header .header-inner{width:calc(100% - 24px);display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;min-height:82px;padding:9px 0}
 .site-header .brand{width:auto;max-width:none;flex:1 1 auto;min-width:0}
 .site-header .brand a{display:block;width:100%}
 .site-header .brand img,.site-header .brand img.custom-logo{width:100%!important;max-width:310px!important;max-height:76px!important;height:auto!important;object-fit:contain;object-position:left center}
 .site-header .menu-toggle{flex:0 0 auto;margin-left:0;min-width:50px;min-height:50px;padding:10px 12px;border-radius:12px;font-size:0}
 .site-header .menu-toggle span{font-size:26px}
 .site-header .primary-nav{top:100%;left:0;right:0;width:100%;padding:12px 18px 20px;max-height:calc(100dvh - 100px);overflow-y:auto;border-top:3px solid #f4bc00}
 .site-header .primary-nav a{font-size:16px;padding:15px 10px}
 .site-header .header-quote{display:none}
}

/* v0.6: Final header layout overrides, scoped to site header. */
@media (min-width:1360px) {
 .site-header .header-inner{width:min(1380px,calc(100% - 48px));display:flex;align-items:center;justify-content:flex-start;gap:0;min-height:96px}
 .site-header .brand{flex:0 0 280px;width:280px;max-width:280px;margin:0}
 .site-header .primary-nav{flex:0 1 auto;min-width:0;margin:0 0 0 30px;justify-self:auto}
 .site-header .primary-nav ul{display:flex;align-items:center;justify-content:flex-start;gap:clamp(12px,1.05vw,18px)}
 .site-header .primary-nav a{font-size:15px;line-height:1.4;white-space:nowrap}
 .site-header .header-quote{margin-left:auto;flex:0 0 auto}
}
@media (max-width:1359px) {
 .site-header .header-inner{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:12px}
 .site-header .brand{flex:0 1 280px;width:280px;max-width:280px;min-width:0}
 .site-header .brand img,.site-header .brand img.custom-logo{width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain;object-position:left center}
 .site-header .menu-toggle{display:inline-flex!important;order:3;margin-left:auto;flex:0 0 auto}
 .site-header .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;background:#fff;z-index:30;box-shadow:0 12px 22px #0002}
 .site-header .primary-nav.open{display:block}
 .site-header .primary-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .site-header .header-quote{order:2;margin-left:auto;flex:0 0 auto}
}
@media (max-width:767px) {
 .site-header .header-inner{width:calc(100% - 24px);min-height:76px;padding:8px 0;gap:10px}
 .site-header .brand{flex:1 1 auto;width:auto;max-width:none;min-width:0}
 .site-header .brand a{display:block;width:100%}
 .site-header .brand img,.site-header .brand img.custom-logo{display:block;width:100%!important;max-width:310px!important;max-height:74px!important;height:auto!important;object-fit:contain;object-position:left center}
 .site-header .menu-toggle{order:3;flex:0 0 52px;min-width:52px;min-height:52px;padding:10px;border-radius:12px;font-size:0;margin-left:0}
 .site-header .menu-toggle span{font-size:27px}
 .site-header .header-quote{display:none!important}
 .site-header .primary-nav{padding:8px 16px 18px;border-top:3px solid #f4bc00;max-height:calc(100dvh - 90px);overflow-y:auto}
 .site-header .primary-nav li{padding:0;border-bottom:1px solid #ececec}
 .site-header .primary-nav a{font-size:16px;font-weight:650;line-height:1.4;padding:15px 12px}
}