@charset "UTF-8";
/* ==========================================================================
   MALATYA TENTECİ — Dinamik bölge sayfaları (bolge.php)
   style.css'in üzerine yalnızca bu sayfalara özgü küçük eklemeler.
   Tüm renk ve ölçüler style.css tokenlarından gelir; iki tema da desteklenir.
   ========================================================================== */

/* Hero: metin + görsel */
.bolge-hero__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:center}
@media (max-width:900px){.bolge-hero__in{grid-template-columns:minmax(0,1fr)}}
.bolge-hero .crumbs{margin-bottom:18px}
.bolge-hero h1{max-width:18ch;margin:16px 0}
.bolge-hero__media{
  position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--line);aspect-ratio:3/2;background:var(--img-bg);box-shadow:var(--shadow-3)
}
.bolge-hero__media img{width:100%;height:100%;object-fit:cover}
.bolge-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
.bolge-chips li{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);
  background:var(--surface);border:1px solid var(--line);font-size:.84rem;font-weight:500;color:var(--text)
}
.bolge-chips svg{width:15px;height:15px;color:var(--brand-500);flex:none}

/* Makale */
.bolge-article a:not(.link-arrow){
  color:var(--brand-text);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:color-mix(in srgb,var(--brand-500) 45%,transparent);
  transition:text-decoration-color var(--t-fast)
}
.bolge-article a:not(.link-arrow):hover{text-decoration-color:currentColor}
.bolge-article strong{color:var(--text);font-weight:600}
.bolge-article .bolge-intro{font-size:1.1rem;color:var(--text)}
.bolge-links{margin:26px 0;padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.bolge-links h4{
  margin-bottom:10px;font-family:"Inter",sans-serif;font-size:.75rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)
}
.bolge-article .bolge-links p{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.92rem;max-width:none}
.bolge-links span{color:var(--text-3)}
.bolge-figure{
  margin:30px 0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);
  aspect-ratio:3/2;background:var(--img-bg);cursor:zoom-in
}
.bolge-figure img{width:100%;height:100%;object-fit:cover;transition:transform 800ms var(--e-out)}
.bolge-figure:hover img{transform:scale(1.03)}

.bolge-steps{counter-reset:bs;display:grid;gap:10px;margin:20px 0 24px}
.bolge-steps li{
  counter-increment:bs;position:relative;display:grid;gap:2px;
  padding:14px 16px 14px 60px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)
}
.bolge-steps li::before{
  content:"0" counter(bs);position:absolute;left:18px;top:14px;
  font-family:"Sora",sans-serif;font-weight:700;color:var(--brand-text);font-variant-numeric:tabular-nums
}
.bolge-steps b{color:var(--text);font-weight:600}
.bolge-steps span{font-size:.9rem;color:var(--text-2)}
.bolge-article .use-list{margin-top:16px}
.bolge-gallery{grid-template-columns:repeat(3,1fr);margin-top:18px}
@media (max-width:640px){.bolge-gallery{grid-template-columns:repeat(2,1fr)}}
.bolge-gallery .gallery__item{margin:0}
.bolge-more{margin-top:18px}

/* Yan sütun: aside satır boyunca uzar ki teklif kartı yapışkan kalabilsin */
.bolge-aside{align-self:stretch;display:flex;flex-direction:column;gap:20px}
.aside-card--static{position:static}
.bolge-aside .btn + .btn{margin-top:10px}
.bolge-svc{display:grid;gap:4px}
.bolge-svc a{
  display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-md);
  border:1px solid transparent;font-size:.92rem;font-weight:500;color:var(--text-2);
  transition:background-color var(--t-fast),color var(--t-fast)
}
.bolge-svc a:hover{background:var(--surface-2);color:var(--text)}
.bolge-svc a[aria-current="page"]{background:var(--grad-brand-soft);border-color:rgba(245,165,36,.26);color:var(--brand-text);font-weight:600}
.bolge-svc i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none;background:var(--surface-2);color:var(--brand-text)}
.bolge-svc i svg{width:18px;height:18px}
.bolge-toc{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.bolge-toc h4{margin-bottom:10px}

/* Hizmet bölgeleri listesi */
.bolge-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.bolge-regions a{
  display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--line);font-size:.9rem;font-weight:500;color:var(--text);
  transition:border-color var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--e-out)
}
.bolge-regions a:hover{border-color:var(--brand-500);color:var(--brand-text);transform:translateY(-2px)}
.bolge-regions svg{width:16px;height:16px;color:var(--brand-500);flex:none}
.bolge-regions small{margin-left:auto;font-size:.75rem;color:var(--text-3);white-space:nowrap}
.bolge-regions__title{margin:44px 0 18px;font-size:1.2rem}
.footer__seo a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px}
.footer__seo a:hover{color:var(--brand-text)}