/*
Theme Name: FeminAnka
Theme URI: https://www.feminanka.org
Author: FeminAnka Kadınlar Korosu
Description: FeminAnka Kadınlar Korosu için hazırlanmış, Türkçe–İngilizce yan yana içerik gösteren özel tema. Koyu ve açık temayı destekler.
Version: 1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: feminanka
*/

/* ============================================================
   1. RENKLER VE DEĞİŞKENLER
   Marka renkleri logodan alınmıştır: mor #5E2080 → turkuaz #009A90
   ============================================================ */
:root{
  --ground:#F4F2F6;
  --surface:#FFFFFF;
  --surface-2:#EAE6EF;
  --ink:#1F1A2B;
  --ink-soft:#544D66;
  --ink-faint:#837B95;
  --line:#DAD4E2;
  --accent:#5E2080;
  --accent-ink:#5E2080;
  --accent-soft:#EFE6F5;
  --teal:#0A7E7A;
  --logo-filter:none;
  --brandgrad:linear-gradient(90deg,#5E2080 0%,#3A5088 45%,#1E7A8C 72%,#009A90 100%);
  --shadow:0 1px 2px rgba(31,26,43,.05), 0 8px 28px -14px rgba(31,26,43,.25);
  --display:"Fraunces","Iowan Old Style",Georgia,serif;
  --body:"Karla","Helvetica Neue",Arial,sans-serif;
  --maxw:1120px;
}
@media (prefers-color-scheme: dark){
  :root{
    --ground:#141120;
    --surface:#1D1830;
    --surface-2:#272038;
    --ink:#F0EBF6;
    --ink-soft:#B8AFC8;
    --ink-faint:#8A82A0;
    --line:#332B48;
    --accent:#C08BE8;
    --accent-ink:#C08BE8;
    --accent-soft:#2A1F3C;
    --teal:#4FD0C2;
    --logo-filter:brightness(1.55) saturate(.95);
    --brandgrad:linear-gradient(90deg,#A86BD6 0%,#6E86C8 45%,#3FB6C4 72%,#3FD3C4 100%);
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -16px rgba(0,0,0,.7);
  }
}

/* ============================================================
   2. TEMEL
   ============================================================ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--accent-ink)}
h1,h2,h3,h4,h5{font-family:var(--display);font-weight:600;line-height:1.14;text-wrap:balance;margin:0 0 .5em}
p{margin:0 0 1em}
.fa-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ============================================================
   3. ÜST BANT (logo + menü)
   ============================================================ */
.fa-head{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb, var(--ground) 90%, transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.fa-head::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--brandgrad);opacity:.85;
}
.fa-head-in{display:flex;align-items:center;gap:26px;min-height:78px;flex-wrap:wrap;padding-block:12px}
.fa-brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}
.fa-brand img,.fa-brand .custom-logo{height:46px;width:auto;display:block;filter:var(--logo-filter)}
.fa-brand-sub{
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);
  line-height:1.5;max-width:11ch;padding-left:14px;border-left:1px solid var(--line);
}
.fa-nav ul{display:flex;gap:2px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.fa-nav a{
  display:block;font-size:13.5px;letter-spacing:.02em;color:var(--ink-soft);
  text-decoration:none;padding:8px 11px;border-radius:999px;
  transition:color .18s, background .18s;
}
.fa-nav a:hover{color:var(--ink);background:var(--surface-2)}
.fa-nav .current-menu-item > a,
.fa-nav .current_page_item > a{color:var(--accent-ink);background:var(--accent-soft)}
@media (max-width:560px){
  .fa-brand img,.fa-brand .custom-logo{height:38px}
  .fa-brand-sub{display:none}
}

/* ============================================================
   4. İÇERİK ALANI — blok genişlikleri
   ============================================================ */
.fa-main{padding-block:52px 84px}
.fa-content > *{
  max-width:var(--maxw);margin-inline:auto;
  padding-inline:22px;
}
.fa-content > .alignwide{max-width:1280px}
.fa-content > .alignfull{max-width:none;padding-inline:0}
.fa-content > * + *{margin-block-start:1.1em}

/* ============================================================
   5. İKİ DİLLİ YERLEŞİM
   Türkçe solda, İngilizce sağda. Mobilde alt alta.
   Kullanım: wp:columns bloğuna "fa-bi", sağdaki sütuna "fa-en" sınıfı.
   ============================================================ */
.fa-bi{gap:34px}
.fa-bi .fa-en{
  color:var(--ink-soft);
  border-left:1px solid var(--line);
  padding-left:34px;
}
.fa-bi .fa-en p{font-size:15px}
.fa-lang{
  font-size:10px!important;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-faint)!important;margin-bottom:.7em!important;
}
@media (max-width:781px){
  .fa-bi .fa-en{
    border-left:0;border-top:1px solid var(--line);
    padding-left:0;padding-top:20px;margin-top:4px;
  }
}
/* satır içi İngilizce karşılık */
.fa-en-inline{
  display:block;font-family:var(--body);font-weight:400;font-style:italic;
  font-size:13px;color:var(--ink-faint);letter-spacing:0;margin-top:4px;
}

/* ============================================================
   6. BAŞLIK ÖĞELERİ
   ============================================================ */
.fa-eyebrow{
  font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-faint)!important;margin-bottom:.9em!important;
}
.fa-kicker{
  font-size:12px!important;letter-spacing:.24em;text-transform:uppercase;
  color:var(--accent-ink)!important;
}
.fa-lede{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:38ch}
.fa-lede-en{font-size:15px;color:var(--ink-faint);font-style:italic;max-width:42ch}
.fa-rule{border:0;border-top:1px solid var(--line);margin-block:2.4em}

