/* ae100 — Türkçe yüzey yenilemesi: ana sayfa hero (en çok okunanlar), konu kartları, arama kutusu, sıkı footer.
   Her Türkçe sayfada yüklenir (config.php head). style.css'e dokunmaz; aynı değişkenleri kullanır. */

/* ── Hero: başlık yok, solda açıklama + arama + sayaçlar, sağda en çok okunanlar ─────────── */
.hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.2rem;align-items:center;padding:2.2rem 0 1.4rem}
.hero2-line{margin:0 0 1.1rem;color:var(--text);font-size:clamp(1.18rem,2.4vw,1.55rem);line-height:1.45;font-weight:600;letter-spacing:-.015em;max-width:30ch}
.hero2 .hero-stats{margin-top:1.3rem}
.ara2{position:relative;display:flex;align-items:center;max-width:560px;height:58px;border-radius:999px;border:1px solid var(--border-h);background:var(--card);box-shadow:0 8px 28px rgba(0,0,0,.22);transition:border-color .15s,box-shadow .15s}
.ara2:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg),0 10px 30px rgba(0,0,0,.25)}
.ara2 svg{position:absolute;left:1.15rem;color:var(--accent);pointer-events:none}
.ara2 input{flex:1;min-width:0;height:100%;padding:0 .5rem 0 3.1rem;border:0;background:transparent;color:var(--text);font-size:1.02rem;outline:none}
.ara2 input::placeholder{color:var(--text3)}
.ara2 button{height:44px;margin-right:7px;padding:0 1.4rem;border:0;border-radius:999px;background:var(--accent);color:#17130a;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s,transform .15s}
.ara2 button:hover{background:var(--accent-h)}
.ara2 button:active{transform:scale(.97)}
.ara2-ipucu{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}
.ara2-ipucu a{padding:.25rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--text2);font-size:.76rem;text-decoration:none}
.ara2-ipucu a:hover{border-color:var(--accent);color:var(--accent)}

.encok{border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--card),var(--bg2));padding:1.1rem 1.1rem .9rem}
.encok-bas{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .8rem}
.encok-bas b{font-size:.74rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.encok-bas span{font-size:.72rem;color:var(--text3)}
.encok ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .9rem;counter-reset:encok}
.encok li a{display:grid;grid-template-columns:2.1rem 46px minmax(0,1fr);align-items:center;gap:.65rem;padding:.4rem .45rem;border-radius:10px;color:var(--text);text-decoration:none;transition:background .15s}
.encok li a:hover{background:var(--bg3)}
.encok-sira{font-size:1.75rem;font-weight:800;line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1.2px var(--accent);letter-spacing:-.04em}
.encok li:first-child .encok-sira{color:var(--accent)}
.encok-gorsel{display:block;width:46px;height:69px;overflow:hidden;border-radius:6px;background:var(--bg3);border:1px solid var(--border)}
.encok-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.encok-metin{display:flex;flex-direction:column;min-width:0}
.encok-ad{display:-webkit-box;font-size:.86rem;font-weight:650;line-height:1.3;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.encok li a:hover .encok-ad{color:var(--accent)}
.encok-alt{display:block;font-size:.7rem;color:var(--text3);margin-top:.12rem}
@media (max-width:860px){
  .hero2{grid-template-columns:1fr;gap:1.4rem;padding-top:1.4rem}
}
@media (max-width:520px){.encok ol{grid-template-columns:1fr}}

/* ── Konu kartları ────────────────────────────────────────────────────────────── */
.konu2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 2rem}
.konu2 a{--k:var(--accent);position:relative;display:flex;flex-direction:column;gap:.5rem;min-height:150px;padding:1.05rem 1.05rem .95rem;border-radius:var(--r-lg);border:1px solid var(--border);
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--k) 22%,transparent),transparent 60%),var(--card);color:var(--text);text-decoration:none;overflow:hidden;
  transition:transform .18s,border-color .18s,box-shadow .18s}
.konu2 a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--k) 60%,var(--border));box-shadow:0 14px 34px rgba(0,0,0,.28)}
.konu2-ikon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--k) 18%,transparent);color:var(--k)}
.konu2 b{font-size:1.02rem;font-weight:750;letter-spacing:-.01em}
.konu2 span.konu2-acik{font-size:.78rem;line-height:1.45;color:var(--text2)}
.konu2 em{margin-top:auto;font-style:normal;font-size:.74rem;font-weight:700;color:var(--k);opacity:.85;transition:transform .18s}
.konu2 a:hover em{transform:translateX(4px)}
@media (max-width:860px){.konu2{grid-template-columns:repeat(2,minmax(0,1fr))}.konu2 a{min-height:132px}}

/* ── Başlıktaki arama düğmesi: daha geniş, yumuşak, kısayol etiketsiz ─────────────── */
.search-trigger{border-radius:999px!important;padding-left:.95rem!important;padding-right:1.1rem!important;background:var(--bg2)!important}
.search-trigger:hover{background:var(--card)!important}
.search-trigger-kbd{display:none!important}
.as-modal{border-radius:22px}
.as-input-row{border-radius:999px;min-height:56px;padding:0 .6rem 0 1rem}
.as-submit{border-radius:999px;height:40px;padding:0 1.1rem}

/* ── Footer: bağlantılar yukarıdan aşağı, simetrik sütunlar, yükseklik ~%60 daha az ───── */
.site-footer{padding:1.3rem 0 .6rem!important;margin-top:2rem}
.site-footer .footer-grid{display:grid!important;grid-template-columns:1.25fr repeat(3,1fr);gap:.4rem 1.6rem!important;align-items:start}
.site-footer .footer-grid>div{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.site-footer .footer-grid>div:first-child p{margin:.3rem 0 0;font-size:.74rem;line-height:1.45;color:var(--text3);max-width:34ch}
.site-footer .footer-h{margin:0 0 .25rem!important;font-size:.68rem!important;letter-spacing:.11em;text-transform:uppercase;color:var(--text2)}
.site-footer .footer-grid a{display:block;padding:.1rem 0!important;font-size:.76rem!important;line-height:1.35;color:var(--text3)}
.site-footer .footer-grid a:hover{color:var(--accent)}
.site-footer .copyright{margin-top:.8rem!important;padding-top:.55rem!important;font-size:.7rem!important;gap:.4rem}
@media (max-width:860px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}.site-footer .footer-grid>div:first-child{grid-column:1/-1}}

/* ── Vitrin başlığı bağlantı ─────────────────────────────────────────────────── */
.vt-bas h2 a{color:inherit;text-decoration:none}
.vt-bas h2 a:hover{color:var(--vt-vurgu,var(--accent))}
.vt-bas h2 a::after{content:"→";margin-left:.4rem;font-size:.85em;color:var(--vt-vurgu,var(--accent));transition:margin .15s}
.vt-bas h2 a:hover::after{margin-left:.6rem}
/* Keşfet sütunu iki alt sütun: bağlantılar yine yukarıdan aşağı akar (CSS columns). */
.site-footer .footer-grid>div:nth-child(2){display:block!important;columns:2;column-gap:1.2rem}
.site-footer .footer-grid>div:nth-child(2) .footer-h{column-span:all}
.site-footer .footer-grid>div:nth-child(2) a{break-inside:avoid}
.site-footer .footer-grid{grid-template-columns:1.1fr 1.5fr 1fr 1fr!important}
@media (max-width:860px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)!important}}