/* DenemeYİM maskot yerleşimi
   ------------------------------------------------------------------
   Maskot yalnızca dekoratif amaçlı kullanılır: her örnekte `alt=""` ve
   `aria-hidden="true"` verilir, tıklama olaylarını engellemez.

   Kullanım:
     <div class="dy-mascot-wrap dy-mascot-wrap--glow dy-mascot-wrap--lg-only">
       <img class="dy-mascot dy-mascot--float" src="..." alt="" width="380" height="466" loading="lazy" decoding="async">
     </div>

   Boyut sınıfları: --xs (110) --sm (150) --md (220) --lg (300) --xl (380)
   Yerleşim: --hero (clamp), --lg-only / --md-only (mobilde gizle)
*/

.dy-mascot-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

.dy-mascot {
    display: block;
    width: var(--dy-mascot-w, 220px);
    height: auto;
    max-width: 100%;
    /* Kurumsal görünüm: maskot düz yerleşir; renkli parlama ve ağır gölge yok. */
    filter: none;
    user-select: none;
    -webkit-user-drag: none;
}

/* Boyutlar */
.dy-mascot-wrap--xs { --dy-mascot-w: 110px; }
.dy-mascot-wrap--sm { --dy-mascot-w: 150px; }
.dy-mascot-wrap--md { --dy-mascot-w: 220px; }
.dy-mascot-wrap--lg { --dy-mascot-w: 300px; }
.dy-mascot-wrap--xl { --dy-mascot-w: 380px; }

/* Sınav bloğu/hero ölçeği: genişlikle birlikte büyür, mobilde küçülür. */
.dy-mascot-wrap--hero { --dy-mascot-w: clamp(240px, 24vw, 380px); }
.dy-mascot-wrap--spot { --dy-mascot-w: clamp(150px, 14vw, 200px); }

/* Koyu zeminlerde maskotun arkasına ışık halesi konmaz; gövde zaten açık
   renkli olduğu için kontrast yeterlidir. Sınıf geriye dönük uyum için durur. */
.dy-mascot-wrap--glow::before {
    content: none;
}

.dy-mascot-wrap--glow .dy-mascot {
    position: relative;
    z-index: 1;
}

/* Açık zeminlerde de gölge kullanılmaz: düz, basılı yayın dili. */
.dy-mascot-wrap--soft .dy-mascot,
.dy-mascot-wrap--flat .dy-mascot {
    filter: none;
}

/* Yüzme animasyonu kapalı: maskot sabit durur (kurumsal/editoryal görünüm). */
.dy-mascot--float {
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    .dy-mascot--float { animation: none; }
}

/* Mobilde gizleme yardımcıları */
@media (max-width: 1023px) {
    .dy-mascot-wrap--lg-only { display: none; }
}

@media (max-width: 767px) {
    .dy-mascot-wrap--md-only { display: none; }
}

/* Giriş / kayıt panelleri: düz kurumsal kırmızı zemin.
   Radyal parlama ve nokta deseni kaldırıldı; maskot yalın zeminde durur. */
.dy-auth-panel {
    background-color: #d90a11;
    background-image: none;
}

.dy-auth-panel::after {
    content: none;
}

.dy-auth-panel > * {
    position: relative;
    z-index: 1;
}