/* ============================================================
   RESPONSIVE.CSS — ÉLANCE Dans & Performans Akademisi
   ============================================================ */

/* ── HAMBURGER ─────────────────────────────────────────────── */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:201}
.nav-burger span{display:block;width:22px;height:2px;background:var(--text-h);border-radius:2px;transition:transform .3s,opacity .3s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── TABLET (≤1100px) ──────────────────────────────────────── */
@media(max-width:1100px){
  /* Dans slide butonları — iPad dahil tüm tablet aralığında ortala */
  .hd-acts{align-items:stretch;justify-content:center;margin-left:0;margin-right:0}


  /* Dans sayfası */

  /* Organizasyon */
  .org-card{padding:30px 26px}
}

/* ── MOBILE (≤768px) ───────────────────────────────────────── */
@media(max-width:768px){
  /* Burger görün */
  .nav-burger{display:flex}

  /* Mobil nav drawer */
  .nav-links{
    position:fixed;inset:0;
    width:100%;height:100dvh;
    background:rgba(5,8,22,.97);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    list-style:none;
    margin:0;padding:90px 32px 40px;
    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.23,1,.32,1);
    z-index:199;
    display:flex!important;
    overflow-y:auto;
    box-sizing:border-box;
    gap:0
  }
  .nav-links.mob-open{transform:translateX(0)}
  .nav-links>li{width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.07);padding:18px 0}
  .nav-links>li:last-child{border-bottom:none}
  .nav-links a{font-size:18px;font-weight:600;color:var(--text-h);letter-spacing:.04em;text-decoration:none}
  .nav-links a:hover{color:var(--gold)}
  /* Nav kompakt düzen */
  .nav{padding:13px 16px;gap:0}
  .nav-brand{flex:1}
  .nav-ari{display:none}
  .nav-burger{order:10;flex-shrink:0;margin-left:6px}
  .nav-end{order:9;gap:3px;flex-shrink:0}
  .nav-notif,.theme-toggle{width:32px;height:32px;border-radius:8px}
  .notif-badge{width:13px;height:13px;font-size:8px;top:-4px;right:-4px}
  .btn-contact{padding:7px 11px;font-size:10px;border-radius:8px;white-space:nowrap}
  .btn-dot{width:6px;height:6px;flex-shrink:0}
  .nav-dd{display:none!important}
  .dd-arr{display:none}
  .has-dd::after{display:none}

  /* ── ANASAYFA HERO (küre üstte, solda dans başlığı / sağda görsel) ── */
  .hero-3d{height:400px}
  .hero-dancer{max-width:160px!important}
  .hero-dancer.dancer-dance-mode{max-width:170px!important}
  .hero-dance{text-align:left}
  .hd-desc{max-width:100%;font-size:10.5px}
  .hd-acts{flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;width:100%;max-width:150px;margin-left:0;margin-right:0}
  .hd-btn{display:flex!important;width:100%!important;max-width:150px!important;padding:9px 10px!important;font-size:10px!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important;white-space:nowrap}
  .hero-title-line{font-size:clamp(17px,5.6vw,22px)}
  .hero-serif{font-size:clamp(18px,6vw,23px)}
  .hero-grad{font-size:clamp(18px,5.8vw,23px)}
  .hero-sub{font-size:11px;max-width:100%}

  /* İletişim: form sayfanın en üstünde, nav'ın arkasına girmesin */
  .iletisim-contact-sec{padding-top:90px!important}

  /* Banner kaldırıldı: sabit navbar altında ilk bölüme boşluk */
  .page-program .prg-tunnel-sec{padding-top:90px}


  /* ── HABERLER ── */
  .hbr-tl-img{height:160px}
  .hbr-tl-body{padding:18px 20px 20px}
  .hbr-tl-h{font-size:16px}
  .hbr-tl-p{font-size:12px}
  .hbr-tl-card{border-radius:14px}

  /* ── GALERİ ── */
  .glr-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:10px}
  .glr-item{min-height:200px!important;grid-column:auto!important;grid-row:auto!important}
  .glr-item:nth-child(1){min-height:240px!important}

  /* ── PROGRAM ── */
  .prg-tunnel-sec{padding:44px 20px}
  .prg-tunnel-h{font-size:clamp(24px,6vw,38px)}
  .prg-packages{grid-template-columns:1fr}
  .prg-pkg{padding:28px 22px}

  /* ── ORGANİZASYON ── */
  .org-grid{grid-template-columns:1fr}
  .org-card{padding:26px 22px}

  /* ── DANSLAR SAYFASI ── */
  .dns-elegant-grid{grid-template-columns:1fr}
  .dns-elegant-cat{padding:0}

  /* ── ÇOCUK DANS KARTLARI ── */
  .ck-grid{grid-template-columns:1fr}
  .ck-strip{flex-wrap:wrap;gap:8px}
  .ck-pill{border-right:none}

  /* ── GLOBE LABEL ── */
  .dl-box{width:148px}
  .dl-visual{height:72px}

  /* ── GENEL ── */

  /* ── FOOTER ── */
  .ft-bot{flex-direction:column;gap:10px;text-align:center;}
  .ft-bot-logo{margin:0 auto}
  .page-index .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-index .s-label{font-size:10px}
  .page-index .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-index .sc{padding:40px 20px}
  .page-danslar .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-danslar .s-label{font-size:10px}
  .page-danslar .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-danslar .sc{padding:40px 20px}
  .page-dans-detay .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-dans-detay .s-label{font-size:10px}
  .page-dans-detay .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-dans-detay .sc{padding:40px 20px}
  .page-cocuk-detay .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-cocuk-detay .s-label{font-size:10px}
  .page-cocuk-detay .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-cocuk-detay .sc{padding:40px 20px}
  .page-galeri .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-galeri .s-label{font-size:10px}
  .page-galeri .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-galeri .sc{padding:40px 20px}
  .page-haberler .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-haberler .s-label{font-size:10px}
  .page-haberler .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-haberler .sc{padding:40px 20px}
  .page-iletisim .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-iletisim .s-label{font-size:10px}
  .page-iletisim .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-iletisim .sc{padding:40px 20px}
  .page-organizasyon .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-organizasyon .s-label{font-size:10px}
  .page-organizasyon .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-organizasyon .sc{padding:40px 20px}
  .page-program .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-program .s-label{font-size:10px}
  .page-program .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-program .sc{padding:40px 20px}
  .page-gizlilik .btn-lg{padding:9px 10px!important;font-size:10px!important}
  .page-gizlilik .s-label{font-size:10px}
  .page-gizlilik .s-h2{font-size:clamp(24px,6.5vw,36px)}
  .page-gizlilik .sc{padding:40px 20px}
  .page-danslar .pg-content,
  .page-haberler .pg-content,
  .page-galeri .pg-content,
  .page-organizasyon .pg-content,
  .page-gizlilik .pg-content,
  .page-haber-detay .pg-content{padding-top:90px!important}
}