/* ============================================================
   7. KONSER LİSTESİ
   ============================================================ */
.fa-year{
  font-family:var(--display);font-size:15px;color:var(--ink-faint);
  letter-spacing:.1em;margin-top:2em!important;margin-bottom:.3em!important;
}
/* Konser satırı bir "sütunlar" bloğudur: solda tarih, sağda ayrıntı. */
.fa-concert{
  border-top:1px solid var(--line);
  padding-top:22px;margin-block:0 22px!important;gap:26px;
}
.fa-concert p{margin:0 0 .4em}
.fa-date{font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.fa-concert h3{font-size:19px;margin:0 0 .3em}
.fa-venue{font-size:13.5px;color:var(--ink-soft)}
.fa-cdesc{font-size:14px;color:var(--ink-soft)}
@media (max-width:781px){.fa-concert{gap:8px}}

/* Ödüller */
.fa-awards{gap:0!important;border-top:1px solid var(--line);margin-top:2em!important}
.fa-awards .wp-block-column{padding:26px 26px 26px 0;border-right:1px solid var(--line)}
.fa-awards .wp-block-column:last-child{border-right:0}
.fa-awards p{margin:0 0 .5em}
.fa-yr{font-family:var(--display);font-size:13px;color:var(--teal);letter-spacing:.06em}
.fa-nm{font-family:var(--display);font-size:19px;line-height:1.24}
@media (max-width:781px){
  .fa-awards .wp-block-column{border-right:0;border-bottom:1px solid var(--line);padding-right:0}
  .fa-awards .wp-block-column:last-child{border-bottom:0}
}

/* Bilgi tablosu (prova saati, iletişim vb.) */
.fa-info table{width:100%;border-collapse:collapse}
.fa-info td{
  padding:14px 0;border-top:1px solid var(--line);
  font-size:15px;vertical-align:top;
}
.fa-info td:first-child{
  width:38%;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);padding-top:18px;
}
.fa-info tbody tr:first-child td{border-top:0}

/* ============================================================
   8. ÖDÜL / ROZET / BİLGİ
   ============================================================ */
.fa-badge{
  display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--teal);border:1px solid color-mix(in srgb, var(--teal) 45%, transparent);
  padding:3px 10px;border-radius:999px;
}
.fa-auto{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);
  border:1px solid color-mix(in srgb, var(--teal) 40%, transparent);
  background:color-mix(in srgb, var(--teal) 9%, transparent);
  padding:4px 12px;border-radius:999px;
}
.fa-auto::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.fa-note{
  border-left:2px solid var(--accent);background:var(--accent-soft);
  padding:16px 18px;border-radius:0 4px 4px 0;
  font-size:13.5px;color:var(--ink-soft);
}
.fa-note strong{color:var(--ink)}
.fa-panel{
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  padding:28px;box-shadow:var(--shadow);
}

/* ============================================================
   9. GÖRSEL YERİ (yayına almadan önce bunları gerçek görselle değiştir)
   ============================================================ */
.fa-ph{
  border:1.5px dashed var(--line);border-radius:4px;
  background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--line) 30%,transparent) 14px 15px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:40px 24px;color:var(--ink-faint);min-height:180px;
}
.fa-ph p{margin:0;font-size:13px}

/* ============================================================
   10. DÜĞMELER (core button bloğu)
   ============================================================ */
.wp-block-button__link{
  font-family:var(--body);font-size:14px;letter-spacing:.03em;
  padding:12px 22px;border-radius:999px;
  background:var(--accent);color:#fff;border:1px solid var(--accent);
  transition:transform .16s, opacity .16s;
}
@media (prefers-color-scheme: dark){.wp-block-button__link{color:#1B1220}}
.wp-block-button__link:hover{transform:translateY(-1px);opacity:.92}
.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link{
  background:none;color:var(--ink);border-color:var(--line)
}
.is-style-outline .wp-block-button__link:hover{border-color:var(--accent);color:var(--accent-ink)}

/* ============================================================
   11. TABLO BENZERİ BİLGİ LİSTESİ
   ============================================================ */
.fa-list{list-style:none;margin:0;padding:0}
.fa-list li{
  border-top:1px solid var(--line);padding:15px 0;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.fa-list .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.fa-list .v{font-size:15px}

/* ============================================================
   12. GÖMÜLÜ İÇERİK (YouTube, Instagram)
   ============================================================ */
.wp-block-embed iframe,.fa-embed iframe{max-width:100%;border:0;border-radius:6px}
.fa-embed{margin-block:1.4em}

/* ============================================================
   13. ALT BANT
   ============================================================ */
.fa-foot{border-top:1px solid var(--line);background:var(--surface-2);margin-top:40px}
.fa-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-block:44px}
.fa-foot img{height:52px;width:auto;display:block;margin-bottom:16px;filter:var(--logo-filter)}
.fa-foot h4{font-family:var(--display);font-size:15px;margin-bottom:14px}
.fa-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fa-foot a{color:var(--ink-soft);text-decoration:none;font-size:14px}
.fa-foot a:hover{color:var(--accent-ink)}
.fa-foot p{font-size:14px;color:var(--ink-soft);max-width:38ch}
.fa-foot-bottom{
  border-top:1px solid var(--line);padding-block:18px;font-size:12.5px;color:var(--ink-faint);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
@media (max-width:760px){.fa-foot-in{grid-template-columns:1fr;gap:26px}}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}