/*
Theme Name: Catisaci
Theme URI: https://www.catisaci.com.tr
Description: catisaci.com.tr için hafif, jQuery'siz, SEO odaklı özel tema. Grafit / galvaniz gri / RAL 3009 paleti.
Author: catisaci.com.tr
Version: 1.0.0
Requires PHP: 8.0
Text Domain: catisaci
*/

:root{
  --ink:#1f2933;--ink2:#3e4c59;--muted:#6b7680;--line:#dde2e7;--bg:#ffffff;--gray:#eef1f4;--gray2:#d9dee3;
  --acc:#8a2f2a;--acc2:#a63a33;--gold:#e0a03c;--link:#2b5c88;
  --w:1200px;--wt:820px;--r:8px;
  --font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* Neve renk sınıfları için uyumluluk */
  --nv-primary-accent:#2b5c88;--nv-secondary-accent:#8a2f2a;--nv-site-bg:#fff;--nv-light-bg:#eef1f4;--nv-dark-bg:#1f2933;--nv-text-color:#1f2933;--nv-text-dark-bg:#fff;--nv-c-1:#8a2f2a;--nv-c-2:#e0a03c;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font)}
img{max-width:100%;height:auto}
a{color:var(--link)}a:hover{color:var(--acc)}
h1,h2,h3,h4{line-height:1.2;margin:1.4em 0 .5em;color:var(--ink);font-weight:700;text-wrap:balance}
h1{font-size:clamp(1.9rem,4vw,2.6rem);margin-top:.3em}h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}h3{font-size:1.15rem}h4{font-size:1rem}
p,ul,ol{margin:0 0 1.1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.btn{display:inline-block;padding:11px 18px;border-radius:6px;font-weight:600;text-decoration:none;line-height:1.2;border:2px solid transparent;white-space:nowrap}
.btn--acc{background:var(--acc);color:#fff}.btn--acc:hover{background:var(--acc2);color:#fff}
.btn--ghost{border-color:currentColor;color:inherit}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.25rem;letter-spacing:-.01em;flex-shrink:0}
.logo img{height:56px;width:auto}
.nav{margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav li{position:relative}
.nav a{display:block;padding:10px 10px;color:var(--ink);text-decoration:none;font-size:.86rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:5px}
.nav a:hover,.nav li:hover>a,.nav .current-menu-ancestor>a,.nav .current-menu-item>a{background:var(--gray);color:var(--acc)}
.nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 30px rgba(31,41,51,.12);min-width:240px;padding:8px;flex-direction:column;gap:0;z-index:60}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{text-transform:none;font-weight:500;font-size:.92rem;padding:8px 10px}
.nav .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 6px;opacity:.6}
/* mega menü (Ürünlerimiz) */
.nav>ul>li.mega{position:static}
.nav>ul>li.mega>.sub-menu{left:0;right:0;width:100%;flex-direction:row;flex-wrap:wrap;gap:6px 18px;padding:18px 22px 20px;min-width:0}
.nav>ul>li.mega>.sub-menu>li{flex:1 1 170px;min-width:150px}
.nav>ul>li.mega>.sub-menu>li>a{font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:var(--acc);padding:4px 8px;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:4px}
.nav>ul>li.mega>.sub-menu>li>a::after{display:none}
.nav>ul>li.mega .sub-menu .sub-menu{display:flex;position:static;border:0;box-shadow:none;padding:0;min-width:0}
.nav>ul>li.mega .sub-menu .sub-menu a{padding:5px 8px;font-size:.88rem}
.nav .sub-menu .sub-menu{left:100%;top:0}
.nav .sub-menu .menu-item-has-children>a::after{transform:rotate(-45deg)}
.sub-toggle{display:none}
.hdr-cta{display:flex;gap:8px;align-items:center;flex-shrink:0}.hdr-cta__short{display:none}
body{overflow-x:hidden}
@media(max-width:1340px){.nav a{font-size:.8rem;padding:10px 7px}.hdr-cta .btn--ghost{display:none}.logo img{height:48px}}
@media(max-width:1180px){.nav a{font-size:.76rem;padding:10px 5px}.hdr-cta .btn{padding:8px 10px;font-size:.8rem}}
.hdr-cta .btn{padding:9px 14px;font-size:.88rem}
.nav-toggle{display:none;background:none;border:1.5px solid var(--ink);border-radius:6px;padding:7px 9px;cursor:pointer;color:var(--ink)}
.nav-toggle span{display:block;width:20px;height:2px;background:currentColor;margin:4px 0}
@media(max-width:1080px){
  .nav-toggle{display:block;margin-left:auto}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);max-height:calc(100vh - 64px);overflow:auto;margin:0}
  .nav.open{display:block}
  .nav ul{flex-direction:column;padding:8px 12px 16px}
  .nav a{white-space:normal;font-size:.95rem}
  .nav li{display:flex;flex-wrap:wrap;align-items:center}.nav li>a{flex:1}
  .nav .sub-menu{display:none;position:static;box-shadow:none;border:0;padding:0 0 4px 14px;min-width:0;width:100%;flex-direction:column}
  .nav li.sub-open>.sub-menu{display:flex}
  .nav>ul>li.mega .sub-menu .sub-menu{display:none}.nav>ul>li.mega .sub-menu li.sub-open>.sub-menu{display:flex}
  .sub-open>.sub-toggle::after{top:17px}
  .nav>ul>li.mega>.sub-menu>li>a{color:var(--acc);font-size:.8rem;text-transform:uppercase;border:0}
  .nav .menu-item-has-children>a::after{display:none}
  .sub-toggle{display:block;width:40px;height:40px;border:0;background:none;cursor:pointer;position:relative}.sub-toggle::after{content:"";position:absolute;left:15px;top:13px;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .2s}.sub-open>.sub-toggle::after{transform:rotate(-135deg);top:17px}
  .nav>ul>li{border-bottom:1px solid var(--line)}.nav>ul>li>a{font-weight:700;padding:12px 10px}
  .hdr-cta .btn--ghost{display:none}
  .hdr{gap:10px}.hdr-cta .btn{padding:8px 12px}
}
@media(max-width:480px){.hdr-cta__num{display:none}.hdr-cta__short{display:inline}.logo img{height:40px}}

