/* CEREZ RIZA BANDI — palet: Carbon #181818 · Ivory #F6F1E8 · CTA #B64F21 (palet_my.json, G5 kilitli)
   Mobilde tek sutun; klavye odagi gorunur; azaltilmis hareket tercihi saygi gorur. */

.sol-riza {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #181818;
  color: #F6F1E8;
  border-top: 3px solid #B64F21;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, .28);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.sol-riza[hidden] { display: none; }

.sol-riza-ic {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sol-riza-yazi { flex: 1 1 380px; min-width: 0; }

.sol-riza-baslik {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #F6F1E8;
}

.sol-riza-metin {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #E9E0D3;
}

.sol-riza-dugmeler {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.sol-riza-dugme {
  font: 600 15px/1 Inter, system-ui, sans-serif;
  padding: 13px 22px;
  border-radius: 4px;
  border: 1.5px solid transparent;
  cursor: pointer;
}

/* 0.2.41 (denetim M-3): "Kabul et" dolu turuncu, "Yalniz gerekli" cerceveliydi — KVKK acisindan yonlendirici ve sayfanin
   birincil dugmesiyle (ayni renk) yarisiyordu. Iki secenek ESIT gorunumde, marka turuncusu kullanilmaz. */
.sol-riza-kabul { background: transparent; color: #F6F1E8; border-color: #F6F1E8; }
.sol-riza-red { background: transparent; color: #F6F1E8; border-color: #F6F1E8; }
.sol-riza-red:hover { background: rgba(246, 241, 232, .12); }

.sol-riza-ayrinti {
  color: #D99A3E;                                                 /* koyu zeminde amber (site kurali) */
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
  padding: 10px 4px;
}
.sol-riza-ayrinti:hover { color: #F6F1E8; }

.sol-riza :focus-visible {
  outline: 3px solid #D99A3E;
  outline-offset: 2px;
}

/* 0.2.36 — Astra temasi button/:hover/:focus rengini global mavi (--ast-global-color-0/1) yapiyor;
   bizim .sol-riza-kabul kurali yalniz duragan hali tutuyordu, odakta dugme MAVI oluyordu (22 Eyl olcum:
   getComputedStyle -> rgb(11,92,146); kaynak Astra satir ici <style>). Ozgullugu yuksek kendi kuralimiz. */
.sol-riza-dugme:hover, .sol-riza-dugme:focus, .sol-riza-dugme:active { box-shadow: none; }
.sol-riza-kabul:hover, .sol-riza-kabul:focus, .sol-riza-kabul:active { background: rgba(246, 241, 232, .12); color: #F6F1E8; border-color: #F6F1E8; }
.sol-riza-red:hover, .sol-riza-red:focus, .sol-riza-red:active { background: rgba(246, 241, 232, .12); color: #F6F1E8; border-color: #F6F1E8; }

@media (max-width: 760px) {
  .sol-riza-ic { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px 18px; }
  /* 0.2.36 KUSUR DUZELTMESI (22 Eyl olcum): .sol-riza-yazi'nin `flex: 1 1 380px` tabani SUTUN yonunde
     380 px YUKSEKLIK demek. Panel mobilde 584 px oluyor, ilk ekranin %69'unu kapatiyor, H1 arkasinda kaliyor.
     Olculen: panel 390x584, yazi blogu 380 px, metin iki satir. Taban serbest birakilir. */
  .sol-riza-yazi { flex: 0 1 auto; }
  /* 0.2.40 OLCUM (23 Eyl): panel mobilde 271 px = ilk ekranin %32'si ve kahraman dugmesini
     (y 577-621) ORTUYORDU — elementFromPoint dugmenin merkezinde bandi donduruyordu, yani
     ziyaretci cerezi kapatmadan hicbir eyleme ulasamiyordu. Dugmeler YAN YANA: panel ~165 px'e
     iner, dugme ortulmez. Olcut: ilk ekranda hero dugmesinin merkezi tiklanabilir olmali. */
  .sol-riza-dugmeler { flex-direction: row; align-items: stretch; gap: 10px; }
  .sol-riza-dugme { flex: 1 1 0; width: auto; padding: 13px 10px; font-size: 14px; }
  .sol-riza-ayrinti { text-align: center; flex-basis: 100%; padding: 4px 4px 0; }
  .sol-riza-metin { font-size: 14px; }
  .sol-riza-ic { gap: 12px; padding: 14px 16px; }
}

@media (prefers-reduced-motion: no-preference) {
  .sol-riza { animation: sol-riza-gir .22s ease-out; }
  @keyframes sol-riza-gir { from { transform: translateY(100%); } to { transform: translateY(0); } }
}

/* 0.2.41 (denetim M-1): 375x667 telefonda bant 190 px idi ve Check-up dugmesini TAMAMEN ortuyordu. Kisa ekranda baslik
   gizlenir (soru metinde duruyor), bosluklar daralir, "Ayrinti" dugme satirina girer. Olcut: kucuk telefonda ilk ekranin
   birincil dugmesinin merkezi tiklanabilir. */
@media (max-width: 760px) and (max-height: 720px) {
  .sol-riza-baslik { display: none; }
  .sol-riza-ic { gap: 8px; padding: 10px 14px; }
  .sol-riza-metin { font-size: 13px; line-height: 1.4; }
  .sol-riza-dugmeler { flex-wrap: nowrap; gap: 8px; }
  .sol-riza-dugme { padding: 11px 8px; font-size: 13px; }
  .sol-riza-ayrinti { flex: 0 0 auto; flex-basis: auto; padding: 11px 2px; font-size: 13px; }
}

.sol-riza-kisa { display: none; }
/* 0.2.46 (mobil_lens_olc M2, 23 Eyl): 0.2.41 kucuk ekran kurali bandi 117 px'e indirdi ama 375x667'de 16 sayfada birincil dugme
   (merkez y 550-658) hala bandin altindaydi; 390x844'te /danismanlik/ (y 718, bant 189 px). Mobilde bant TEK SATIR ince serit:
   kisa soru + iki esit dugme + Ayrinti; uzun metin ekran okuyucuda kalir (aria-describedby), gorsel olarak kisa soru. Olcut: ilk
   ekrandaki birincil dugmenin merkezi tiklanabilir. */
@media (max-width: 760px) {
  .sol-riza-ic { flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 7px 10px; }
  .sol-riza-yazi { flex: 1 1 auto; min-width: 0; }
  .sol-riza-baslik { display: none; }
  .sol-riza-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sol-riza-kisa { display: block; margin: 0; font-size: 12px; line-height: 1.25; color: #E9E0D3; }
  .sol-riza-dugmeler { flex: 0 0 auto; flex-wrap: nowrap; gap: 6px; }
  .sol-riza-dugme { flex: 0 0 auto; padding: 0 10px; min-height: 40px; font-size: 12.5px; }
  .sol-riza-ayrinti { flex: 0 0 auto; flex-basis: auto; padding: 10px 2px; font-size: 12px; }
}

/* 0.2.122 YOUTUBE TIKLA-YUKLE (riza.php 6 · riza.js): oynatana kadar YouTube'a istek yok, bu yuzden kapak gorseli de yok.
   Palet ayni (Carbon / Ivory / CTA). Masaustunde kutu 16:9 yer tutar; telefonda yuksekligi icerik belirler (metin binmez).
   Tema dugme bicimi (buyuk harf, harf araligi, yuvarlak kose, dolgu) sifirlanir. Video eklenince iframe kutuyu doldurur. */
.sol-yt {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 16 / 9;
  margin: 0 0 1.2em;
  background: #181818;
  color: #F6F1E8;
  border-radius: 6px;
  overflow: hidden;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.sol-yt .sol-yt-oynat {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 18px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #F6F1E8;
  font: inherit;
  font-weight: 400;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
}
.sol-yt .sol-yt-oynat:hover, .sol-yt .sol-yt-oynat:focus { background: transparent; color: #F6F1E8; }
.sol-yt-ikon {
  position: relative;
  width: 68px;
  height: 48px;
  border-radius: 12px;
  background: #B64F21;
  flex: 0 0 auto;
}
.sol-yt-ikon::after {
  content: "";
  position: absolute;
  left: 27px;
  top: 14px;
  border-style: solid;
  border-width: 10px 0 10px 17px;
  border-color: transparent transparent transparent #F6F1E8;
}
.sol-yt-yazi { display: flex; flex-direction: column; gap: 4px; max-width: 46ch; }
.sol-yt-yazi b { font-size: 17px; font-weight: 600; line-height: 1.35; }
.sol-yt-yazi span { font-size: 15px; line-height: 1.4; opacity: .9; }
.sol-yt .sol-yt-oynat:hover .sol-yt-ikon { background: #9a421b; }
.sol-yt .sol-yt-oynat:focus-visible { outline: 3px solid #F6F1E8; outline-offset: -6px; }
.sol-yt-not {
  flex: 0 0 auto;
  margin: 0;
  padding: 10px 16px;
  font-size: 13px;
  line-height: 1.4;
  color: #F6F1E8;
  background: rgba(0, 0, 0, .35);
  text-align: center;
}
.sol-yt-not a { color: #F6F1E8; text-decoration: underline; }
.sol-yt-cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 480px) {
  .sol-yt { aspect-ratio: auto; min-height: 220px; }
  .sol-yt-yazi b { font-size: 16px; }
  .sol-yt.sol-yt-oynuyor { aspect-ratio: 16 / 9; min-height: 0; }
}
/* Astra: 'body .ast-oembed-container * { position:absolute; top:0; left:0; width:100%; height:100% }' kabin ICINDEKI her ogeyi
   ust uste bindiriyordu (27 Eyl melez sinav: 'Videoyu oynat' tiki 30 sn tutmadi). Kutu ve icerigi daha ozgul secicilerle
   kendi yerlesimine dondurulur. */
body .ast-oembed-container .sol-yt { position: relative; top: auto; left: auto; width: 100%; height: auto; margin: 0; }
body .ast-oembed-container .sol-yt * { position: static; top: auto; left: auto; width: auto; height: auto; }
body .ast-oembed-container .sol-yt .sol-yt-oynat { position: relative; width: 100%; }
body .ast-oembed-container .sol-yt .sol-yt-ikon { position: relative; width: 68px; height: 48px; }
body .ast-oembed-container .sol-yt .sol-yt-cerceve { position: absolute; inset: 0; width: 100%; height: 100%; }