/* premium-fixes.css */

/* 1) Téléphone en paysage: ∞ + InfinieMaths sur la même ligne, slogan en dessous
*/
@media (orientation: landscape) and (max-height: 500px){
header.site-header .logo{
display: grid !important;
grid-template-columns: auto 1fr !important;
grid-template-rows: auto auto !important;
column-gap: 8px !important;
row-gap: 2px !important;
align-items: baseline !important;
}

 header.site-header .logo .logo-mark{
grid-column: 1 !important;
grid-row: 1 !important;
display: inline-block !important;
}

 header.site-header .logo .logo-text{
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-block !important;
white-space: nowrap !important;
}

 header.site-header .logo .logo-subtitle{
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: block !important;
white-space: normal !important;
}
}

/* 2) Pass Premium: en paysage, si le slogan manque de place, on le garde sur 1
ligne + un peu plus petit */
@media (orientation: landscape) and (max-height: 500px){
body.pass-premium-page header.site-header .logo .logo-subtitle{
white-space: nowrap !important;
font-size: 0.85em !important;
}
}
/* 3) Footer mobile Pass Premium: même rendu que les autres pages */
@media (max-width: 768px){
body.pass-premium-page .site-footer .footer-inner{
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
align-items: center !important;
text-align: center !important;
}

 body.pass-premium-page .site-footer .footer-links{
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 10px 14px !important;
}

 body.pass-premium-page .site-footer .footer-text{
display: block !important;
}
}