/* styles/theme/pinboard/landing-scale.css
 * --------------------------------------------------------------
 * Scale responsive des éléments décoratifs de la landing.
 *
 * Le user veut que sur 1920×1080 le rendu visuel ressemble à celui
 * d'un écran 2K+ (où les éléments en px fixes sont à la bonne taille
 * relative). Sans ça, les ticket / plaques / panels prennent une
 * part trop grande du viewport sur écran moyen.
 *
 * Solution : variable `--lp-scale` (landing-page-scale) qui interpole
 * linéairement entre :
 *   · 1280px viewport → 0.65
 *   · 1920px viewport → 0.85
 *   · 2560px viewport → 1.00
 *
 * Chaque élément déco applique `transform: scale(var(--lp-scale))`
 * avec un `transform-origin` correspondant à son ancre (coin où il
 * est positionné en absolute). Ça réduit l'empreinte visuelle sans
 * déplacer le point d'attache.
 *
 * NB : on ne touche PAS à .leaflet-control-zoom ni .theme-toggle —
 * ils ont une taille standard convenable (36×36) et restent en haut
 * droite peu importe le viewport.
 */

/* Paliers fixes par media-query (plus fiable que clamp+calc avec
 * unités, qui casse `scale()` car retourne une length au lieu
 * d'un scalaire). */
/* Valeurs bumpées de +5% (cf. demande user) sur toute la plage. */
#view-landing.pinboard-theme{ --lp-scale: 1.05; }             /* ≥ 2560px */
@media (max-width: 2400px){ #view-landing.pinboard-theme{ --lp-scale: 0.97; } }
@media (max-width: 2100px){ #view-landing.pinboard-theme{ --lp-scale: 0.89; } }
@media (max-width: 1920px){ #view-landing.pinboard-theme{ --lp-scale: 0.82; } }
@media (max-width: 1680px){ #view-landing.pinboard-theme{ --lp-scale: 0.76; } }
@media (max-width: 1440px){ #view-landing.pinboard-theme{ --lp-scale: 0.71; } }
@media (max-width: 1280px){ #view-landing.pinboard-theme{ --lp-scale: 0.68; } }

/* Ticket t+ — ancre top-left, garde sa rotation -3deg.
   `!important` car le rule original dans ticket.css a la même
   cascade-rank et risque de gagner selon l'ordre @import. */
#view-landing.pinboard-theme .pb-ticket{
  transform: rotate(-3deg) scale(var(--lp-scale)) !important;
  transform-origin: top left !important;
}

#view-landing.pinboard-theme .landing-modes{
  transform: scale(var(--lp-scale)) !important;
  transform-origin: bottom left !important;
}

#view-landing.pinboard-theme .landing-lines-stack{
  transform: scale(var(--lp-scale)) !important;
  transform-origin: bottom right !important;
}

/* Live-display : 21% plus grand que les autres éléments décoratifs
 * (deux passes user successives "+10%" cumulées : 1.1 × 1.1 = 1.21). */
#view-landing.pinboard-theme .live-display{
  transform: scale(calc(var(--lp-scale) * 1.21)) !important;
  transform-origin: top right !important;
}

/* Sur viewports très étroits (mobile / tablette portrait), on garde
   un scale plancher pour ne pas tomber sous l'utilisable et on laisse
   le responsive existant (lines-panel.css ≤ 720px) gérer la mise en
   page mobile. */
@media (max-width: 720px){
  #view-landing.pinboard-theme{ --lp-scale: 0.89; }
}