:root{
  --bg:#111111;        /* genel arka plan: siyah */
  --paper:#1a1a1a;     /* kartlar/bölümler: koyu gri */
  --text:#f5f5f5;      /* birincil metin: kirli beyaz */
  --muted:#bdbdbd;     /* ikincil metin */
  --accent:#ffcc00;    /* vurgu: sarı */
  --accent-ink:#000000;/* sarı üstü yazı: siyah */
  --shadow:0 4px 18px rgba(0,0,0,.45);
  --radius:14px;

   --header-h: 140px; /* 120px idi; büyük logo + menü için artırıldı */
}
@media (max-width:480px){
  :root{ --header-h: 115px; }
}



*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.65;
}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(0,0,0,.9);        /* siyah */
  backdrop-filter:saturate(180%) blur(10px);
  box-shadow:var(--shadow);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.6rem; padding:1rem 1rem 1.1rem;
}


.site-nav a{ color:#f5f5f5; text-decoration:none; font-weight:600 }
.site-nav a:hover:not(.btn--nav){ color: var(--accent); }
.btn--nav{ color:#f5f5f5; border:1px solid var(--accent); }
.btn--nav:hover{
  background:var(--accent);
  color:#fff; /* eskiden var(--accent-ink) idi */
}

/* Başvuru düğmesi - normal */
.btn--nav{
  color:#f5f5f5;
  border:1px solid var(--accent);
  border-radius:9px;
  padding:.45rem .8rem;
}

/* Başvuru düğmesi - HOVER (baskın kural) */
.site-header .site-nav a.btn--nav:hover{
  background:var(--accent);
  color:#fff; /* isteğin doğrultusunda beyaz font */
}

.brand{font-weight:800; font-size:1.25rem; color:var(--accent); text-decoration:none}
.site-nav{display:flex; gap:.9rem; align-items:center; flex-wrap:wrap}
.site-nav a{color:#f5f5f5; text-decoration:none; font-weight:600}
.site-nav a:hover:not(.btn--nav){ color:var(--accent) }
.btn--nav{padding:.45rem .8rem; border:1px solid var(--accent); border-radius:9px}
.btn--nav:hover{background:var(--accent); color:var(--accent-ink)}
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }

/* Buttons */
.btn{
  display:inline-block; background:#000; color:#fff; text-decoration:none;
  padding:.9rem 1.2rem; border-radius:10px; font-weight:700
}
.btn--primary{
  background:var(--accent); color:var(--accent-ink);
  box-shadow:0 8px 22px rgba(255,204,0,.32)
}
.btn:hover{opacity:.92}

.btn--outline{
  background:transparent;
  border:2px solid var(--accent);
  color:var(--accent);
}
.btn--outline:hover{
  background:var(--accent);
  color:#000; /* sarı üzerine siyah metin */
}

/* Hero */
.hero{
  min-height:54vh; 
  display:grid; 
  place-items:center; 
  text-align:center; 
  color:#fff;
  background:
    linear-gradient(rgba(255,204,0,0.10), rgba(255,204,0,0.10)), /* sarı overlay */
    linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.85)), /* üstten siyah degrade */
    url("images/hero.jpg") center/cover no-repeat;          /* senin görselin */
}
.hero__title{font-size:clamp(1.8rem,4vw,3rem); margin:.25rem 0}
.hero__subtitle{opacity:.95; margin:.25rem 0 1.2rem}
.hero__ctas{display:flex; gap:.75rem; flex-wrap:wrap; justify-content:center}
.section, .hero{ scroll-margin-top: calc(var(--header-h) + 12px); }

/* Sections */
.section{padding:3.2rem 1rem}
.section--alt{background:var(--paper)}
.container{max-width:1080px; margin:0 auto}
.section__title{text-align:center; font-size:clamp(1.5rem,3.2vw,2.2rem); margin:0 0 1.6rem}

