/* ── mln-widescreen.css — MyLastNight grand écran ───────────────────────── */
/* Commun à toutes les pages. Chargé en dernier via base.html.              */

/* ── Watermark retro : calé sur le bord droit du container ── */
html[data-theme="retro"] .mln-page-header::after {
  right: max(15px, calc((100vw - 1100px) / 2)) !important;
}

/* ── Retro header : tampon japonais à GAUCHE, titre à DROITE en bas ── */
[data-theme="retro"] .mln-page-header-inner {
  grid-template-columns: auto 1fr !important;
  column-gap: 1rem !important;
}
[data-theme="retro"] .mln-page-title-ja {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: start !important;
  justify-self: start !important;
  text-align: left !important;
}
[data-theme="retro"] .mln-page-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
}
[data-theme="retro"] .mln-page-sub {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* ── Service tiles : 2 colonnes sur mobile ── */
@media (max-width: 600px) {
  .mln-tiles-group {
    width: 100% !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── ≥ 1400px ── */
@media (min-width: 1400px) {
  .mln-main               { max-width: 1400px; }
  .mln-page-header-inner  { max-width: 1400px; }
  #mln-navbar             { padding-left: max(20px, calc((100vw - 1400px) / 2)) !important; }
  #mln-navbar .mln-nav-actions { right: max(0px, calc((100vw - 1400px) / 2)) !important; }
  html[data-theme="retro"] .mln-page-header::after {
    right: max(15px, calc((100vw - 1400px) / 2)) !important;
  }
}

/* ── ≥ 1680px (MacBook Pro 16") ── */
@media (min-width: 1680px) {
  .mln-main               { max-width: 1700px; }
  .mln-page-header-inner  { max-width: 1700px; }
  #mln-navbar             { padding-left: max(20px, calc((100vw - 1700px) / 2)) !important; }
  #mln-navbar .mln-nav-actions { right: max(0px, calc((100vw - 1700px) / 2)) !important; }
  html[data-theme="retro"] .mln-page-header::after {
    right: max(15px, calc((100vw - 1700px) / 2)) !important;
  }
}
