/* ─────────────────────────────────────────────
   Minimal Gutenberg Starter CSS (Slimmed)
   Özelleştirme Değişkenleri
────────────────────────────────────────────── */
:root{
  --brand-bg:#ffffff;          /* arka plan */
  --brand-primary:#FFD43B;     /* vurgu (buton, link hover) */
  --brand-accent:#00B4D8;      /* ikincil vurgu (link, badge) */
  --text:#f8f9fa;              /* birincil metin */
  --text-dim:#adb5bd;          /* ikincil metin */
  --surface:#111827;           /* kart/sekme zemin */
  --border:#1f2937;            /* ince sınırlar */
  --radius:12px;               /* genel köşe */
  --gap:1rem;                  /* bloklar arası boşluk */
  --shadow:0 6px 20px rgba(0,0,0,.15);
  --font-base:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;
}

/* Genel reset/temel */
.wp-site-blocks, .entry-content{font-family:var(--font-base); color:var(--text);}
.entry-content > *{margin-block:calc(var(--gap) * 1.25);}
.aligncenter{text-align:center;}
.alignleft{float:left;margin-right:1rem;}
.alignright{float:right;margin-left:1rem;}
img{height:auto;max-width:100%;display:block}

/* Erişilebilirlik */
.screen-reader-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.screen-reader-text:focus{position:static;width:auto;height:auto;padding:.5rem;background:#eee;color:#111}

/* ── Butonlar ─────────────────────────────── */
.wp-block-button .wp-block-button__link,
.wp-element-button,
button, .button{
  display:inline-block; cursor:pointer; text-align:center;
  padding:.75rem 1.25rem; border-radius:9999px; border:0;
  background:var(--brand-accent); color:#fff; text-decoration:none;
  box-shadow:none; transition:transform .06s ease, opacity .2s ease, background .2s ease;
}
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover, button:hover, .button:hover{opacity:.9; transform:translateY(-1px)}
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent; color:var(--brand-accent);
  border:2px solid var(--brand-accent)
}
.wp-block-button.is-style-squared .wp-block-button__link{border-radius:6px}

/* ── Navigasyon ──────────────────────────── */
.wp-block-navigation{--nav-gap:.75rem}
.wp-block-navigation__container{display:flex; flex-wrap:wrap; gap:var(--nav-gap)}
.wp-block-navigation a{color:var(--text); text-decoration:none; padding:.5rem .75rem; border-radius:8px}
.wp-block-navigation a:hover{background:rgba(255,255,255,.06)}
/* Dropdown temel */
.wp-block-navigation .has-child{position:relative}
.wp-block-navigation .wp-block-navigation__submenu-container{
  position:absolute; left:0; top:100%; min-width:200px;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:.5rem; display:none; box-shadow:var(--shadow); z-index:20
}
.wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container{display:block}
.wp-block-navigation .wp-block-navigation__submenu-container a{display:block; border-radius:8px}

/* ── Sütunlar (Columns) ──────────────────── */
.wp-block-columns{display:flex; flex-wrap:wrap; gap:var(--gap)}
.wp-block-column{min-width:0; flex:1 1 0}
@media (max-width:781px){ .wp-block-columns{flex-direction:column} }

/* ── Kapak (Cover) ───────────────────────── */
.wp-block-cover{
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:360px; padding:1rem; overflow:hidden; border-radius:var(--radius)
}
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.wp-block-cover__inner-container{position:relative; z-index:1; color:#fff; text-align:center}
.wp-block-cover.has-background-dim::before{
  content:""; position:absolute; inset:0; background:#000; opacity:.45
}

/* ── Görsel (Image) ──────────────────────── */
.wp-block-image{margin:0}
.wp-block-image img{border-radius:10px}

/* ── Galeri (Gallery) ───────────────────── */
.wp-block-gallery{display:flex; flex-wrap:wrap; gap:calc(var(--gap) * .75)}
.wp-block-gallery .blocks-gallery-item,
.wp-block-gallery figure{width:calc(50% - var(--gap) * .375)}
@media (min-width:600px){
  .wp-block-gallery.columns-3 figure{width:calc(33.333% - var(--gap) * .5)}
  .wp-block-gallery.columns-4 figure{width:calc(25% - var(--gap) * .6)}
}
.wp-block-gallery img{display:block; width:100%; height:auto; border-radius:10px}

/* ── Tablo (Table) ───────────────────────── */
.wp-block-table{overflow-x:auto}
.wp-block-table table{width:100%; border-collapse:collapse; background:var(--surface); border-radius:var(--radius); overflow:hidden}
.wp-block-table th, .wp-block-table td{
  padding:.75rem .9rem; border:1px solid var(--border); color:var(--text)
}
.wp-block-table thead{background:rgba(255,255,255,.03); font-weight:600}

/* ── Arama (Search) ─────────────────────── */
.wp-block-search__inside-wrapper{display:flex; gap:.5rem}
.wp-block-search__input{
  flex:1 1 auto; padding:.65rem .75rem; border:1px solid var(--border);
  background:#0f172a; color:var(--text); border-radius:10px; outline:none
}
.wp-block-search__input:focus{border-color:var(--brand-accent)}
.wp-block-search__button{border:1px solid var(--brand-accent)}

/* ── Sosyal Linkler ─────────────────────── */
.wp-block-social-links{display:flex; flex-wrap:wrap; gap:.5rem; padding:0; margin:0}
.wp-block-social-links .wp-social-link{
  list-style:none; background:#0f172a; color:#fff; border-radius:999px;
  transition:transform .06s ease, opacity .2s ease
}
.wp-block-social-links .wp-social-link a{display:flex; align-items:center; gap:.5rem; padding:.4rem .7rem; color:inherit}
.wp-block-social-links .wp-social-link:hover{transform:translateY(-1px); opacity:.9}

/* ── Ayracı/Çizgi (Separator) ───────────── */
.wp-block-separator{border:0; border-top:1px solid var(--border); margin:2rem 0; opacity:.9}

/* ── Kart/Grup (Group) Basit Yüzey ──────── */
.wp-block-group.has-background{
  background:var(--surface); color:var(--text);
  padding:clamp(1rem, 2vw, 2rem); border-radius:var(--radius); box-shadow:var(--shadow)
}

/* ── Alıntı / Pullquote (opsiyonel hafif) ─ */
.wp-block-quote, .wp-block-pullquote{
  border-left:4px solid var(--brand-primary); padding:1rem 1.25rem; background:rgba(255,255,255,.03);
  border-radius:8px; color:var(--text)
}
.wp-block-pullquote{ text-align:center; border-left:none; border-top:4px solid var(--brand-primary) }

/* ── Küçük yardımcılar ──────────────────── */
.has-text-align-center{text-align:center}
.has-text-align-right{text-align:right}
.has-text-align-left{text-align:left}