/* =========================================================
   LUMINA · MOBILE / TABLETĂ 2026
   Modificări exclusiv <= 1024px. Desktopul este neatins.
   Galerie 22 imagini -> hero. Hero 3 imagini -> stagiune.
   ========================================================= */
.mobile-first-intro,.mobile-quick-nav,.mobile-gallery-host,
.season-mobile-carousel-wrap,.gallery-mobile-return{display:none}
@media (max-width:1024px){
  html{scroll-padding-top:105px}
  #mobile-gallery-host,#agenda-concertelor,#membri,#stagiune,#povestea-noastra,#inscrieri-2027,#acces-membri{scroll-margin-top:105px}
  /* Bara socială: 4 pictograme, fără text, cu un contrast discret. */
  .announcement{height:auto!important;min-height:48px!important}
  .announcement-inner.announcement-socials{max-width:660px!important;min-height:48px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:3px 14px!important;gap:7px!important;box-sizing:border-box}
  .announcement .top-social-link{min-height:40px!important;height:40px!important;border:1px solid rgba(244,252,255,.22)!important;background:rgba(255,255,255,.075)!important;border-radius:10px!important;padding:0 9px!important;gap:0!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
  .announcement .top-social-link:hover,.announcement .top-social-link:focus-visible{background:rgba(255,255,255,.21)!important;border-color:rgba(255,255,255,.45)!important}
  .announcement .top-social-link .top-social-short,.announcement .top-social-link .top-social-wide{display:none!important}
  .top-social-icon{width:20px!important;height:20px!important;flex:0 0 20px!important}
  /* Introducere exclusiv pentru experiența mobilă: identitate + acțiuni la îndemână. */
  .hero-container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;padding-top:10px!important;padding-bottom:17px!important}
  .mobile-first-intro{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:13px 0 10px;gap:6px}
  .mobile-first-emblem{width:clamp(76px,11vw,102px);height:clamp(76px,11vw,102px);border-radius:50%;padding:8px;display:grid;place-items:center;background:rgba(255,255,255,.95);border:1px solid #d2e2eb;box-shadow:0 14px 38px rgba(32,90,126,.11),0 0 0 7px rgba(198,225,239,.24)}
  .mobile-first-emblem img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
  .mobile-first-kicker{color:#3e7293;font-size:9px;line-height:1.5;font-weight:850;letter-spacing:.105em;margin-top:9px}
  .mobile-first-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(27px,4.8vw,42px);line-height:1.15;letter-spacing:-.035em;font-weight:500;color:#173e5b;margin:4px 0}
  .mobile-first-intro h2 em{font-weight:400;color:#37799c}
  .mobile-first-hint{font-size:8px;line-height:1.6;color:#688498;font-weight:800;letter-spacing:.1em}
  .mobile-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:12px 0 21px}
  .mobile-quick-item{position:relative;min-height:66px;padding:10px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;text-align:center;text-decoration:none!important;border-radius:12px;color:#275878!important;background:rgba(255,255,255,.9);border:1px solid #d0e2ea;box-shadow:0 5px 14px rgba(35,87,116,.045);font-weight:850;font-size:10px;letter-spacing:.025em;line-height:1.3;transition:transform .22s ease,box-shadow .22s ease}
  .mobile-quick-item:hover,.mobile-quick-item:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(35,87,116,.13);outline-offset:3px}
  .mobile-quick-icon{font:500 22px/1 Georgia,serif;color:#4388ac}
  .mobile-quick-arrow{position:absolute;right:9px;top:7px;font-size:13px;color:#83a7bb}
  .mobile-quick-feature{background:linear-gradient(115deg,#205e88,#317da7)!important;border-color:#2a719b!important;color:#fff!important;box-shadow:0 7px 22px rgba(33,96,138,.22)}
  .mobile-quick-feature .mobile-quick-icon,.mobile-quick-feature .mobile-quick-arrow{color:#e1f6ff}
  .mobile-gallery-host{display:block;width:100%;max-width:930px;margin:0 auto 0;min-width:0}
  .mobile-gallery-header{display:flex;align-items:center;gap:9px;min-height:26px;color:#36718e;font-size:10px;letter-spacing:.12em;font-weight:900;margin-bottom:10px}
  .mobile-gallery-header small{margin-left:auto;color:#7490a2;font-size:9px;font-weight:800;letter-spacing:.075em;white-space:nowrap}
  .mobile-gallery-live{height:7px;width:7px;border-radius:50%;background:#2f91af;box-shadow:0 0 0 4px rgba(63,148,188,.13)}
  #mobile-gallery-host .gallery-component{width:100%}
  #mobile-gallery-host .gallery-viewport{width:100%;height:clamp(270px,39vw,465px);min-height:0;max-height:none;aspect-ratio:auto;border-radius:15px;border:1px solid #c8dce7;box-shadow:0 18px 47px rgba(27,83,122,.14)}
  #mobile-gallery-host .gallery-corner{font-size:8px;left:12px;top:12px;letter-spacing:.08em}
  #mobile-gallery-host .gallery-controls{margin-top:13px;gap:11px}
  #mobile-gallery-host .gallery-footnote{margin-top:9px;color:#527d94}
  #mobile-gallery-host .gallery-control{height:40px;width:40px;min-width:40px;font-size:17px}
  #mobile-gallery-host .gallery-actions{gap:6px}
  #mobile-gallery-host .gallery-track{min-width:8px}
  /* Urmează textul instituțional deja aprobat, fără butoane redundante. */
  .hero-copy{order:5!important;width:100%;padding:20px 0 8px!important;min-width:0}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-actions,.hero-copy>.hero-2027-actions{display:none!important}
  .hero-copy .hero-subtitle{font-size:12px!important;max-width:680px!important;margin:0 auto 14px!important;text-align:center;line-height:1.75!important}
  .hero-copy .hero-credit{margin:14px auto 0!important;max-width:750px}
  .hero-bottom{height:43px!important}
  /* Secțiunea galerie își păstrează locul, dar prezintă un link către galeria unică de sus. */
  .gallery-section .gallery-mobile-return{display:flex;align-items:center;gap:16px;padding:17px 20px;border:1px solid #d1e1ea;background:#fff;border-radius:12px;color:#2d6788}
  .gallery-mobile-return>span{font-size:20px;flex:none;color:#2f7197}
  .gallery-mobile-return p{font-size:12px;line-height:1.7;margin:0;flex:1;color:#58768a}
  .gallery-mobile-return a{text-decoration:none;white-space:nowrap;font-weight:850;color:#21628b;font-size:10px;letter-spacing:.045em;border-bottom:1px solid #82a9be;padding-bottom:4px}
  /* Slideshow-ul de 3 fotografii apare în stagiune, după fotografia stagiunii. */
  .season-mobile-carousel-wrap{display:block;width:calc(100% - 2 * var(--gutter,32px));max-width:940px;margin:29px auto 0;box-sizing:border-box}
  .season-mobile-carousel-heading{margin:0 0 15px;color:#356e91}
  .season-mobile-carousel-heading span{font-size:9px;font-weight:850;letter-spacing:.16em}
  .season-mobile-carousel-heading h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.035em;margin:8px 0 7px;color:#214761}
  .season-mobile-carousel-heading h3 em{color:#3c82a4;font-weight:400}
  .season-mobile-carousel-heading p{margin:0;font-size:12px;color:#617e91;line-height:1.75}
  #season-mobile-carousel-host .hero-carousel.hero-stage{display:block!important;position:relative!important;float:none!important;width:100%!important;max-width:none!important;height:clamp(270px,43vw,475px)!important;min-height:0!important;max-height:none!important;margin:0 auto!important;align-self:auto!important}
  #season-mobile-carousel-host .hero-carousel-viewport{border-radius:15px}
  #season-mobile-carousel-host .hero-carousel-top{top:12px;left:12px;right:12px}
  #season-mobile-carousel-host .hero-carousel-bottom{left:12px;right:12px;bottom:11px}
  /* Eliminăm exclusiv bulinele numerice ale Consiliului Director. */
  .leadership-grid .leader-number{display:none!important}
}
@media (max-width:700px){
  .hero-container{padding-top:7px!important}
  .mobile-first-intro{padding-top:13px}
  .mobile-first-emblem{width:82px;height:82px}
  .mobile-first-kicker{font-size:8px}
  .mobile-first-intro h2{font-size:clamp(27px,7.3vw,36px)}
  .mobile-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;margin-bottom:18px}
  .mobile-quick-item{min-height:58px;flex-direction:row;justify-content:flex-start;gap:9px;text-align:left;font-size:9px;padding:10px 12px}
  .mobile-quick-icon{font-size:19px;flex:0 0 24px;text-align:center}
  .mobile-quick-arrow{top:50%;right:8px;transform:translateY(-50%);font-size:13px}
  .mobile-quick-item>span:nth-child(2){padding-right:8px}
  #mobile-gallery-host .gallery-viewport{height:clamp(240px,67vw,365px);border-radius:13px;aspect-ratio:auto}
  #mobile-gallery-host .gallery-controls{gap:8px}
  #mobile-gallery-host .gallery-track{max-width:85px}
  #mobile-gallery-host .gallery-control{height:36px;width:36px;min-width:36px}
  #mobile-gallery-host .gallery-actions{gap:4px}
  #mobile-gallery-host .gallery-corner{font-size:7px;padding:7px 8px}
  .hero-copy .hero-credit{margin-top:14px!important}
  .gallery-section .gallery-mobile-return{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}
  .gallery-mobile-return p{font-size:11px}
  .season-mobile-carousel-wrap{margin-top:26px}
  #season-mobile-carousel-host .hero-carousel.hero-stage{height:clamp(235px,69vw,360px)!important}
}
@media (max-width:360px){
  .mobile-first-emblem{width:73px;height:73px}
  .mobile-first-kicker{letter-spacing:.035em;font-size:7px}
  .mobile-first-intro h2{font-size:27px}
  .mobile-quick-item{min-height:56px;font-size:8px;padding:8px 9px;gap:5px}
  .mobile-quick-icon{flex-basis:21px;font-size:17px}
  .mobile-quick-arrow{right:5px}
  #mobile-gallery-host .gallery-viewport{height:240px}
  #mobile-gallery-host .gallery-control{height:33px;width:33px;min-width:33px}
  #mobile-gallery-host .gallery-counter{gap:4px;font-size:11px}
  #mobile-gallery-host .gallery-track{max-width:25px}
}
@media (prefers-reduced-motion:reduce){.mobile-quick-item{transition:none}}

/* Pictograme lineare unificate în scurtăturile mobile. */
@media(max-width:1024px){.mobile-quick-item .mobile-quick-icon{width:23px;height:23px;flex:0 0 23px;stroke-width:1.8;color:#448bad}}
@media(max-width:700px){.mobile-quick-item .mobile-quick-icon{width:19px;height:19px;flex-basis:19px}}
@media(max-width:360px){.mobile-quick-item .mobile-quick-icon{width:18px;height:18px;flex-basis:18px}}
@media(max-width:1024px){.mobile-quick-feature .mobile-quick-icon{color:#f0fbff}}


/* ============================================================
   LUMINA · Ajustările aprobate pentru telefon și tabletă
   1. Cele două sigle în poziție egală, la începutul paginii.
   2. Cele trei fotografii de grup rulează ÎN interiorul
      chenarului «STAGIUNEA MUZICALĂ · 2026–2027 · TÂRGU MUREȘ».
   Pe desktop nu se modifică nimic.
   ============================================================ */
@media(max-width:1024px){
  .mobile-first-identity-logos{display:flex;align-items:center;justify-content:center;gap:clamp(15px,4vw,29px);width:100%;margin:0 auto 3px}
  .mobile-first-identity-logos .mobile-first-emblem{flex:0 0 auto;box-sizing:border-box;margin:0;overflow:hidden}
  .mobile-first-university-emblem{text-decoration:none!important;transition:box-shadow .2s ease,transform .2s ease;outline-offset:5px}
  .mobile-first-university-emblem:hover,.mobile-first-university-emblem:focus-visible{transform:translateY(-2px);box-shadow:0 17px 38px rgba(32,90,126,.2),0 0 0 7px rgba(198,225,239,.28)}
  .mobile-first-university-emblem img{object-fit:contain;object-position:center;display:block;width:100%;height:100%}
  .season-photo-card .season-photo-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;min-height:0;background:#cfdee8}
  .season-photo-card .season-photo-wrap>.season-photo{display:none!important}
  .season-photo-card .season-photo-wrap>.hero-carousel.hero-stage{display:block!important;position:relative!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;float:none!important;align-self:stretch!important;transform:none!important;box-shadow:none!important}
  .season-photo-card .season-photo-wrap .hero-carousel-viewport{height:100%!important;width:100%!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  .season-photo-card .season-photo-wrap .hero-carousel-top{top:11px;left:11px;right:11px}
  .season-photo-card .season-photo-wrap .hero-carousel-bottom{bottom:11px;left:11px;right:11px}
  .season-photo-card .season-photo-wrap .hero-carousel-controls{gap:3px}
  .season-photo-card .season-photo-wrap .hero-carousel-dots{gap:6px}
}
@media(max-width:700px){
  .mobile-first-identity-logos{gap:19px}
  .season-photo-card .season-photo-wrap{aspect-ratio:4/3}
  .season-photo-card .season-photo-wrap .hero-carousel-top{top:8px;left:8px;right:8px}
  .season-photo-card .season-photo-wrap .hero-carousel-bottom{bottom:8px;left:8px;right:8px}
  .season-photo-card .season-photo-wrap .hero-carousel-top>span{font-size:7px;padding:6px 8px}
}
@media(max-width:360px){
  .mobile-first-identity-logos{gap:15px}
  .season-photo-card .season-photo-wrap .hero-carousel-controls{gap:1px}
  .season-photo-card .season-photo-wrap .hero-carousel-dots{padding:8px 9px}
  .season-photo-card .season-photo-wrap .hero-control{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.mobile-first-university-emblem{transition:none}}