/* About */
.about{display:grid; grid-template-columns:1.25fr .9fr; gap:1.5rem; align-items:center}
.about__text p{margin:.2rem 0 1rem}
.pill-list{display:flex; flex-wrap:wrap; gap:.5rem; padding:0; margin:0 0 1rem; list-style:none}
.pill-list li{
  background:#222; color:#fff; padding:.35rem .7rem; border-radius:999px; font-weight:600; font-size:.95rem
}
.note{color:var(--muted); font-size:.95rem}
.about__media{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.about__media {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  max-width: 280px;     /* 🔸 görseli küçültür */
  justify-self: center; /* 🔸 grid içinde ortalar */
}
.about__media img {
  width: 100%;
  height: auto;
  display: block;
}

/* Skeleton placeholders */
.ph{position:relative}
.ph::before{
  content:"";
  position:absolute; inset:0;
  display:none;  /* ← ÖNEMLİ: varsayılan kapalı */
  background:linear-gradient(90deg,#2a2a2a 25%,#333 37%,#2a2a2a 63%);
  background-size:400% 100%;
  animation:skeleton 1.4s ease infinite;
}
.ph.is-loading::before{ display:block; }
.ph img{display:block; width:100%; height:100%; object-fit:cover}
@keyframes skeleton{0%{background-position:100% 0}100%{background-position:0 0}}

/* Grid & Cards */
.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:1rem}
.grid > *{grid-column:span 12}
@media (min-width:720px){
  .grid > *{grid-column:span 6}
}
@media (min-width:1024px){
  .grid > *{grid-column:span 4}
}
.card{
  background:var(--paper); border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; display:flex; flex-direction:column; height:100%; color:var(--text);
}
.card__media{aspect-ratio:3/2}
.card__body{padding:1rem}
.card__title{margin:.1rem 0 .5rem; font-size:1.1rem}
.card__desc{color:var(--muted); margin:.4rem 0 0}
.meta{display:flex; flex-wrap:wrap; gap:.4rem .6rem; list-style:none; padding:0; margin:0 0 .5rem}
.meta li{
  background:#222; border:1px solid #2d2d2d; padding:.3rem .5rem; border-radius:8px; font-size:.9rem; color:#f5f5f5;
}

.card__media{
  aspect-ratio:3/2;
  display:flex;                 /* flex ile ortala */
  align-items:center;           /* dikey ortalama */
  justify-content:center;       /* yatay ortalama */
  background:#000;              /* ikonlar için siyah zemin */
  border-radius:var(--radius);
  overflow:hidden;
}

.icon-media{
  display:flex; align-items:center; justify-content:center;
  aspect-ratio:3/2;
  background:#000;       /* tek arka plan burası */
  border-radius:var(--radius);
  overflow:hidden;
}
.card__media img{
  width:auto;
  height:auto;
  max-width:90%;   /* önceki değerden %30 daha büyük */
  max-height:90%;
  margin:auto;
  display:block;
  object-fit:contain;
}

/* Badges */
.badges{ display:flex; flex-wrap:wrap; gap:.4rem; margin:.35rem 0 .6rem }
.badge{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.85rem; font-weight:800; line-height:1;
  border-radius:999px; padding:.45rem .65rem; border:1px solid #2b2b2b; background:#1f1f1f; color:#f5f5f5;
}
.badge--start{ border-color:#ffcc00; background:#ffcc00; color:#000 }
.badge--capacity{ border-color:#3a3a3a; background:#262626; color:#f5f5f5 }
.badge--cert{ border-color:#4a4a4a; background:#2b2b2b; color:#f5f5f5 }
/* Rozet varyasyonu: bilgi alın */
.badge--muted{ border-color:#3a3a3a; background:#202020; color:#bdbdbd }

/* Instructors – mobil 1, tablet 2, desktop 3 sütun */
.grid--instructors > *{ grid-column: span 12; }          /* mobil: 1 sütun */
@media (min-width:720px){
  .grid--instructors > *{ grid-column: span 6; }         /* tablet: 2 sütun */
}
@media (min-width:1024px){
  .grid--instructors > *{ grid-column: span 4; }         /* desktop: 3 sütun */
}

/* Eğitmenler gridini geniş ekranda daha dar tutup ortaya al */
@media (min-width:1024px){
  #egitmenler .container .grid.grid--instructors{
    max-width: 980px;           /* ihtiyaç olursa 960–1040px aralığında oynat */
    margin-inline: auto;        /* ortaya al */
  }
}
.card--instructor{align-items:center; text-align:center; padding-bottom:.75rem}
.avatar{aspect-ratio:1/1; width:70%; margin:1rem auto 0; border-radius:12px; overflow:hidden}

.avatar img{
  width:100%;
  height:100%;
  object-fit: contain;    /* frame'e sığdır */
  background:#000;        /* kenar bantı siyah */
  display:block;
  filter: grayscale(100%);/* hep siyah-beyaz */
}

.mini-bio{ color:#cfcfcf; font-size:.95rem; margin:.4rem auto .6rem; max-width:28ch }
.social{ display:flex; gap:.5rem; justify-content:center; align-items:center; margin-top:.25rem }
.icon{
  display:inline-flex; align-items:center; justify-content:center; gap:.3rem;
  min-width:34px; height:34px; padding:0 .6rem; border-radius:999px;
  background:#232323; color:#f5f5f5; text-decoration:none; font-weight:800; font-size:.8rem;
  transition:transform .15s ease, background-color .15s ease, color .15s ease;
}
.icon:hover{ transform:translateY(-1px); background:var(--accent); color:var(--accent-ink) }
.icon-ig, .icon-li{ padding:0; width:34px } /* yuvarlak ikon */
.icon-imdb{ font-family:inherit; letter-spacing:.3px } /* metin rozet */

/* FAQ */
.faq{
  max-width:820px; margin:.6rem auto; padding:1rem; background:var(--paper);
  border-radius:12px; box-shadow:var(--shadow)
}
.faq > summary{font-weight:800; cursor:pointer; color:#fff}
.faq > p{margin:.6rem 0 0; color:#d2d2d2}

/* Contact */
.contact{display:grid; grid-template-columns:repeat(12,1fr); gap:1rem}
.contact__item{
  grid-column:span 12; background:var(--paper); border-radius:12px; padding:1rem; box-shadow:var(--shadow)
}
@media (min-width:720px){
  .contact__item{grid-column:span 4}
}

.map-wrap{
  margin-top:1rem; border-radius:12px; overflow:hidden; box-shadow:var(--shadow);
  aspect-ratio:16/9; background:#0f0f0f;
}
.map-wrap iframe{ width:100%; height:100%; border:0 }
.map-hint{color:var(--muted); margin-top:.75rem; text-align:center}

/* Footer */
.site-footer{padding:1.25rem 1rem; text-align:center; color:#c2c8cf}

/* Responsive tweaks */
@media (max-width:900px){
  .about{grid-template-columns:1fr}
}

/* Klavye ile gezen kullanıcılar için daha görünür odak halkası */
:focus-visible{ outline:3px solid var(--accent); outline-offset:2px }

/* Reviews */
.reviews-widget{
  min-height:220px; display:grid; place-items:center; background:var(--paper);
  border-radius:12px; box-shadow:var(--shadow);
}

.brand-img{ height:100px; width:auto; display:block }
@media (max-width:480px){ .brand-img{ height:70px } }

/* Emniyet: ben kazanayım */
.site-header .site-nav a.btn--nav:hover{
  color:#fff !important;
  background:var(--accent) !important;
}

.optional {
  font-size:0.9em;
  color:var(--muted);
  font-weight:normal;
}

/* honeypot gizle */
.hp{ position:absolute; left:-9999px; opacity:0; height:0; width:0; }

/* başarı mesajı */
.form-success{
  background:#0f0f0f; border:1px solid #2a2a2a; color:#cfe8a9;
  padding:.6rem .8rem; border-radius:10px; margin:0 0 .5rem;
  font-weight:700;
}


/* badges */
.badges{ display:flex; flex-wrap:wrap; gap:.4rem .5rem; margin-bottom:.55rem; align-items:center }
.badge{ padding:.35rem .55rem; border-radius:999px; font-weight:800; font-size:.85rem; }
.badge--start{ background:var(--accent); color:var(--accent-ink); }
.badge--capacity{ background:#222; color:#f5f5f5; border:1px solid #2d2d2d; }
.badge--cert{ background:#2a2a2a; color:#f5f5f5; }
.badge--muted{ background:#222; color:var(--muted) }


/* dolu kontenjan stili */
.badge--full{
  background:#d9534f;   /* kırmızı ton */
  color:#fff;
  border:1px solid #b33a2a;
  box-shadow:0 6px 18px rgba(217,83,79,.12);
}

/* küçük iyileştirme: takvimde göster butonu görünümü */
.js-show-event{
  background:transparent;
  border:1px solid rgba(255,204,0,.12);
  color:var(--text);
}

/* modal temel stilleri (sayfanın sonuna eklenecek html ile çalışır) */
.event-modal{
  position:fixed; inset:0; display:none; place-items:center; z-index:9999;
  background:rgba(0,0,0,.6);
}
.event-modal__box{
  width:min(720px,92%); background:var(--paper); border-radius:12px; padding:1.2rem;
  box-shadow:0 20px 60px rgba(0,0,0,.6); color:var(--text);
}
.event-modal__head{ display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.event-modal__title{ font-size:1.2rem; margin:0; }
.event-modal__body{ margin-top:.6rem; color:var(--muted) }
.event-modal__actions{ margin-top:1rem; display:flex; gap:.6rem; justify-content:flex-end; }
.event-modal .close-btn{ background:transparent; border:0; color:var(--muted); font-weight:800; font-size:1rem; cursor:pointer; }

.ics-btn{ display:none }

/* Honeypot sahası – ekran okuyucular için de gizle */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.hp-field input {
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
}

/* 3 sütun grid (mobilde tek sütun, sonra 2, sonra 3) */
.events {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media (min-width: 600px){
  .events { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px){
  .events { grid-template-columns: repeat(3, 1fr); }
}

/* --- Minimal Yaklaşan Atölyeler (ikon + tarih + başvur) --- */
.events {               /* Zaten dosya sonunda var: koru. 1-2-3 kolon davranışı iyi. */
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width:600px){ .events { grid-template-columns: repeat(2,1fr); } }
@media (min-width:992px){ .events { grid-template-columns: repeat(3,1fr); } }

/* Mini kart */
.event-mini{
  display:flex; align-items:center; gap:.8rem;
  background:var(--paper); border:1px solid #2a2a2a;
  border-radius:12px; padding:.8rem .9rem; box-shadow:var(--shadow);
  min-height:84px;
}

/* İkon (512px png'lerin küçüğü) */
.event-mini__icon{
  width:56px; height:56px; flex:0 0 56px;
  display:grid; place-items:center; border-radius:10px;
  background:#000; overflow:hidden;
}
.event-mini__icon img{
  width:70%; height:70%; object-fit:contain; display:block;
}

/* Tarih çipi */
.event-mini__date{
  margin-left:auto;            /* sağa it */
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:64px; height:56px; border-radius:10px;
  background:#0f0f0f; border:1px solid #2d2d2d; color:#fff;
}
.event-mini__day{ font-size:1.2rem; font-weight:800; line-height:1; }
.event-mini__mon{ font-size:.8rem; opacity:.85; margin-top:.1rem }

/* Başvur linki (sağda) */
.event-mini__cta{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  padding:.55rem .75rem; border-radius:10px; text-decoration:none; font-weight:800;
  background:var(--accent); color:var(--accent-ink); border:1px solid rgba(0,0,0,.2);
}
.event-mini__cta:hover{ opacity:.92 }

/* Başlık (isteğe bağlı: tek satır, taşarsa …) */
.event-mini__title{
  font-weight:700; margin:0; font-size:1rem; line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:22ch;
}

/* Events satırını parent grid'de tam genişliğe yay */
#takvim .container .events {
  grid-column: 1 / -1;   /* parent .container grid ise tüm kolonları kapla */
}

/* Geniş ekranda blok olarak ortala ve rahat bir max-width ver */
#takvim .events {
  max-width: 1080px;     /* istersen 960px/1024px yapabilirsin */
  margin-inline: auto;    /* ortala */
}

/* Mobil: tek sütun */
#takvim .events {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

/* Tablet: 2 sütun */
@media (min-width: 600px) {
  #takvim .events {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    justify-content: center;   /* 2 kart varsa blok ortada dursun */
  }
}

/* Desktop: 3 sütun */
@media (min-width: 992px) {
  #takvim .events {
    grid-template-columns: repeat(3, minmax(260px, 320px)); /* kart genişlik aralığı */
    justify-content: center;  /* toplam grid genişliği container'dan küçükse ortala */
  }
}

/* Mini kartlar dar görünmesin diye min genişlik */
.event-mini { min-width: 260px; }

/* Hepsi aynı sol kenardan başlasın ve aynı genişlikte olsun */
#apply-form .form-row > input[type="text"],
#apply-form .form-row > input[type="email"],
#apply-form .form-row > textarea,
#apply-form .form-row > .select-wrap {   /* select kapsayıcısı */
  max-width: 480px;          /* inputs ile aynı */
  width: 100%;
  margin: 0;                 /* ortalamayı iptal et */
  box-sizing: border-box;
}

/* Select kapsayıcısı: ortalama/itme olmasın */
#apply-form .select-wrap {
  position: relative;
  max-width: 480px;          /* inputs ile birebir */
  width: 100%;
  margin: 0;                 /* <-- önemli */
}

/* Select’in kendisi de sol kenardan başlasın */
#apply-form select#atolye {
  width: 100%;
  margin: 0;                 /* önceki auto’yu ezer */
}

/* ===== Başvuru Formu — Kompakt, tek kolon, ortaya hizalı ===== */
#apply-form {
  max-width: 640px;          /* form toplam genişlik */
  margin-inline: auto;       /* ortala */
}

#apply-form .form-stack {
  display: grid;
  gap: 14px;                  /* satırlar arası sıkı boşluk */
}

#apply-form .form-row {
  display: grid;
  gap: 6px;
}

#apply-form label {
  font-weight: 600;
  font-size: 0.95rem;
}

#apply-form .muted { opacity: .7; font-weight: 500; }

/* Alanlar */
#apply-form input,
#apply-form select,
#apply-form textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #2e2e2e;
  background: #0f0f0f;      /* koyu tema ile uyumlu */
  color: #fff;
  font-size: 1rem;
  outline: none;
}

#apply-form input::placeholder,
#apply-form textarea::placeholder { color: #9c9c9c; }

/* Focus */
#apply-form input:focus,
#apply-form select:focus,
#apply-form textarea:focus {
  border-color: #ffd54a;
  box-shadow: 0 0 0 3px rgba(255,213,74,.15);
}

/* Select — sistem stilini kaldır, kompakt oku ekle */
#apply-form .select-wrap {
  position: relative;
  max-width: 360px;          /* masaüstünde bant gibi uzamasın */
}
#apply-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
  padding-right: 40px;       /* okun üstüne yazı binmesin */
}
@media (max-width: 599px){
  #apply-form .select-wrap { max-width: 100%; }
}

