/**
 * Rugby Approved - Overrides CSS
 * ---------------------------------
 * Fichier pour vos personnalisations personnelles.
 * Ce fichier est chargé en dernier pour écraser les styles du thème.
 * Les modifications ici survivent aux mises à jour du thème.
 */

/* Exemple d'override - décommentez et modifiez selon vos besoins :

#header {
    background: #f5f5f5;
}

.tvmain-slider-content-inner {
    border-radius: 25px;
}

*/

/* Slider principal (tvcmsslider) — couleurs via module (variables CSS sur .tvcmsmain-slider-wrapper) */
.tvcmsmain-slider-wrapper .tvmain-slider-content-inner {
    background: var(--tvms-caption-bg);
}

.tvcmsmain-slider-wrapper .tvmain-slider-title {
    color: var(--tvms-title);
}

/* Thème ThemeVolty : hover du titre repasse en #maincolor1 — on garde --tvms-title */
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-title:hover,
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-title:focus {
    color: var(--tvms-title) !important;
}

/* Textzone : le thème / tvcmsslider colorent p, h2, strong, etc. — on propage --tvms-text */
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-info {
    color: var(--tvms-text);
}

.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-info * {
    color: inherit;
}

.tvcmsmain-slider-wrapper .tvmain-slider-button.btn-primary {
    background-color: var(--tvms-btn-bg) !important;
    border-color: var(--tvms-btn-bg) !important;
    color: var(--tvms-btn-text) !important;
}

.tvcmsmain-slider-wrapper .tvmain-slider-button.btn-primary span {
    color: inherit;
}

/* :hover sur le <a> seul : le thème + tvcmsslider mettent la couleur sur le span (ex. blanc) — il faut le cibler aussi */
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-button:hover,
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-button:focus {
    background-color: var(--tvms-btn-hover-bg) !important;
    border-color: var(--tvms-btn-hover-bg) !important;
    color: var(--tvms-btn-hover-text) !important;
}

.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-button:hover span,
.tvcmsmain-slider-wrapper .tvmain-slider-contant .tvmain-slider-button:focus span {
    color: var(--tvms-btn-hover-text) !important;
}

/* Bouton slider = .tvall-inner-btn : le thème remplit au survol avec un ::after rouge (#db1212 / #maincolor1) */
.tvcmsmain-slider-wrapper .tvmain-slider-button.tvall-inner-btn:hover::after,
.tvcmsmain-slider-wrapper .tvmain-slider-button.tvall-inner-btn:hover:after,
.tvcmsmain-slider-wrapper .tvmain-slider-button.tvall-inner-btn:focus::after,
.tvcmsmain-slider-wrapper .tvmain-slider-button.tvall-inner-btn:focus:after {
    background-color: var(--tvms-btn-hover-bg) !important;
}