/* Aetherys — runtime overrides (Cloudflare inline-style bypass) */

/* Header logo sizing */
#header .ae-logo-link{display:flex!important;align-items:center!important;flex-shrink:0!important;line-height:1!important;}
#header .ae-logo-link img{height:26px!important;width:auto!important;max-width:none!important;flex-shrink:0!important;display:block!important;}
@media(max-width:768px){#header .ae-logo-link img{height:22px!important;}}

/* ── Auth pages: logo boyut düzeltmesi ── */
.auth-logo img,
.auth-logo-link img{
    display:block!important;
    margin:0 auto!important;
    height:32px!important;
    width:auto!important;
    max-width:140px!important;
    max-height:32px!important;
    object-fit:contain!important;
}
@media(max-width:600px){
    .auth-logo img,
    .auth-logo-link img{
        height:28px!important;
        max-height:28px!important;
        max-width:120px!important;
    }
    .auth-card{
        padding:28px 20px!important;
    }
}

/* ── Cart icon: NO white background on transparent header ── */
body.has-dark-hero .header:not(.ae-scrolled) .cart-icon{
    background:transparent!important;
    color:#fff!important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))!important;
}
body.has-dark-hero .header:not(.ae-scrolled) .cart-icon svg{
    stroke:#fff!important;
}

/* ── Mobil dark-hero: nav görünürlük garantisi ── */
@media(max-width:768px){
    body.has-dark-hero .header:not(.ae-scrolled){
        background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 100%)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .btn-ghost{
        color:#fff!important;
        border:1.5px solid rgba(255,255,255,.75)!important;
        background:rgba(255,255,255,.10)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .btn-primary,
    body.has-dark-hero .header:not(.ae-scrolled) .btn-primary.btn-sm{
        background:#105970!important;
        color:#fff!important;
        box-shadow:0 2px 10px rgba(0,0,0,.4)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .cart-icon{
        color:#fff!important;
        filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .cart-icon svg{
        stroke:#fff!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .logo-text,
    body.has-dark-hero .header:not(.ae-scrolled) .logo span{
        color:#fff!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .logo img,
    body.has-dark-hero .header:not(.ae-scrolled) .ae-logo-img{
        filter:brightness(0) invert(1)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .mobile-toggle span{
        background:#fff!important;
    }
}

/* ── Logo white on transparent header: all screen sizes ── */
body.has-dark-hero .header:not(.ae-scrolled) .ae-logo-img,
body.has-dark-hero .header:not(.ae-scrolled) .logo img{
    filter:brightness(0) invert(1)!important;
}
body.has-dark-hero .header.ae-scrolled .ae-logo-img,
body.has-dark-hero .header.ae-scrolled .logo img{
    filter:none!important;
}

/* ── Slider: crossfade + Ken Burns transitions ── */
.hv2-slide{
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    transform:scale(1.06)!important;
    transition:opacity 1.2s cubic-bezier(0.4,0,0.2,1),transform 7s ease!important;
    will-change:opacity,transform!important;
    background-size:cover!important;
    background-position:center!important;
}
.hv2-slide--active{
    opacity:1!important;
    transform:scale(1)!important;
}
.hv2-slide--exit{
    opacity:0!important;
    transform:scale(1.03)!important;
    transition:opacity 0.9s ease,transform 1.5s ease!important;
}

/* ── Horizontal overflow fix ── */
@media(max-width:900px){
    html{overflow-x:hidden!important;max-width:100%!important;}
    body{overflow-x:hidden!important;max-width:100%!important;}
}
body:has(.about-hero){overflow-x:hidden!important;}
.about-hero,.about-story-section,.about-stats-bar,
.about-values-section,.about-partners-section,
.about-services-section,.about-cta-section{
    overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important;
}

/* ── Homepage hero: no teal band below image ── */
@media(max-width:768px){
    .hv2-hero{min-height:100svh!important;min-height:100vh!important;background:#0a3d52!important;}
    .hv2-slides,.hv2-slide--active{min-height:100%!important;height:100%!important;}
    .hv2-hero+*{margin-top:0!important;}
}

/* ═══════════════════════════════════════════════════════════════
   2026-05-08 LIVE OVERRIDES
   ═══════════════════════════════════════════════════════════════ */

/* Slider içeriğini ekran ortasına yakın çek (desktop) */
@media (min-width: 1024px) {
    .hv2-hero-inner {
        padding-left: clamp(140px, 16vw, 320px) !important;
        padding-right: clamp(40px, 5vw, 80px) !important;
    }
    .hv2-hero-content { max-width: 640px !important; }
}
@media (min-width: 1440px) {
    .hv2-hero-inner { padding-left: clamp(220px, 20vw, 420px) !important; }
}

/* Desktop footer: ZORLA 4 sütun */
@media (min-width: 1025px) {
    .footer-grid {
        display: grid !important;
        grid-template-columns: 1.6fr 1fr 1fr 1.1fr !important;
        gap: 48px !important;
        text-align: left !important;
        justify-items: stretch !important;
        align-items: start !important;
    }
    .footer .footer-brand,
    .footer .footer-brand p,
    .footer h4,
    .footer ul,
    .footer-contact li,
    .footer-social {
        text-align: left !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .footer-brand .ae-footer-logo-img { margin-left: 0 !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .footer-grid {
        display: grid !important;
        grid-template-columns: 1.4fr 1fr 1fr 1fr !important;
        gap: 28px !important;
        text-align: left !important;
    }
}
@media (max-width: 768px) {
    .footer-grid {
        text-align: center !important;
        justify-items: center !important;
    }
    .footer-brand,
    .footer-brand p,
    .footer-brand .footer-logo,
    .footer-brand .footer-social {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .footer-brand .footer-logo,
    .footer-brand .ae-footer-logo-link {
        display: inline-flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    .footer-brand .ae-footer-logo-img { margin: 0 auto !important; display: block !important; }
    .footer-brand .footer-social { justify-content: center !important; display: flex !important; }
}

/* Hakkımızda kurucular: mobilde büyük göster */
@media (max-width: 480px) {
    .founders-v4 {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        max-width: 100% !important;
        padding: 0 16px !important;
    }
    .founders-v4 .founder-v4 { width: 100% !important; max-width: 320px !important; margin: 0 auto !important; }
    .founder-v4-img { width: 100% !important; max-width: 280px !important; height: auto !important; aspect-ratio: 1/1 !important; margin: 0 auto !important; }
    .founder-v4-name { font-size: 1.25rem !important; }
    .founder-v4-mail { font-size: 0.85rem !important; }
}
@media (min-width: 481px) and (max-width: 767px) {
    .founders-v4 { grid-template-columns: repeat(2, 1fr) !important; gap: 22px !important; }
    .founder-v4-img { width: 100% !important; max-width: 220px !important; height: auto !important; aspect-ratio: 1/1 !important; margin: 0 auto !important; }
    .founder-v4-name { font-size: 1.1rem !important; }
}

/* Etkinlik sayfası bilet kartı: radio + isim + fiyat hizalaması */
.ev-ticket-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    position: relative !important;
}
.ev-ticket-card .ev-ticket-radio {
    flex-shrink: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 4px !important;
}
.ev-ticket-card .ev-ticket-name {
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}
.ev-ticket-card .ev-ticket-row-bottom {
    margin-top: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.ev-ticket-card .ev-ticket-price-free {
    color: #10b981 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    display: inline-block !important;
}
.ev-ticket-card .ev-ticket-price-main {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: var(--primary, #105970) !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.ev-ticket-card .ev-ticket-row-bottom > div:first-child {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.ev-ticket-card > div:not(.ev-ticket-radio):not(.ev-ticket-badge) {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   KİŞİSEL DASHBOARD — Ana sayfa
   ═══════════════════════════════════════════════════════════ */
.ae-dashboard {
  background: linear-gradient(135deg, #05131b 0%, #0a2338 100%);
  padding: 2.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Üst satır: selamlama + istatistikler */
.ae-db-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.ae-db-greeting { display:flex; align-items:center; gap:.85rem; }
.ae-db-wave { font-size:2rem; }
.ae-db-name { color:#fff; font-size:1.3rem; font-weight:800; margin:0; line-height:1.2; }
.ae-db-sub  { color:rgba(255,255,255,.55); font-size:.875rem; margin:0; margin-top:.2rem; }

.ae-db-stats {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.ae-db-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: .6rem 1rem;
  min-width: 72px;
  text-decoration: none;
  transition: background .2s;
}
.ae-db-stat:hover { background: rgba(255,255,255,.1); }
.ae-db-stat-icon { font-size:1.1rem; margin-bottom:.2rem; }
.ae-db-stat strong { color:#fff; font-size:1.25rem; font-weight:800; line-height:1; }
.ae-db-stat span   { color:rgba(255,255,255,.55); font-size:.7rem; margin-top:.15rem; text-align:center; }
.ae-db-stat--link strong { display:none; }

/* Section labels */
.ae-db-section-label {
  display: block;
  color: rgba(255,255,255,.5);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: .75rem;
}
.ae-db-block { margin-top: 1.75rem; }
.ae-db-block-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem; }
.ae-db-link { color:#3bb8d8; font-size:.8rem; font-weight:700; text-decoration:none; }
.ae-db-link:hover { color:#fff; }

/* Devam et kartı */
.ae-db-continue { margin-bottom: 1.75rem; }
.ae-continue-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.ae-continue-card:hover { background: rgba(255,255,255,.1); transform: translateY(-2px); }
.ae-continue-thumb { width:80px; height:60px; object-fit:cover; border-radius:10px; flex-shrink:0; }
.ae-continue-body { flex:1; }
.ae-continue-course { display:block; color:#3bb8d8; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px; margin-bottom:.25rem; }
.ae-continue-lesson { color:#fff; font-size:1rem; font-weight:700; margin:0 0 .5rem; line-height:1.3; }
.ae-continue-prog { display:flex; align-items:center; gap:.75rem; }
.ae-continue-bar { flex:1; height:4px; background:rgba(255,255,255,.15); border-radius:2px; overflow:hidden; }
.ae-continue-fill { height:100%; background:linear-gradient(90deg,#105970,#3bb8d8); border-radius:2px; }
.ae-continue-prog span { color:rgba(255,255,255,.5); font-size:.75rem; white-space:nowrap; }
.ae-continue-btn {
  flex-shrink:0;
  background: linear-gradient(135deg,#105970,#1a7a96);
  color:#fff; font-size:.85rem; font-weight:700;
  padding:.55rem 1.1rem; border-radius:999px;
  white-space:nowrap;
}

/* Kayıtlı kurslar slider */
.ae-enrolled-slider {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.1) transparent;
}
.ae-enrolled-slider::-webkit-scrollbar { height:4px; }
.ae-enrolled-slider::-webkit-scrollbar-track { background:transparent; }
.ae-enrolled-slider::-webkit-scrollbar-thumb { background:rgba(255,255,255,.15); border-radius:2px; }

.ae-enrolled-card {
  flex-shrink:0; width:200px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px; overflow:hidden;
  text-decoration:none;
  transition: transform .2s, background .2s;
}
.ae-enrolled-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.1); }
.ae-enrolled-img { position:relative; }
.ae-enrolled-img img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ae-enrolled-pct {
  position:absolute; bottom:6px; right:6px;
  background:rgba(0,0,0,.7); color:#fff;
  font-size:.65rem; font-weight:800;
  padding:.2rem .4rem; border-radius:999px;
}
.ae-enrolled-body { padding:.75rem; }
.ae-enrolled-title { color:#fff; font-size:.85rem; font-weight:700; margin:0 0 .3rem; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ae-enrolled-meta  { color:rgba(255,255,255,.45); font-size:.7rem; display:block; margin-bottom:.4rem; }
.ae-enrolled-bar-wrap .ae-enrolled-bar { height:3px; background:rgba(255,255,255,.15); border-radius:2px; overflow:hidden; }
.ae-enrolled-bar-wrap .ae-enrolled-bar div { height:100%; background:linear-gradient(90deg,#105970,#3bb8d8); border-radius:2px; }

/* Etkinliklerim */
.ae-my-events { display:flex; flex-direction:column; gap:.6rem; }
.ae-my-event-card {
  display:flex; align-items:center; gap:1rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px; padding:.85rem 1.1rem;
  text-decoration:none;
  transition: background .2s;
}
.ae-my-event-card:hover { background:rgba(255,255,255,.1); }
.ae-my-event-date {
  flex-shrink:0; width:46px; text-align:center;
  background:linear-gradient(135deg,#105970,#1a7a96);
  border-radius:10px; padding:.4rem;
}
.ae-my-event-date strong { display:block; color:#fff; font-size:1.25rem; font-weight:900; line-height:1; }
.ae-my-event-date span   { display:block; color:rgba(255,255,255,.75); font-size:.6rem; font-weight:700; margin-top:.1rem; }
.ae-my-event-body { flex:1; }
.ae-my-event-body h4 { color:#fff; font-size:.9rem; font-weight:700; margin:0 0 .2rem; }
.ae-my-event-body span { color:rgba(255,255,255,.45); font-size:.75rem; }
.ae-my-event-arrow { color:rgba(255,255,255,.4); font-size:1rem; }

@media (max-width: 640px) {
  .ae-db-top { flex-direction:column; align-items:flex-start; }
  .ae-db-stats { width:100%; }
  .ae-continue-thumb { width:60px; height:45px; }
  .ae-continue-btn { display:none; }
}