/* Inputları da çok uzun göstermemek istersen: */
@media (min-width: 720px) {
  #apply-form input[type="email"],
  #apply-form input[type="text"] { max-width: 480px; }
}

/* Textarea */
#apply-form textarea { resize: vertical; }

/* Aksiyon satırı */
#apply-form .form-actions {
  display: flex; align-items: center; gap: 12px; margin-top: 6px;
}
#apply-form .form-success { margin: 0; font-size: .95rem; color: #b7f7c3; }

/* Honeypot */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important; height: 1px !important; overflow: hidden !important;
}

html {
  scroll-behavior: smooth;
}

/* ===== Callout (Hatırlatma kutusu) ===== */
.callout{
  display:flex; gap:.75rem; align-items:flex-start;
  padding: .9rem 1rem; border:1px solid #2a2a2a; border-radius:12px;
  background: linear-gradient(180deg, rgba(255,213,74,.08), rgba(255,213,74,.03));
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* Sol şerit (akcent) */
.callout::before{
  content:""; display:block; width:4px; align-self:stretch; border-radius:8px;
  background: linear-gradient(180deg, #ffd54a, #ffb300);
}

/* İkon yuvası */
.callout__icon{
  width:32px; height:32px; flex:0 0 32px;
  display:grid; place-items:center;
  color:#ffd54a; background:#161616; border:1px solid #2b2b2b; border-radius:8px;
}

/* Metinler */
.callout__body{ display:grid; gap:.25rem; }
.callout__title{ font-weight:800; letter-spacing:.2px; }
.callout__text{ margin:0; color:#cfcfcf; line-height:1.5; }

/* Tema varyantı (gerekirse farklı renkler için) */
.callout--reminder .callout__title{ color:#ffd54a; }

/* Sıkı layout için küçük ekranlarda */
@media (max-width: 420px){
  .callout{ padding:.8rem .9rem; }
  .callout__icon{ width:28px; height:28px; }
}

/* Callout etrafına nefes payı */
.callout {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 600px) {
  .callout {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}

/* ===== Eğitmen "Verdiği dersler" — Sarı akcentli pill etiketler (yüksek kontrast) ===== */
.teach-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .6rem;
  margin:.5rem 0 0;
  padding:0;
  list-style:none;
}

.teach-tags li{
  position:relative;
  padding:.38rem .70rem .40rem .70rem;
  border:1px solid rgba(255,213,74,.45);               /* sarı kontur */
  border-radius:999px;
  background: rgba(255,213,74,.14);                    /* koyu temada daha şeffaf sarı */
  color:#fff;                                          /* << YAZI BEYAZ */
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.2px;
  line-height:1;
  box-shadow:0 4px 12px rgba(0,0,0,.10);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);                /* okunurluğu artırır */
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* Hover/focus: biraz yükselsin ve sarı belirginleşsin */
.teach-tags li:hover { 
  transform: translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  background: rgba(255,213,74,.20);
}
.teach-tags li:focus-visible{
  outline:3px solid #ffd54a;
  outline-offset:2px;
}

/* Çok uzun ders isimleri için güvence */
.teach-tags{ word-break: break-word; }

/* Küçük ekran ayarı */
@media (max-width:480px){
  .teach-tags{ gap:.45rem .5rem; }
  .teach-tags li{ font-size:.82rem; padding:.34rem .6rem; }
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  .teach-tags li{ transition:none; }
}


.teach-tags li::before{
  content:"";
  width:.38rem; height:.38rem; border-radius:50%;
  background: var(--accent, #ffd54a);
  display:inline-block; margin-right:.38rem; vertical-align:middle;
}

/* ==== Başvuru formundaki "Başvuruyu Gönder" butonu ==== */
.btn--submit {
  appearance: none;
  -webkit-appearance: none;
  background: var(--accent);           /* Sarı ton */
  color: var(--accent-ink);            /* Siyah yazı */
  border: none;
  border-radius: 12px;
  background-clip: padding-box;
  padding: .9rem 1.5rem;
  font-size: .9rem;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(0,0,0,.35); /* Sadece koyu gölge */
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  cursor: pointer;
}

.btn--submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.45);
  filter: brightness(1.04);
}

.btn--submit:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

button.btn--submit::-moz-focus-inner {
  border: 0; /* Firefox iç border'ı kaldır */
}

/* ===== İletişim – ikonlu kart ızgara ===== */
.contact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin-bottom:1rem;
}
@media (min-width:720px){
  .contact-grid{ grid-template-columns:repeat(3,1fr); }
}

.contact-card{
  display:flex; gap:.9rem; align-items:flex-start;
  background:var(--paper);
  border:1px solid #2a2a2a;
  border-radius:12px;
  box-shadow:var(--shadow);
  padding:1rem;
}

/* ikon kutusu */
.contact-icon{
  flex:0 0 40px; width:40px; height:40px;
  display:grid; place-items:center;
  border-radius:10px;
  background:#141414;
  border:1px solid #2b2b2b;
  color: var(--accent);     /* sarı ikon */
}

/* metin alanı */
.contact-body{ display:grid; gap:.2rem; }
.contact-title{ margin:0; font-size:1rem; font-weight:800; }
.contact-text{ margin:0; color:#d3d3d3; }
.contact-emph{ color:#fff; font-weight:800; text-decoration:none; }
.contact-emph:hover{ text-decoration:underline; }

/* aksiyon linkleri (Haritada Aç / Kopyala) */
.contact-actions{ margin-top:.2rem; display:flex; gap:.5rem; }
.contact-link{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.38rem .6rem;
  border-radius:999px;
  background:#1a1a1a;
  border:1px solid rgba(255,204,0,.25);
  color:#f5f5f5;
  font-weight:800; font-size:.85rem; text-decoration:none;
  transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.contact-link:hover{
  background:var(--accent);
  color:var(--accent-ink);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}

/* Harita zaten var; sadece köşeleri iyileştirmek istersen:
.map-wrap{ border-radius:12px; overflow:hidden; box-shadow:var(--shadow); } */

/* Küçük toast bildirimi */
.toast{
  position:fixed; bottom:18px; left:50%; transform:translateX(-50%);
  background:#0f0f0f; color:#eaffd0; border:1px solid #2b2b2b;
  padding:.55rem .8rem; border-radius:10px; font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
  z-index:9999;
}

/* ==== Sosyal bağlantılar (ikon şeridi) ==== */
.social-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.social-links a {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #141414;
  border: 1px solid rgba(255, 213, 74, 0.4);
  color: var(--accent, #ffd54a);
  transition: background-color 0.2s ease, transform 0.15s ease, color 0.2s ease;
}

.social-links a:hover {
  background: var(--accent, #ffd54a);
  color: #000;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(255, 213, 74, 0.25);
}

.social-links svg {
  stroke-width: 1.8;
}

/* ===== Footer ===== */
.site-footer {
  background: #0d0d0d;
  border-top: 1px solid #2a2a2a;
  padding: 2rem 1rem;
  margin-top: 3rem;
  text-align: center;
}

.footer-inner {
  display: grid;
  gap: 0.3rem;
  justify-items: center;
}

.footer-text {
  color: #ccc;
  font-size: 0.95rem;
  margin: 0;
  letter-spacing: 0.3px;
}

.footer-brand {
  color: var(--accent, #ffd54a);
  font-weight: 800;
  letter-spacing: 0.5px;
}

.footer-text::before {
  content: "";
  display: block;
  width: 64px;
  height: 2px;
  margin: 0 auto 0.9rem;
  background: linear-gradient(90deg, transparent, var(--accent, #ffd54a), transparent);
  border-radius: 2px;
}

/* --- Yaklaşan Atölyeler: ikon KALDIR, başlık taşmasın, buton grubu --- */

/* Mini kartın yeni düzeni: solda başlık, ortada/sağda tarih çipi, en sağda butonlar */
.event-mini{
  display:flex; align-items:center; gap:0.9rem;
  background:var(--paper); border:1px solid #2a2a2a;
  border-radius:12px; padding:0.9rem 1rem; box-shadow:var(--shadow);
  min-height:90px;
}

/* İKONU komple sakla */
.event-mini__icon{ display:none !important; }

/* Başlık: kırpma YOK, iki satıra kadar sarılsın */
.event-mini__title{
  margin:0;
  font-weight:800; font-size:1rem; line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  flex:1 1 auto;           /* boşluğu başlık kullansın */
}

/* Tarih çipi sağda dursun */
.event-mini__date{
  margin-left:0.25rem;     /* başlıktan az boşluk */
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:64px; height:56px; border-radius:10px;
  background:#0f0f0f; border:1px solid #2d2d2d; color:#fff;
  flex:0 0 auto;
}
.event-mini__day{ font-size:1.2rem; font-weight:800; line-height:1; }
.event-mini__mon{ font-size:.8rem; opacity:.85; margin-top:.1rem }

/* Buton grubu (Başvur + Detay) en sağda */
.event-mini__actions{
  display:flex; gap:.5rem; align-items:center; justify-content:flex-end;
  flex:0 0 auto;
}
.event-mini__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.5rem .7rem; border-radius:10px; font-weight:800; text-decoration:none;
  border:1px solid rgba(0,0,0,.25);
}
.event-mini__btn--apply{
  background:var(--accent); color:var(--accent-ink);
}
.event-mini__btn--detail{
  background:#1a1a1a; color:#f5f5f5; border-color:#2b2b2b;
}
.event-mini__btn:hover{ opacity:.92 }

/* 3 sütun grid ortalı kalsın */
#takvim .events {
  max-width: 1080px;
  margin-inline: auto;
  display: grid; gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 600px){
  #takvim .events { grid-template-columns: repeat(2, minmax(260px, 1fr)); justify-content:center; }
}
@media (min-width: 992px){
  #takvim .events { grid-template-columns: repeat(3, minmax(260px, 320px)); justify-content:center; }
}

/* Programlar: başvur & detay butonlarını eşitle */
.card__actions .btn{
  padding: .6rem .95rem;   /* ikisine de aynı iç boşluk */
  font-size: .95rem;
  border-radius: 10px;
  line-height: 1;
}

.card__actions .btn--primary{
  /* kart içinde abartıyı azalt */
  box-shadow: 0 4px 10px rgba(0,0,0,.28);
  transform: none;
}

.card__actions .btn--primary:hover{
  box-shadow: 0 6px 14px rgba(0,0,0,.34);
}

.card__actions .btn--outline{
  border-width: 2px;       /* görsel ağırlığı artır */
  font-weight: 800;        /* daha tok görünsün */
}

/* Buton yerleşimi: yan yana, taşarsa alt satıra şık geçiş */
.card__actions{
  display:flex; gap:.5rem; flex-wrap:wrap; align-items:center;
}

/* Başlık daha fazla yer kaplasın, 3 satıra kadar izin ver */
.event-mini__title{
  flex: 2 1 60%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   /* daha önce 2 ise 3 yapıyoruz */
  overflow: hidden;
  margin-right: .25rem;
}

/* Aksiyonlar sıkıştırmasın */
.event-mini__actions{
  flex: 0 0 auto;
  gap: .45rem;
}

/* Küçük ekranda butonlar başlığın altına geçebilsin */
@media (max-width: 560px){
  .event-mini{
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .event-mini__title{
    flex: 1 1 100%;
    -webkit-line-clamp: 4;      /* mobilde daha da serbest */
  }
  .event-mini__actions{
    width: 100%;
    justify-content: flex-start;
    margin-top: .35rem;
  }
  .event-mini__date{
    order: 2;                    /* butonlardan sonra da gösterebilirsin */
  }
}

/* İstersen daha geniş kolon: 3 kart grid için her kart biraz daha genişleyebilir */
@media (min-width: 992px){
  #takvim .events { grid-template-columns: repeat(3, minmax(300px, 1fr)); }
}

/* --- Yaklaşan Atölyeler (Başlık tam görünsün, yalnızca Detay kalsın) --- */
.event-mini{
  display:flex;
  flex-wrap:wrap;           /* ↓ başlık üst satırda tam genişlikte */
  align-items:flex-start;
  gap:.65rem .9rem;
  background:var(--paper);
  border:1px solid #2a2a2a;
  border-radius:12px;
  padding:.95rem 1rem;
  box-shadow:var(--shadow);
}

.event-mini__icon{ display:none !important; }

/* Başlık: 100% genişlik, kırpma/line-clamp YOK */
.event-mini__title{
  order:0;
  flex:1 1 100%;
  margin:0 0 .25rem 0;
  font-weight:800;
  font-size:1.05rem;
  line-height:1.3;
  white-space:normal;            /* ← tek satıra zorlama yok */
  overflow:visible;              /* ← ellipsis yok */
  display:block;                 /* ← önceki -webkit-box’ı ezer */
}

/* Alt satır: solda tarih, sağda Detay */
.event-mini__date{
  order:1;
  flex:0 0 auto;
  width:64px; height:56px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border-radius:10px;
  background:#0f0f0f; border:1px solid #2d2d2d; color:#fff;
}
.event-mini__day{ font-size:1.2rem; font-weight:800; line-height:1; }
.event-mini__mon{ font-size:.8rem; opacity:.85; margin-top:.1rem }

/* Detay butonu sağa yaslansın */
.event-mini__actions{
  order:2;
  flex:1 1 auto;
  display:flex; justify-content:flex-end; align-items:center;
}

.event-mini__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.5rem .75rem;
  border-radius:10px;
  border:1px solid #2b2b2b;
  font-weight:800; font-size:.9rem;
  background:#1a1a1a; color:#f5f5f5;
}
.event-mini__btn:hover{ opacity:.92 }

/* Grid genişlikleri (3 sütun) */
#takvim .events {
  max-width: 1080px;
  margin-inline:auto;
  display:grid; gap:1rem;
  grid-template-columns:1fr;
}
@media (min-width: 640px){
  #takvim .events { grid-template-columns: repeat(2, minmax(280px, 1fr)); }
}
@media (min-width: 992px){
  #takvim .events { grid-template-columns: repeat(3, minmax(300px, 1fr)); }
}

/* ===== Yaklaşan Atölyeler — Sarı akcent, glow ve gradyen dokunuş ===== */
:root{
  --accent: #FFD54A;
  --accent-ink: #000;
}

/* KART */
.event-mini{
  position: relative;
  background: linear-gradient(180deg,#151515 0%, #0f0f0f 100%);
  border: 1px solid rgba(255,213,74,.22);                /* sarımsı ince kenar */
  border-radius: 14px;
  padding: 1rem 1.1rem;
  box-shadow:
    0 14px 28px rgba(0,0,0,.38),                         /* derinlik */
    0 0 0 1px rgba(255,213,74,.08) inset;                /* iç çizgi */
  transform: translateZ(0);
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

/* Üstte ince sarı şerit (sinema ışığı gibi) */
.event-mini::before{
  content:"";
  position:absolute; left:10px; right:10px; top:6px; height:3px;
  border-radius: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity:.55;
  pointer-events:none;
}

/* Hover: hafif lift + sarı glow */
.event-mini:hover{
  transform: translateY(-1px);
  border-color: rgba(255,213,74,.32);
  box-shadow:
    0 18px 36px rgba(0,0,0,.42),
    0 0 24px rgba(255,213,74,.10),
    0 0 0 1px rgba(255,213,74,.1) inset;
}

/* BAŞLIK – tam genişlik, kırpmasız; hafif harf aralığı */
.event-mini__title{
  color:#fff;
  letter-spacing:.15px;
  font-weight: 800;
  white-space: normal;           /* kırpmayı kapat */
  overflow: visible;
  display: block;                /* line-clamp izleri kapansın */
  margin: 0 0 .35rem 0;
}

/* TARİH ÇİPİ */
.event-mini__date{
  width: 68px; height: 60px; border-radius: 12px;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,213,74,.08), transparent 70%),
    linear-gradient(180deg,#121212,#0e0e0e);
  border:1px solid rgba(255,213,74,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,213,74,.18),
    0 6px 14px rgba(0,0,0,.35);
  color:#fff;
}
.event-mini__day{ font-size:1.18rem; font-weight:900; line-height:1; }
.event-mini__mon{ font-size:.8rem; opacity:.9; margin-top:.15rem; color:var(--accent); }

/* BUTON – yalnızca “Detay” var */
.event-mini__actions{ display:flex; justify-content:flex-end; align-items:center; flex:1 1 auto; }
.event-mini__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.55rem .8rem;
  border-radius: 12px;
  font-weight: 800; font-size: .92rem;
  text-decoration:none;
  background: linear-gradient(180deg,#1b1b1b,#151515);
  color:#f5f5f5;
  border:1px solid rgba(255,213,74,.28);
  box-shadow: 0 6px 12px rgba(0,0,0,.28);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}
.event-mini__btn:hover{
  transform: translateY(-1px);
  background: var(--accent);
  color: var(--accent-ink);
  box-shadow:
    0 10px 20px rgba(0,0,0,.35),
    0 0 14px rgba(255,213,74,.18);
}
.event-mini__btn:focus-visible{
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

/* GRID – ortala ve biraz nefes ver */
#takvim .events{
  max-width: 1120px;
  margin-inline: auto;
  display: grid;
  gap: 1.1rem;
}
@media (min-width: 640px){
  #takvim .events{ grid-template-columns: repeat(2, minmax(300px,1fr)); }
}
@media (min-width: 992px){
  #takvim .events{ grid-template-columns: repeat(3, minmax(320px,1fr)); }
}

/* Hareketi azaltmak isteyenler için */
@media (prefers-reduced-motion: reduce){
  .event-mini,
  .event-mini__btn{
    transition: none;
  }
}

/* --- Yaklaşan Atölyeler tam tarih barı: sinema şeridi stili --- */
.event-mini__datefull{
  position: relative;
  width: 100%;
  padding: .6rem .9rem;
  margin-bottom: .45rem;
  border-radius: 10px;
  color: var(--accent);
  font-weight: 700;
  font-size: .94rem;
  letter-spacing: .25px;
  text-align: left;
  text-transform: capitalize;
  text-align: center;    /* tarih yazısını ortalar */

  /* sinematik gradient arka plan */
  background:
    linear-gradient(90deg, rgba(255,213,74,.15), rgba(255,213,74,.06) 60%, rgba(255,213,74,.15)),
    linear-gradient(180deg, #141414 0%, #0f0f0f 100%);
  border: 1px solid rgba(255,213,74,.25);
  box-shadow:
    0 2px 6px rgba(0,0,0,.4) inset,
    0 0 14px rgba(255,213,74,.06);

  overflow: hidden;
}

/* Kenarlardaki film şeridi delikleri (perforasyon efekti) */
.event-mini__datefull::before,
.event-mini__datefull::after{
  content:"";
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:6px; height:80%;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,213,74,.3) 0 2px,
      transparent 2px 6px
    );
  border-radius:2px;
  opacity:.6;
}
.event-mini__datefull::before{ left:6px; }
.event-mini__datefull::after{ right:6px; }

/* Hover olduğunda bar hafif parlar */
.event-mini:hover .event-mini__datefull{
  background:
    linear-gradient(90deg, rgba(255,213,74,.22), rgba(255,213,74,.1) 60%, rgba(255,213,74,.22)),
    linear-gradient(180deg, #141414 0%, #0f0f0f 100%);
  box-shadow:
    0 3px 6px rgba(0,0,0,.5) inset,
    0 0 18px rgba(255,213,74,.1);
}

.event-mini__title{ margin-bottom:.2rem; }

.event-mini{
  display: grid;                 /* flex yerine grid */
  grid-template-rows: auto auto auto;
  justify-items: center;         /* yatayda ortaya */
  text-align: center;            /* metinleri ortaya */
  row-gap: .7rem;                /* başlık-tarih-button arası */
}

.event-mini__title{
  margin: 0;                     /* alttaki boşluğu tarih barı verecek */
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.3;
  white-space: normal;
  overflow: visible;
  display: block;                /* clamp izlerini kapatır */
  width: 100%;
}

.event-mini__datefull{
  width: min(92%, 560px);        /* kart içinde hoş bir genişlik */
  margin: .2rem auto .45rem;     /* ortala + nefes */
}

.event-mini__actions{
  display: flex;
  justify-content: center;       /* ortaya hizala */
  align-items: center;
  width: 100%;
}

@media (max-width: 480px){
  .event-mini__datefull{ width: 100%; }
}

/* Modal genel */
.event-modal{
  position: fixed; inset: 0;
  display: none;                 /* JS açınca grid yapıyoruz */
  place-items: center;
  background: rgba(0,0,0,.55);
  padding: 2rem;
  z-index: 1000;
}

/* Kutu: dikey yerleşim, üst alt sabit; gövde kayar */
.event-modal__box{
  width: min(92vw, 820px);
  max-height: min(86vh, 760px);
  background: #0f0f0f;
  border: 1px solid #292929;
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0,0,0,.55);
  display: flex; flex-direction: column;
  overflow: hidden;
}

.event-modal__head{ padding: 1rem 1.2rem; border-bottom: 1px solid #222; }
.event-modal__actions{ padding: .9rem 1.2rem; border-top: 1px solid #222; }

.event-modal__body{
  padding: 1rem 1.2rem;
  overflow: auto;                           /* 🔸 içerik burada kayar */
  max-height: calc(86vh - 140px);           /* başlık+alt buton payı */
  -webkit-overflow-scrolling: touch;        /* iOS ivmeli */
}

/* Arkaplan kaymasın */
html.modal-open, body.modal-open{ overflow: hidden; }

/* Sade metni satır sonlarıyla göster */
.event-modal__body.preline{ white-space: pre-line; }

/* Modal içi zengin metin */
.rte{color:#eaeaea;line-height:1.7;font-size:1rem}
.rte p{margin:.6rem 0 1rem}
.rte strong,.rte b{font-weight:800;color:#fff}
.rte em,.rte i{font-style:italic;color:#f0f0f0}
.rte h2,.rte h3,.rte h4{margin:1.2rem 0 .6rem;font-weight:800;line-height:1.25;color:#FFD54A}
.rte h2{font-size:1.25rem}.rte h3{font-size:1.15rem}.rte h4{font-size:1.05rem;color:#FFE082}
.rte ul,.rte ol{margin:.6rem 0 1rem 1.4rem;padding:0}
.rte ul{list-style:disc}.rte ol{list-style:decimal}
.rte li{margin:.35rem 0}
.rte a{color:#FFD54A;text-decoration:underline;text-underline-offset:2px}
.rte blockquote{margin:1rem 0;padding:.7rem .9rem;border-left:4px solid rgba(255,213,74,.6);background:rgba(255,213,74,.07);border-radius:8px;color:#f5f5f5;font-style:italic}
.rte hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,213,74,.6),transparent);margin:1rem 0}
.rte table{width:100%;border-collapse:collapse;margin:.8rem 0 1rem;font-size:.95rem}
.rte th,.rte td{border:1px solid #2a2a2a;padding:.5rem .6rem}
.rte th{background:#161616;color:#fff;font-weight:800}


/* Telefon & KVKK */
.form__row .hint{ color: var(--muted); font-size: .9rem; }

.form__check .check{
  display: flex; align-items: flex-start; gap: .6rem;
}
.form__check input[type="checkbox"]{
  width: 18px; height: 18px; margin-top: .2rem;
  accent-color: var(--accent);
}
.form__check a{
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Telefon input genişliği diğer alanlarla aynı */
#telefon {
  width: 100%;
  box-sizing: border-box;
}

.form__check {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1rem;
}

.form__check label {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  flex-wrap: wrap;
  line-height: 1.5;
}

.form__check input[type="checkbox"] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  accent-color: var(--accent);
}

.form__check span {
  color: #fff;
  font-size: 0.95rem;
}

.form__check a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Telefon input hizalaması */
.form__row input[type="tel"] {
  max-width: 480px;       /* form genel genişliğiyle aynı hizaya getirir */
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
}

.form__row {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* ortalamak yerine tam genişlik kullanır */
}

/* Telefon - ortak .form-row kuralları kullansın; sol hizalı, max 480px */
#apply-form input[type="tel"]{ max-width:480px; }

/* KVKK satırı: checkbox + metin aynı hizada */
.form__check .check{
  display:flex;
  align-items:center;     /* aynı satır ve aynı yükseklik */
  gap:.6rem;
  flex-wrap:wrap;         /* dar ekranda metin alta sarabilir */
}
.form__check input[type="checkbox"]{ margin-top:0; } /* tam ortalama */

/* Form alanı hata mesajı */
.field-error{
  color:#ff6b6b;
  font-weight:700;
  font-size:.92rem;
  margin:.25rem 0 0;
}


/* ====== Modal içi sekmeler (tabs) ====== */
.tabs { display: grid; gap: .9rem; }

.tablist {
  display: flex; gap: .5rem; flex-wrap: wrap;
  border-bottom: 1px solid #242424;
  padding-bottom: .4rem;
}

.tablist [role="tab"]{
  appearance: none; -webkit-appearance: none; border: 1px solid #2b2b2b;
  background: #151515; color:#f5f5f5; 
  border-radius: 10px 10px 0 0;
  padding: .55rem .8rem; font-weight: 800; font-size: .95rem;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.tablist [role="tab"]:hover{ background:#1a1a1a; border-color:#333; }
.tablist [role="tab"]:focus-visible{ outline:3px solid var(--accent); outline-offset:2px; }

/* Aktif sekme */
.tablist [role="tab"][aria-selected="true"]{
  background: linear-gradient(180deg,#1d1d1d,#151515);
  color:#ffd54a; 
  border-color: rgba(255,213,74,.35);
}

/* Paneller */
.tabpanel{ display:none; }
.tabpanel[aria-hidden="false"]{ display:block; }

/* Panel içi tipografi zaten .rte ile geliyor */
.tabpanel.rte { padding-top: .2rem; }