/*
Theme Name: KarşılaştırAl Pro (Sade & Zarif Ürün Karşılaştırma Teması)
Theme URI: https://karsilastiral.com.tr/
Author: KarşılaştırAl Ekibi
Author URI: https://karsilastiral.com.tr/
Description: KarşılaştırAl.com.tr için özel olarak geliştirilmiş; fiyatsız saf karşılaştırma mimarisi, 6 Ana Kategori (Süpürge, Kahve & Airfryer, Kulaklık & Saat), 56 resmi basın görselli ürün veritabanı, aynı segment kafa kafaya (VS) kıyaslama motoru, makale başında akıcı sesli podcast oynatıcısı, makale sonu zarif 3 ürün öneri vitrini ve uzaktan makale yayınlama API'si içeren WordPress teması.
Version: 3.3.0
License: GPL v2 or later
Text Domain: karsilastiral
*/

/* HangisiAlınır — İlk Tasarımın Güçlü VS Düzeni + Zarif Adaçayı & Orman Yeşili Renk Paleti */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --bg-page: #f7f9f7;
  --bg-sage: #e8f0e8;
  --bg-sage-soft: #f1f6f1;
  --forest-dark: #163324;
  --forest-mid: #234d37;
  --forest-light: #356e50;
  --border-sage: #d5e2d5;
  --text-main: #12241a;
  --text-muted: #52665a;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-page);
  color: var(--text-main);
  overflow-x: hidden;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Zarif Yeşil Işıltılı Hero Arkaplanı */
.hero-glow {
  background: radial-gradient(circle at 15% 8%, rgba(22, 51, 36, 0.06) 0%, transparent 38%),
              radial-gradient(circle at 85% 6%, rgba(53, 110, 80, 0.07) 0%, transparent 38%),
              var(--bg-page);
}

/* Beyaz & Adaçayı Çerçeveli Kurumsal Kartlar */
.glass-card {
  background: #ffffff;
  border: 1px solid var(--border-sage);
  box-shadow: 0 8px 24px -6px rgba(22, 51, 36, 0.05), 0 2px 6px -1px rgba(22, 51, 36, 0.03);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
  border-color: #b5cbb5;
  box-shadow: 0 16px 34px -8px rgba(22, 51, 36, 0.09);
}

/* Adaçayı Yeşili Özel Vurgu Kutusu */
.sage-box {
  background-color: var(--bg-sage);
  border: 1px solid #cce0cc;
}

.sage-soft-box {
  background-color: var(--bg-sage-soft);
  border: 1px solid #dce8dc;
}

/* VS Rozeti Nabız Efekti (Orman Yeşili) */
@keyframes pulse-ring {
  0% { transform: scale(0.96); box-shadow: 0 0 0 0 rgba(22, 51, 36, 0.45); }
  70% { transform: scale(1); box-shadow: 0 0 0 12px rgba(22, 51, 36, 0); }
  100% { transform: scale(0.96); box-shadow: 0 0 0 0 rgba(22, 51, 36, 0); }
}

.vs-badge {
  animation: pulse-ring 2.5s infinite;
}

