/* COSTA DO SOL — Accueil smartphone Neon V2
   Mobile uniquement. La version PC reste inchangée. */
@media (max-width:760px){
  :root{--costa-pink:#ff1da8;--costa-cyan:#00eaff;--costa-gold:#ffc42e;--costa-violet:#9c4dff}
  body.v3-reborn{overflow-x:hidden;background:#020204!important}

  /* Header plus fin + boutons Costa sans fond, contour néon */
  body.v3-reborn .v3-hero .hero-nav{
    grid-template-columns:74px minmax(0,1fr) 38px!important;
    min-height:76px!important;height:76px!important;padding:7px 9px!important;
    background:rgba(2,2,5,.94)!important;border-bottom:1px solid rgba(255,29,168,.35)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  body.v3-reborn .v3-hero .signature-home-brand{width:70px!important;min-width:70px!important;max-width:70px!important}
  body.v3-reborn .v3-hero .signature-home-brand img{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{gap:7px!important;max-width:270px!important;justify-self:center!important}
  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{
    height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 7px!important;border-radius:9px!important;
    background:rgba(3,3,8,.6)!important;color:#fff!important
  }
  body.v3-reborn .v3-hero .costa-club-nav-button{
    border:1px solid var(--costa-pink)!important;box-shadow:0 0 8px rgba(255,29,168,.8),inset 0 0 10px rgba(255,29,168,.08)!important
  }
  body.v3-reborn .v3-hero .costa-life-nav-button{
    border:1px solid var(--costa-cyan)!important;box-shadow:0 0 8px rgba(0,234,255,.75),inset 0 0 10px rgba(0,234,255,.08)!important
  }
  body.v3-reborn .v3-hero .costa-access-button .costa-club-icon{font-size:12px!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{font-size:10px!important;letter-spacing:.04em!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy small{display:none!important}
  body.v3-reborn .v3-hero .hero-nav>.menu-toggle{width:36px!important;min-width:36px!important;height:38px!important;padding:5px 1px!important}
  body.v3-reborn .v3-hero .hero-nav>.menu-toggle span{width:28px!important;background:var(--costa-pink)!important;box-shadow:0 0 7px rgba(255,29,168,.8)}
  body.v3-reborn .home-live-ticker{top:76px!important;border-bottom:1px solid rgba(0,234,255,.18)!important}

  /* Hero rectangle compact, proche de la maquette */
  body.v3-reborn .v3-hero{min-height:auto!important;padding-top:0!important;background:#020204!important}
  body.v3-reborn.home-live-enabled .v3-hero-grid{padding-top:116px!important}
  body.v3-reborn.home-live-disabled .v3-hero-grid{padding-top:88px!important}
  body.v3-reborn .v3-hero-grid{
    min-height:0!important;display:block!important;padding-left:13px!important;padding-right:13px!important;padding-bottom:18px!important
  }
  body.v3-reborn .hero-bg,
  body.v3-reborn .hero-bg-video{
    top:106px!important;left:13px!important;right:13px!important;width:auto!important;height:430px!important;border-radius:25px!important;overflow:hidden!important;
    background-position:68% center!important;background-size:cover!important;box-shadow:0 0 0 1px rgba(255,29,168,.75),0 0 24px rgba(255,29,168,.28)!important
  }
  body.v3-reborn.home-live-disabled .hero-bg,
  body.v3-reborn.home-live-disabled .hero-bg-video{top:86px!important}
  body.v3-reborn .v3-hero-overlay{
    top:106px!important;left:13px!important;right:13px!important;height:430px!important;border-radius:25px!important;
    background:linear-gradient(90deg,rgba(2,2,5,.96) 0%,rgba(2,2,5,.78) 45%,rgba(2,2,5,.12) 78%),linear-gradient(0deg,rgba(2,2,5,.92),transparent 55%)!important
  }
  body.v3-reborn.home-live-disabled .v3-hero-overlay{top:86px!important}
  body.v3-reborn .v3-hero-main{
    position:relative!important;z-index:4!important;width:100%!important;height:430px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
    padding:25px 20px 22px!important;border:0!important;border-radius:25px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important
  }
  body.v3-reborn .v3-overline{font-size:10px!important;letter-spacing:.16em!important;color:var(--costa-gold)!important;margin:0 0 12px!important}
  body.v3-reborn .v3-hero-main h1{font-family:Arial Black,Arial,sans-serif!important;font-size:clamp(39px,11vw,55px)!important;line-height:.93!important;letter-spacing:-.045em!important;text-transform:uppercase!important;max-width:7.8ch!important;margin:0 0 14px!important;text-shadow:0 3px 20px #000!important}
  body.v3-reborn .v3-hero-main h1::first-line{color:#fff}
  body.v3-reborn .v3-hero-text{max-width:29ch!important;font-size:14px!important;line-height:1.48!important;margin:0!important;color:#fff!important;text-shadow:0 2px 9px #000!important}
  body.v3-reborn .v3-hero-actions{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important;max-width:510px!important}
  body.v3-reborn .v3-hero-actions a{min-height:46px!important;border-radius:9px!important;background:rgba(3,3,8,.7)!important;color:#fff!important;font-size:10px!important;letter-spacing:.04em!important;padding:9px 7px!important}
  body.v3-reborn .v3-hero-actions .v3-primary{border:1px solid var(--costa-gold)!important;box-shadow:0 0 13px rgba(255,196,46,.55)!important}
  body.v3-reborn .v3-hero-actions .v3-secondary{border:1px solid var(--costa-pink)!important;box-shadow:0 0 13px rgba(255,29,168,.45)!important}

  /* Prochaine soirée : affiche visible à gauche, infos + compteur à droite */
  body.v3-reborn .v3-next-card{
    position:relative!important;z-index:6!important;display:grid!important;grid-template-columns:42% 58%!important;align-items:stretch!important;
    width:calc(100% - 26px)!important;max-width:none!important;margin:8px 13px 18px!important;border:1px solid var(--costa-pink)!important;border-radius:22px!important;
    overflow:hidden!important;background:linear-gradient(145deg,rgba(12,4,12,.98),rgba(2,5,10,.98))!important;box-shadow:0 0 22px rgba(255,29,168,.18)!important
  }
  body.v3-reborn .v3-next-image{height:auto!important;min-height:260px!important;border-radius:0!important}
  body.v3-reborn .v3-next-image img{object-fit:cover!important;object-position:center!important;animation:costaPosterBreath 7s ease-in-out infinite alternate}
  body.v3-reborn .v3-next-image:after{background:linear-gradient(90deg,transparent 65%,rgba(4,2,8,.92))!important}
  body.v3-reborn .v3-next-image>span{top:12px!important;left:12px!important;bottom:auto!important;background:var(--costa-pink)!important;border-radius:5px!important;padding:6px 9px!important;font-size:9px!important}
  body.v3-reborn .v3-next-content{padding:20px 14px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
  body.v3-reborn .v3-next-content>small{font-size:9px!important;color:var(--costa-pink)!important;letter-spacing:.12em!important}
  body.v3-reborn .v3-next-content h2{font-family:Georgia,serif!important;font-size:clamp(22px,6.5vw,31px)!important;line-height:1!important;margin:7px 0 4px!important;color:#fff!important}
  body.v3-reborn .v3-next-content p{font-size:13px!important;margin:0 0 8px!important;color:#ddd!important}
  body.v3-reborn .v3-count{gap:5px!important;margin:10px 0 12px!important}
  body.v3-reborn .v3-count b{padding:8px 2px!important;border:1px solid rgba(255,29,168,.72)!important;border-radius:8px!important;background:rgba(255,255,255,.025)!important}
  body.v3-reborn .v3-count span{font-family:Arial Black,Arial,sans-serif!important;font-size:18px!important;color:#fff!important}
  body.v3-reborn .v3-count small{font-size:6px!important;color:#bbb!important}
  body.v3-reborn .v3-next-content>a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border:1px solid var(--costa-cyan)!important;border-radius:8px!important;box-shadow:0 0 12px rgba(0,234,255,.35)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
  @keyframes costaPosterBreath{from{transform:scale(1.01)}to{transform:scale(1.07)}}

  body.v3-reborn .v3-hero-bottom{position:relative!important;bottom:auto!important;margin:0!important;padding:0 13px 12px!important;background:transparent!important;border:0!important}
  body.v3-reborn .v3-hero-bottom span{background:#08080a!important;border:1px solid rgba(255,196,46,.18)!important;padding:9px 4px!important}

  /* On évite le gros bloc texte juste après le hero */
  body.v3-reborn .v3-manifest{padding:42px 20px!important;text-align:center!important;background:radial-gradient(circle at 80% 50%,rgba(156,77,255,.13),transparent 45%),#050507!important}
  body.v3-reborn .v3-manifest h2{font-size:clamp(34px,9.5vw,48px)!important;line-height:.96!important}
  body.v3-reborn .v3-manifest>p{font-size:14px!important;line-height:1.55!important}

  /* Soirées : cartes horizontales compactes + défilement automatique */
  body.v3-reborn .v3-week{padding:45px 14px 50px!important;background:#030305!important;overflow:hidden!important}
  body.v3-reborn .v3-week .v3-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;margin-bottom:20px!important}
  body.v3-reborn .v3-week .v3-section-head h2{font-family:Arial Black,Arial,sans-serif!important;font-size:20px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.02em!important}
  body.v3-reborn .v3-week .v3-section-head h2 br{display:none!important}
  body.v3-reborn .v3-week .v3-section-head>a{font-size:9px!important;max-width:100px!important;color:var(--costa-gold)!important}
  body.v3-reborn .v3-event-list{
    grid-auto-columns:78vw!important;gap:11px!important;margin:0 -14px!important;padding:2px 14px 15px!important;scroll-behavior:smooth!important
  }
  body.v3-reborn .v3-event{border-radius:15px!important;border:1px solid rgba(255,29,168,.72)!important;background:#07070a!important;box-shadow:0 0 14px rgba(255,29,168,.10)!important}
  body.v3-reborn .v3-event:nth-child(2){border-color:rgba(0,234,255,.75)!important;box-shadow:0 0 14px rgba(0,234,255,.10)!important}
  body.v3-reborn .v3-event:nth-child(3){border-color:rgba(255,196,46,.78)!important;box-shadow:0 0 14px rgba(255,196,46,.10)!important}
  body.v3-reborn .v3-event>a{display:grid!important;grid-template-columns:42% 1fr 30px!important;min-height:150px!important;align-items:center!important}
  body.v3-reborn .v3-event-photo{grid-column:1!important;grid-row:1!important;height:150px!important}
  body.v3-reborn .v3-event-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07070a 100%)}
  body.v3-reborn .v3-event-info{grid-column:2!important;grid-row:1!important;padding:14px 7px!important;min-width:0!important}
  body.v3-reborn .v3-event-info small{font-size:8px!important;color:var(--costa-gold)!important}
  body.v3-reborn .v3-event-info h3{font-family:Arial Black,Arial,sans-serif!important;font-size:18px!important;line-height:1.05!important;text-transform:uppercase!important;margin:7px 0!important}
  body.v3-reborn .v3-event-info p{font-size:11px!important;color:#ddd!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.v3-reborn .v3-event-arrow{grid-column:3!important;grid-row:1!important;padding:0 7px 0 0!important;font-size:22px!important;color:var(--costa-cyan)!important}

  /* Galerie plus proche du visuel */
  body.v3-reborn .v3-gallery-home{padding:45px 14px 50px!important;background:#020204!important}
  body.v3-reborn .v3-gallery-home .v3-section-head{margin-bottom:18px!important;align-items:center!important;flex-direction:row!important}
  body.v3-reborn .v3-gallery-home .v3-section-head h2{font-family:Arial Black,Arial,sans-serif!important;font-size:23px!important;line-height:1!important;text-transform:uppercase!important}
  body.v3-reborn .home-gallery-track a{width:176px!important;height:126px!important;border-radius:10px!important;border:1px solid rgba(255,196,46,.65)!important}

  /* La barre basse garde le style application, accent rose */
  .mobile-premium-nav{border-color:rgba(255,255,255,.16)!important;background:rgba(5,5,8,.94)!important;box-shadow:0 0 20px rgba(156,77,255,.15),0 14px 45px rgba(0,0,0,.6)!important}
  .mobile-premium-nav a.active{color:#fff!important;background:radial-gradient(circle at center,rgba(255,29,168,.25),transparent 70%)!important;box-shadow:inset 0 0 18px rgba(255,29,168,.12)!important}
  .mobile-premium-nav a.active:after{background:var(--costa-pink)!important;box-shadow:0 0 10px var(--costa-pink)!important}
}

@media (max-width:390px){
  body.v3-reborn .v3-hero .hero-nav{grid-template-columns:65px minmax(0,1fr) 34px!important;gap:5px!important}
  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{gap:5px!important}
  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{height:38px!important;min-height:38px!important;max-height:38px!important;padding:3px 5px!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{font-size:9px!important}
  body.v3-reborn .v3-next-card{grid-template-columns:39% 61%!important}
  body.v3-reborn .v3-next-content{padding:16px 10px 13px!important}
  body.v3-reborn .v3-count span{font-size:16px!important}
}

@media (prefers-reduced-motion:reduce){
  body.v3-reborn .v3-next-image img{animation:none!important}
}

/* V15.1 — Accueil : mêmes boutons compacts que les pages intérieures */
@media (max-width:760px){
  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
    grid-template-columns:104px 104px!important;
    gap:6px!important;
    justify-self:center!important;
  }
  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:3px 5px!important;
    border-radius:12px!important;
    gap:3px!important;
  }
  body.v3-reborn .v3-hero .costa-access-button .costa-club-icon{font-size:11px!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{font-size:9.5px!important;letter-spacing:.015em!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy small{font-size:7px!important;margin-top:1px!important}
}
@media (max-width:390px){
  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{
    width:202px!important;
    min-width:202px!important;
    max-width:202px!important;
    grid-template-columns:98px 98px!important;
  }
  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{font-size:9px!important}
  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy small{font-size:6.7px!important}
}

/* V15.2 — Accueil mobile : cadre "La nuit commence ici" réellement plus compact */
@media (max-width:760px){
  body.v3-reborn .hero-bg,
  body.v3-reborn .hero-bg-video{
    height:330px!important;
    border-radius:20px!important;
  }

  body.v3-reborn .v3-hero-overlay{
    height:330px!important;
    border-radius:20px!important;
  }

  body.v3-reborn .v3-hero-main{
    height:330px!important;
    min-height:330px!important;
    padding:18px 18px 16px!important;
    border-radius:20px!important;
    justify-content:center!important;
  }

  body.v3-reborn .v3-overline{
    margin:0 0 8px!important;
    font-size:9px!important;
  }

  body.v3-reborn .v3-hero-main h1{
    font-size:clamp(34px,9.5vw,46px)!important;
    line-height:.94!important;
    margin:0 0 10px!important;
  }

  body.v3-reborn .v3-hero-text{
    font-size:13px!important;
    line-height:1.38!important;
    max-width:31ch!important;
  }

  body.v3-reborn .v3-hero-actions{
    margin-top:13px!important;
    gap:8px!important;
  }

  body.v3-reborn .v3-hero-actions a{
    min-height:40px!important;
    padding:7px 6px!important;
    border-radius:8px!important;
  }
}

@media (max-width:390px){
  body.v3-reborn .hero-bg,
  body.v3-reborn .hero-bg-video,
  body.v3-reborn .v3-hero-overlay,
  body.v3-reborn .v3-hero-main{
    height:310px!important;
    min-height:310px!important;
  }

  body.v3-reborn .v3-hero-main h1{
    font-size:32px!important;
  }
}

/* V15.3 — Accueil : boutons identiques aux pages intérieures */
@media (max-width:760px){
  body.v3-reborn .v3-hero .hero-nav{
    grid-template-columns:72px minmax(0,1fr) 36px!important;
    column-gap:6px!important;
  }

  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
    gap:6px!important;
    margin:0!important;
    justify-self:center!important;
    align-items:center!important;
  }

  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:4px 6px!important;
    gap:4px!important;
    border-radius:11px!important;
    text-align:left!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    font-size:12px!important;
    line-height:1!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    line-height:1!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{
    display:block!important;
    font-size:9px!important;
    line-height:1.05!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy small{
    display:block!important;
    margin-top:2px!important;
    font-size:6.8px!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    color:rgba(255,255,255,.88)!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  body.v3-reborn .v3-hero .hero-nav{
    grid-template-columns:64px minmax(0,1fr) 34px!important;
    column-gap:4px!important;
  }

  body.v3-reborn .v3-hero .public-nav-actions.costa-access-buttons{
    width:196px!important;
    min-width:196px!important;
    max-width:196px!important;
    grid-template-columns:95px 95px!important;
    gap:6px!important;
  }

  body.v3-reborn .v3-hero .costa-access-button,
  body.v3-reborn .v3-hero .costa-club-nav-button,
  body.v3-reborn .v3-hero .costa-life-nav-button{
    width:95px!important;
    min-width:95px!important;
    max-width:95px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:4px 5px!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy strong{
    font-size:8.5px!important;
  }

  body.v3-reborn .v3-hero .costa-access-button .costa-club-copy small{
    font-size:6.3px!important;
  }
}