/* ── KÜÇÜK MOBİL (≤480px) ──────────────────────────────────── */
@media(max-width:480px){
  .page-cocuk-detay .dt-ctg, .page-cocuk-detay .dt-ctry {font-size:9px;}
  .ft-top > *:first-child {padding-right:0;}
  .page-danslar .dns-card {width:100%;}
  .ck-card {width:100% !important;}
  .page-index .sw section .dns-card {width:100%;}
  .nav-links a{font-size:16px}
  .page-hakkimizda .sc {padding: 48px 15px;}
  .page-hakkimizda .hk-story-grid {grid-template-columns: 1fr;}
  .page-hakkimizda .hk-mv-grid {grid-template-columns: 1fr;}
  .page-hakkimizda.sw section.pg-content {padding:0;}
  .page-hakkimizda .hk-values-grid {grid-template-columns: repeat(1, 1fr);}
  
  .page-organizasyon.sw section.pg-content {padding: 36px 20px 28px;}
  .page-organizasyon.sw section.pg-content .sc {padding: 36px 12px 32px;}
  .page-dans-detay .dt-top {grid-template-columns:1fr;}
  .page-dans-detay.sw section.pg-content .sc {padding: 36px 12px 32px;}
  
  .page-galeri.sw section.pg-content {padding: 36px 20px 28px;}
  .page-galeri.sw section.pg-content .sc {padding: 36px 12px 32px;}
  .page-cocuk-detay.sw section.pg-content {padding: 36px 20px 28px;}
  .page-cocuk-detay.sw section.pg-content .sc {padding:36px 12px 32px;}
  
  .page-danslar.sw section.pg-content {padding: 36px 20px 28px;}
  .page-danslar.sw section.pg-content .sc {padding: 36px 12px 32px;}
 
  .page-cocuk-detay .dt-top {grid-template-columns:1fr;}
  
  .sw section.pg-content {
    padding: 36px 36px 28px;
}
  
  /* Anasayfa hero */
  .hero-wrap{padding-top:0px!important;grid-template-columns: 1fr;grid-template-rows: 70px; grid-template-areas: none; padding:0; gap:10px 0px;}
  .hero-3d{height:300px}
  .hero-dancer{max-width:150px!important;opacity:1!important; margin-top:200px;}
  .hero-left {margin: 300px 30px 0 30px; width:auto;}
  .hero-acts {flex-direction:row; flex-wrap:nowrap;width: auto;max-width: fit-content;}
  .page-index .hero-acts .btn {padding: 10px 30px !important;}

  /* Genel */

  /* Haberler */
  .hbr-tl-img{height:140px}
  .hbr-tl-h{font-size:15px}

  /* Galeri */
  .glr-item{min-height:170px!important}

  /* Program */

  /* Organizasyon */
  .org-card{padding:22px 18px}

  /* Footer */
  .ft-top{grid-template-columns:1fr!important}
  .page-index .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-index .sc{padding:32px 16px}
  .page-danslar .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-danslar .sc{padding:32px 16px}
  .page-dans-detay .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-dans-detay .sc{padding:32px 16px}
  .page-cocuk-detay .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-cocuk-detay .sc{padding:32px 16px}
  .page-galeri .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-galeri .sc{padding:32px 16px}
  .page-haberler .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-haberler .sc{padding:32px 16px}
  .page-iletisim .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-iletisim .sc{padding:32px 16px}
  .page-organizasyon .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-organizasyon .sc{padding:32px 16px}
  .page-program .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-program .sc{padding:32px 16px}
  .page-gizlilik .s-h2{font-size:clamp(22px,7.5vw,30px)}
  .page-gizlilik .sc{padding:32px 16px}
}

