/*
Theme Name:        PROMOMEDIA Radio Child
Theme URI:         https://promomedia.fr
Author:            PROMOMEDIA
Author URI:        https://promomedia.fr
Description:       Thème enfant de PROMOMEDIA Radio. Personnalisations spécifiques au client M40.
Version:           1.0.0
Template:          promomedia-radio
Text Domain:       promomedia-radio-child
*/

/*
 * Les surcharges CSS vont ici.
 * Le thème parent (promomedia-radio-theme) est chargé automatiquement avant ce fichier.
 */

/* ================================================================
   CORRECTIFS USABILITÉ — SEOptimer Audit (mai 2026)
   Objectif : passer l'usabilité de F à C+ minimum
   ================================================================ */

/* 1. Taille de police minimum 12px (Google Mobile Usability)
      Les labels "10px" du thème parent (badges, app links) sont trop petits */
.rt-nav-badge,
.rt-app-sub,
.rt-section-badge,
.rt-hero-side-label,
.rt-onair-badge,
.rt-genre-badge,
.pmr-sched-onair-badge,
.rt-hsm-dot,
.rt-footer-copy,
.pmr-billet-card-meta,
.pmr-billet-card-price,
.pan-card-meta {
    font-size: 12px !important;
}

/* 2. Tap targets minimum 44×44px (WCAG 2.5.5 / Google Mobile)
      Tous les liens et boutons interactifs doivent être cliquables facilement */
a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="reset"],
label[for] {
    touch-action: manipulation; /* supprime le délai 300ms double-tap iOS */
}

.rt-nav-primary a,
.rt-mobile-menu a {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.rt-btn,
.rt-hsm-arrow,
.rt-hsm-dot,
.rt-surprise-btn,
.rt-theme-toggle,
.rt-billet-icon-btn,
.pmr-station-card,
.rt-hero-play-btn {
    min-height: 44px;
    min-width: 44px;
}

.rt-hsm-dot {
    /* Les dots du carousel sont trop petits — agrandir la zone cliquable */
    position: relative;
    padding: 10px;
    min-height: auto;
    min-width: auto;
}

/* 3. Liens footer et nav secondaire — espacement touch */
.rt-footer a,
.rt-footer-nav a {
    padding: 6px 0;
    display: inline-block;
    min-height: 36px;
    line-height: 36px;
}

/* 4. Formulaires — hauteur minimum pour inputs mobile */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="date"],
textarea,
select {
    min-height: 44px;
    font-size: 16px; /* évite le zoom automatique iOS */
}

/* 5. Correctif spécifique : menu mobile — items trop serrés */
#rt-mobile-menu a {
    padding: 12px 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
}

/* ================================================================
   FIN CORRECTIFS USABILITÉ
   ================================================================ */

/* ================================================================
   CLASSES UTILITAIRES — remplacement des styles inline statiques
   ================================================================ */

/* Visibilité */
.rt-hidden { display: none !important; }

/* Espacements */
.rt-mt-0  { margin-top: 0 !important; }
.rt-mt-24 { margin-top: 24px; }

/* Alignement */
.rt-text-center { text-align: center; }

/* Section avec fond surface (remplace style="background:var(--rt-surface);padding:40px 0") */
.rt-section-surface {
    background: var(--rt-surface, #141414);
    padding: 40px 0;
}

/* ================================================================
   FIN CLASSES UTILITAIRES
   ================================================================ */