/* content */
.main{padding:24px 0 48px}
.breadcrumb,.rank-math-breadcrumb{font-size:.85rem;color:var(--muted);margin:0 0 10px}.rank-math-breadcrumb a{color:var(--link);text-decoration:none}.rank-math-breadcrumb .separator{margin:0 .4em}
.entry{max-width:var(--wt)}
.entry-header{margin-bottom:18px}
.entry-meta{font-size:.85rem;color:var(--muted)}.entry-meta time{font-size:9px;color:#c4c9ce}
.entry-thumb{margin:0 0 22px;border-radius:var(--r);overflow:hidden;background:var(--gray)}.entry-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}
.entry-content>p,.entry-content>ul,.entry-content>ol{max-width:72ch}
.entry-content table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1.2em}
.entry-content th,.entry-content td{padding:.5em .65em;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.entry-content th{background:var(--gray);font-weight:600}
.entry-content .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.entry-content figure{margin:1.4em 0}.entry-content figcaption{font-size:.85rem;color:var(--muted);margin-top:.4em}
.cs-figure img{border-radius:var(--r)}
.cs-teknik img{border:1px solid var(--line);background:#fff}
.cs-ilgili{background:var(--gray);border-radius:var(--r);padding:16px 20px;margin:1.6em 0}.cs-ilgili h2{margin-top:0;font-size:1.1rem}.cs-ilgili ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.cs-ilgili a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.9rem;text-decoration:none;color:var(--ink)}.cs-ilgili a:hover{border-color:var(--acc);color:var(--acc)}
.cs-not{font-size:.85rem;color:var(--muted)}
/* Sıkça sorulan sorular: h3+p çiftleri kutulanır */
.entry-content h3+p{margin-bottom:1.2em}
.related{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}
.related h2{font-size:1.2rem;margin-top:0}
.related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.related a{display:block;text-decoration:none;color:var(--ink);background:var(--gray);border-radius:var(--r);overflow:hidden;font-size:.92rem;font-weight:600}
.related img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.related span{display:block;padding:8px 10px}

/* arşiv & liste */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--gray)}
.card__b{padding:14px 16px 16px}.card h2{font-size:1.05rem;margin:0 0 .3em}.card h2 a{color:var(--ink);text-decoration:none}.card p{margin:0;color:var(--ink2);font-size:.92rem}
.pagination{margin-top:28px;display:flex;gap:6px;flex-wrap:wrap}.pagination a,.pagination span{padding:6px 12px;border:1px solid var(--line);border-radius:5px;text-decoration:none}
.archive-title{margin-top:.2em}
.search-form{display:flex;gap:8px;max-width:480px}.search-form input[type=search]{flex:1;padding:10px 12px;border:1px solid var(--gray2);border-radius:6px;font:inherit}.search-form button{padding:10px 16px;border:0;background:var(--ink);color:#fff;border-radius:6px;font:inherit;cursor:pointer}

/* footer */
.site-footer{background:var(--ink);color:#e6ecf1;margin-top:40px}
.ft-main{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:44px 0 32px}
.site-footer h3,.site-footer .widget-title{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .7em;color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0 0 .4em}
.site-footer a{color:#e6ecf1;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer address{font-style:normal;line-height:1.7}
.ft-bottom{background:#141a20;color:#98a5b1;font-size:.85rem;padding:14px 0}
.ft-bottom .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.ft-bottom ul{display:flex;flex-wrap:wrap;gap:6px 18px}.ft-bottom a{color:#c9d3dc}
@media(max-width:900px){.ft-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-main{grid-template-columns:1fr}}

/* Gutenberg / Neve uyumluluk */
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}
.alignwide{max-width:var(--w);margin-left:auto;margin-right:auto}
.has-nv-text-dark-bg-color{color:#fff}.has-nv-text-color-color{color:var(--ink)}.has-nv-light-bg-background-color{background:var(--gray)}.has-nv-dark-bg-background-color{background:var(--ink)}.has-nv-primary-accent-color{color:var(--link)}.has-nv-secondary-accent-color{color:var(--acc)}
.wp-block-cover{border-radius:var(--r)}
.wp-block-button__link{border-radius:6px}
.wp-block-columns{gap:24px}
.is-style-primary .wp-block-button__link{background:var(--acc);color:#fff}
.wp-block-image img{border-radius:var(--r)}
.page-full .entry,.page .entry{max-width:none}.page .entry-content>p,.page .entry-content>ul{max-width:none}.ez-toc-container,#ez-toc-container{display:none}

/* İçindekiler (TOC) — sağ yapışkan sütun, mobilde açılır kutu; yumuşak kaydırma html{scroll-behavior} ile */
.entry-grid.has-toc{display:grid;grid-template-columns:minmax(0,var(--wt)) 280px;gap:48px;align-items:start}
.toc-side{display:block;min-width:0;align-self:stretch}.toc-sticky{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}
.toc{background:var(--gray);border-left:4px solid var(--acc);border-radius:var(--r);padding:14px 16px;font-size:.88rem}
.toc-title{margin:0 0 8px;font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;color:var(--ink2)}
.toc ol{list-style:none;margin:0;padding:0}.toc ol ol{padding-left:14px;margin-top:2px}
.toc li{margin:0}.toc a{display:block;padding:5px 8px;border-radius:5px;color:var(--ink);text-decoration:none;line-height:1.35}
.toc a:hover{background:#fff;color:var(--acc)}.toc a.is-active{background:#fff;color:var(--acc);font-weight:700;box-shadow:inset 3px 0 0 var(--acc)}
.toc-mobile{display:none;margin:0 0 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--gray)}
.toc-mobile summary{cursor:pointer;padding:10px 14px;font-weight:700}.toc-mobile .toc{border:0;padding-top:0;background:none}.toc-mobile .toc-title{display:none}
.entry-content h2,.entry-content h3{scroll-margin-top:84px}
@media(max-width:1000px){.entry-grid.has-toc{grid-template-columns:minmax(0,1fr)}.toc-side{display:none}.toc-mobile{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* açılır menü: bağlantı ile pencere arasındaki boşlukta imleç kaymasın (görünmez köprü) */
.nav .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav>ul>li.mega>.sub-menu::before{top:-22px;height:22px}
.nav>ul>li.mega>.sub-menu{margin-top:0}