/* Rozetler ve sertifika — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında ve yalnız ekranda
   (@media screen): yazdırma stili rozetler-yazdir.css aynen kalır. v2 rozetler.css değişmez (?tema=yok, ?kabuk=eski).
   Kilitli rozet: kasvetli gri + kesik çizgi yerine sakin cam kart, hafif soluk görsel; anlam kilit simgesi + "Nasıl açılır" yazısında.
   Izgara: 7 dar sütun yerine 4–5 geniş sütun (koşul metni 2–3 satırda kalır); telefonda iki sütun korunur (D69). */
@media screen {

/* -- başlık ve özet kutusu -- */
html[data-tema="ada"].canli .rz-hero h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.2rem); }
html[data-tema="ada"].canli .rz-eyebrow { color: #4B2FD1; }
html[data-tema="ada"].canli .rz-lead { color: var(--ac-metin-2); }
html[data-tema="ada"].canli :is(.rz-ozet, .rz-kutu) {
  border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .rz-ozet { padding: 18px 22px; }
html[data-tema="ada"].canli .rz-ozet .v2-progress-label span:last-child { font-family: var(--v2-font-body); font-weight: 800; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .rz-ozet .v2-progress__bar { background: linear-gradient(90deg, #9B7BFF, #4F6BFF); }
html[data-tema="ada"].canli .rz-ozet__sayi b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 2rem; color: #0B6E66; }
html[data-tema="ada"].canli .rz-ozet__sayi span { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .rz-kutu h2 { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .rz-kapi.kismi { background: linear-gradient(165deg, rgba(227,234,255,.92), rgba(255,255,255,.72)); }

/* -- galeri başlıkları ve sayaç -- */
html[data-tema="ada"].canli .rz-grup h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; }
html[data-tema="ada"].canli .rz-say {
  border: 0; background: rgba(123,92,255,.13); color: #4B2FD1; font-family: var(--ac-font-baslik); font-weight: 900;
}
html[data-tema="ada"].canli .rz-bos {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.66); color: var(--ac-metin-2);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .4);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli .rz-bos a { color: #4B2FD1; }

/* -- ızgara: daha geniş kartlar -- */
html[data-tema="ada"].canli .rz-liste { gap: 20px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 228px), 1fr)); }
@media (max-width: 559.98px) {
  html[data-tema="ada"].canli .rz-liste { gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); }
}

/* -- rozet kartı: cam -- */
html[data-tema="ada"].canli .bcard {
  position: relative; isolation: isolate; gap: 8px; padding: 20px 16px 18px; color: var(--ac-metin);
  border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .bcard.on::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(90% 60% at 50% 0%, rgba(255,198,41,.22), transparent 70%);
}
html[data-tema="ada"].canli button.bcard { transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease); }
html[data-tema="ada"].canli button.bcard:hover {
  background: var(--ac-cam); transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(255,170,40,.3), var(--ac-golge-ust), 0 18px 40px -22px rgba(255,170,40,.6), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli button.bcard:active { transform: translateY(-1px) scale(.995); }
html[data-tema="ada"].canli button.bcard:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .bimgwrap { width: 120px; height: 120px; }
/* görsel kutuya sığar: v2'de height:100% çözülmüyor, resim 190 px'e uzayıp başlığın altına taşıyordu */
html[data-tema="ada"].canli .bimgwrap img { width: 120px; height: 120px; }
html[data-tema="ada"].canli .bt { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.12rem; }
html[data-tema="ada"].canli .bd { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .ribbon { border: 1px solid #FFFFFF; color: #0B6E66; background: #DDF7EE; box-shadow: 0 4px 10px -6px rgba(20,190,170,.7); }

/* kilitli: sakin cam + yumuşak gri; görsel hafif soluk (tam gri değil) */
html[data-tema="ada"].canli .bcard.off {
  border-style: solid; border-color: var(--ac-kenar); background: rgba(255,255,255,.55);
  box-shadow: 0 0 0 1px rgba(91,72,200,.1), 0 8px 22px -16px rgba(var(--ac-golge-r), .35), inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-tema="ada"].canli .bcard.off .bimgwrap img { filter: grayscale(.55) saturate(.8); opacity: .62; }
html[data-tema="ada"].canli .bcard.off .bt { color: var(--ac-metin); }
html[data-tema="ada"].canli .lock {
  width: 36px; height: 36px; border: 1px solid #FFFFFF; color: var(--ac-metin-2); background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 1px rgba(91,72,200,.16), 0 6px 14px -8px rgba(var(--ac-golge-r), .5);
}
html[data-tema="ada"].canli .lock .rz-ic { width: 20px; height: 20px; --v2-icon-fill: rgba(123,92,255,.22); }
html[data-tema="ada"].canli .rz-nasil {
  margin-top: auto; padding: 10px 12px; border: 0; border-radius: 14px; color: var(--ac-metin);
  background: rgba(123,92,255,.08); box-shadow: inset 0 0 0 1px rgba(91,72,200,.1);
}
html[data-tema="ada"].canli .bcard.off { align-content: stretch; grid-template-rows: auto auto auto 1fr; }
html[data-tema="ada"].canli .rz-nasil b { color: #4B2FD1; }

html[data-tema="ada"].canli .rz-not { color: var(--ac-metin-2); }

/* -- büyük görünüm penceresi -- */
html[data-tema="ada"].canli .rz-modal { background: rgba(27,24,70,.38); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-tema="ada"].canli .rz-modal__in {
  border: 1px solid var(--ac-kenar); border-radius: 28px; background: rgba(255,255,255,.94);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 30px 60px -24px rgba(var(--ac-golge-r), .55);
}
html[data-tema="ada"].canli .rz-modal__in h2 { font-family: var(--ac-font-baslik); font-weight: 900; }

/* -- sertifika formu ve önizleme (belge kâğıt görünümünü korur; yalnız kalın kontur yumuşar) -- */
html[data-tema="ada"].canli .rz-sertifika__form { position: relative; isolation: isolate; }
html[data-tema="ada"].canli .rz-sertifika__form::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(80% 140% at 0% 0%, rgba(255,198,41,.2), transparent 60%);
}
html[data-tema="ada"].canli .rz-sertifika__form h2 { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .rz-sertifika__form h2 .v2-icon { color: #8A4B00; --v2-icon-fill: #FFD24A; }
html[data-tema="ada"].canli .rz-onizleme { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .cert-frame {
  border: 1px solid rgba(27,24,70,.16); border-radius: 28px;
  box-shadow: 0 0 0 6px rgba(255,255,255,.7), 0 30px 60px -28px rgba(var(--ac-golge-r), .55);
}
html[data-tema="ada"].canli .cert-frame::before { inset: 12px; border: 1.5px dashed rgba(91,72,200,.3); border-radius: 18px; }
html[data-tema="ada"].canli .cert-title, html[data-tema="ada"].canli .cert-name { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .cert-box { border: 1px solid rgba(27,24,70,.18); border-radius: 16px; }
html[data-tema="ada"].canli .seal { border: 0; background: linear-gradient(140deg, #FFE38A, #FFC629); box-shadow: 0 8px 18px -8px rgba(255,154,31,.7), inset 0 0 0 4px rgba(255,255,255,.6); }

/* -- hareket azaltma ve zayıf cihaz -- */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli button.bcard { transition: none; }
  html[data-tema="ada"].canli button.bcard:hover { transform: none; }
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.bcard, .rz-ozet, .rz-kutu, .rz-bos, .rz-modal) {
  -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; transition: none;
}

}