/*
Theme Name:        PROMOMEDIA Radio Child — MIXX.one
Theme URI:         https://mixx.one
Author:            PROMOMEDIA
Author URI:        https://promomedia.fr
Description:       Thème enfant de PROMOMEDIA Radio. Personnalisations spécifiques à MIXX.one.
Version:           1.0.0
Template:          promomedia-radio-theme
Text Domain:       promomedia-radio-child
*/

/*
 * Surcharges CSS spécifiques à MIXX.one
 * Le thème parent (promomedia-radio-theme) est chargé automatiquement avant ce fichier.
 */

/* ================================================================
   IDENTITÉ MIXX — Couleurs & typographie
   Accent principal : #7c3aed (violet électro)
   Accent secondaire : #a855f7
   Fond : #09090b (noir profond)
   Surface : #18181b
   ================================================================ */

:root {
    --pmr-accent:        #7c3aed;
    --pmr-accent-hover:  #6d28d9;
    --pmr-accent-light:  #a855f7;
    --rt-bg:             #09090b;
    --rt-surface:        #18181b;
    --rt-border:         rgba(124, 58, 237, 0.15);
    --rt-text:           #fafafa;
    --rt-text-muted:     rgba(250, 250, 250, 0.5);
}

/* Dégradé accent sur les boutons principaux */
.rt-btn,
.rt-hero-play-btn,
.rt-surprise-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    border-color: transparent;
}

.rt-btn:hover,
.rt-hero-play-btn:hover {
    background: linear-gradient(135deg, #6d28d9 0%, #9333ea 100%);
}

/* Barre de progression player — violet */
.rt-player-progress-fill,
.rt-player-volume-fill {
    background: linear-gradient(90deg, #7c3aed, #a855f7);
}

/* Filtre genre actif */
.pmr-gf-btn.active {
    background: #7c3aed;
    border-color: transparent;
}

/* Cards stations — hover violet */
.pmr-station-card:hover {
    border-color: #7c3aed;
}

/* Player bar */
.rt-player-bar {
    border-top: 1px solid rgba(124, 58, 237, 0.3);
    background: #09090b;
}

/* ================================================================
   CORRECTIFS USABILITE — tap targets, font sizes, iOS no-zoom
   ================================================================ */

.rt-nav-badge,
.rt-app-sub,
.rt-section-badge,
.rt-hero-side-label,
.rt-onair-badge,
.rt-genre-badge,
.pmr-sched-onair-badge,
.rt-footer-copy,
.pmr-billet-card-meta,
.pmr-billet-card-price,
.pan-card-meta {
    font-size: 12px !important;
}

a, button, [role="button"],
input[type="submit"], input[type="button"],
input[type="reset"], label[for] {
    touch-action: manipulation;
}

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

.rt-btn,
.rt-hsm-arrow,
.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 {
    position: relative;
    padding: 10px;
    min-height: auto;
    min-width: auto;
}

.rt-footer a,
.rt-footer-nav a {
    padding: 6px 0;
    display: inline-block;
    min-height: 36px;
    line-height: 36px;
}

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;
}

#rt-mobile-menu a {
    padding: 12px 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
}

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

.rt-hidden        { display: none !important; }
.rt-mt-0          { margin-top: 0 !important; }
.rt-mt-24         { margin-top: 24px; }
.rt-text-center   { text-align: center; }
.rt-section-surface {
    background: var(--rt-surface, #18181b);
    padding: 40px 0;
}