/* Özellik Çubuğu Animasyonu */
.spec-bar-fill {
  transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Özel Mağaza Butonları */
.store-btn {
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.store-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px -4px rgba(22, 51, 36, 0.09);
}

/* AdSense Reklam Alanı Simülasyonu */
.ad-slot {
  background: repeating-linear-gradient(
    -45deg,
    #edf3ed,
    #edf3ed 10px,
    #f5f8f5 10px,
    #f5f8f5 20px
  );
  border: 1px dashed #bdd0bd;
}

/* Yatay Kaydırmalı Mobil Kategori Barı İçin Gizli Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* İsteğe Bağlı Klasik Mavi (Indigo) Renk Modu */
html.indigo-palette {
  --bg-page: #f8fafc;
  --bg-sage: #eef2ff;
  --bg-sage-soft: #f1f5f9;
  --forest-dark: #312e81;
  --forest-mid: #4338ca;
  --forest-light: #4f46e5;
  --border-sage: #e2e8f0;
}

/* v5: açıklanabilir tavsiye ve erişilebilir seçimler */
.ha-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;color:#163324}
.ha-wizard-layout h3{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:20px}
.ha-wizard-layout fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.ha-wizard-layout legend{font-size:14px;font-weight:800;margin-bottom:10px}
.ha-wizard-choices{display:flex;flex-wrap:wrap;gap:8px}
.ha-wizard-choices button,.ha-wizard-empty button{border:1px solid #b8cfb8;background:white;color:#163324;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;min-height:44px}
.ha-wizard-choices button[aria-pressed=true]{background:#163324;color:white;border-color:#163324}
.ha-wizard-layout button:focus-visible,.ha-wizard-layout a:focus-visible{outline:3px solid #357653;outline-offset:3px}
.ha-wizard-help,.ha-wizard-reason{font-size:12px;line-height:1.7;margin-top:10px;color:#42584b}
.ha-wizard-help a,.ha-decision-note a{text-decoration:underline}
.ha-wizard-card,.ha-wizard-empty{background:white;border:1px solid #c5d6c5;border-radius:20px;padding:20px;margin-bottom:14px}
.ha-wizard-card p,.ha-wizard-empty p{font-size:13px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}
.ha-wizard-product{display:flex;gap:14px;align-items:center;margin-top:12px}
.ha-wizard-product img{width:64px;height:64px;object-fit:contain;flex-shrink:0}
.ha-wizard-product h4{font-weight:800;font-size:16px;line-height:1.4}
.ha-wizard-tag{font-size:11px;font-weight:800;color:#356e50}
.ha-wizard-link{display:block;margin-top:12px;font-size:13px;font-weight:800;text-decoration:underline}
.ha-decision-note{padding:16px;background:white;border:1px solid #c5d6c5;border-radius:16px;margin-top:16px;font-size:13px;line-height:1.7}
.ha-decision-note p{margin-bottom:8px}
@media(max-width:760px){.ha-wizard-layout{grid-template-columns:minmax(0,1fr);gap:16px}.ha-wizard-choices button{flex:1 1 130px}.ha-wizard-layout h3{font-size:21px}}

html{scroll-behavior:smooth}.guide-nav-link{font-weight:800;color:#234d37;font-size:14px;padding:9px 12px;border-radius:12px;border:1px solid #c5d6c5;background:#fff}.guide-feature{padding:10px 0 4px;scroll-margin-top:110px}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.guide-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#55735b}.guide-heading h2{font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:850;letter-spacing:-.04em;color:#163324;margin:6px 0 8px}.guide-heading p{color:#52665a;font-size:14px;margin:0}.guide-heading>a{font-size:13px;font-weight:750;white-space:nowrap;color:#356e50;padding-bottom:3px;border-bottom:1px solid #9cb7a1}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-card{display:block;background:#fff;border:1px solid #d8e4d8;border-radius:19px;overflow:hidden;color:#163324;text-decoration:none;box-shadow:0 7px 20px #16332408;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #16332416}.guide-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e6ede5}.guide-photo img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.guide-card:hover img{transform:scale(1.035)}.guide-photo>span{position:absolute;bottom:10px;left:12px;background:#fffef0ed;border-radius:30px;padding:4px 9px;font-size:10px;font-weight:800;color:#274a34}.guide-copy{padding:17px 17px 15px}.guide-category{font-size:10px;font-weight:800;letter-spacing:.10em;color:#5c7862}.guide-copy h3{font-size:18px;font-weight:800;line-height:1.35;margin:8px 0 16px;min-height:49px}.guide-read{font-size:12px;font-weight:800;display:flex;justify-content:space-between;border-top:1px solid #edf1eb;padding-top:12px}.guide-read b{font-size:18px;line-height:1}.guide-mobile-hint{display:none}.guide-cover{margin:24px 0;border-radius:18px;overflow:hidden}.guide-cover img{width:100%;max-height:440px;object-fit:cover;display:block}.guide-cover figcaption{font-size:11px;color:#657264;padding:7px 3px}.yazi-kart>img{width:calc(100% + 40px);max-width:none;margin:-20px -20px 18px;height:180px;object-fit:cover}.yazi-kart{overflow:hidden}.guide-card:focus-visible,.guide-nav-link:focus-visible{outline:3px solid #c58a42;outline-offset:4px}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.guide-heading{align-items:start}.guide-heading p{font-size:12px;max-width:240px}.guide-heading>a{font-size:11px;margin-top:8px}.guide-heading h2{font-size:27px}.guide-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:2px 0 12px}.guide-card{flex:0 0 82%;scroll-snap-align:start}.guide-copy h3{min-height:0;font-size:19px}.guide-mobile-hint{display:block;font-size:11px;color:#5c7862;margin:3px 0 0}.guide-nav-link{font-size:11px;padding:7px 9px}.guide-feature{padding-top:0}.guide-photo{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card,.guide-photo img{transition:none}}