/* ── ÇOK KÜÇÜK (≤360px) ────────────────────────────────────── */
@media(max-width:360px){
  .nav-links a{font-size:15px}
  .hero-3d{height:140px}
  .hero-dancer{max-width:110px!important}
  .page-index .s-h2{font-size:22px}
  .page-index .btn{padding:11px 20px;font-size:11px}
  .page-index .sc{padding:28px 14px}
  .page-danslar .s-h2{font-size:22px}
  .page-danslar .btn{padding:11px 20px;font-size:11px}
  .page-danslar .sc{padding:28px 14px}
  .page-dans-detay .s-h2{font-size:22px}
  .page-dans-detay .btn{padding:11px 20px;font-size:11px}
  .page-dans-detay .sc{padding:28px 14px}
  .page-cocuk-detay .s-h2{font-size:22px}
  .page-cocuk-detay .btn{padding:11px 20px;font-size:11px}
  .page-cocuk-detay .sc{padding:28px 14px}
  .page-galeri .s-h2{font-size:22px}
  .page-galeri .btn{padding:11px 20px;font-size:11px}
  .page-galeri .sc{padding:28px 14px}
  .page-haberler .s-h2{font-size:22px}
  .page-haberler .btn{padding:11px 20px;font-size:11px}
  .page-haberler .sc{padding:28px 14px}
  .page-iletisim .s-h2{font-size:22px}
  .page-iletisim .btn{padding:11px 20px;font-size:11px}
  .page-iletisim .sc{padding:28px 14px}
  .page-organizasyon .s-h2{font-size:22px}
  .page-organizasyon .btn{padding:11px 20px;font-size:11px}
  .page-organizasyon .sc{padding:28px 14px}
  .page-program .s-h2{font-size:22px}
  .page-program .btn{padding:11px 20px;font-size:11px}
  .page-program .sc{padding:28px 14px}
  .page-gizlilik .s-h2{font-size:22px}
  .page-gizlilik .btn{padding:11px 20px;font-size:11px}
  .page-gizlilik .sc{padding:28px 14px}
}