/* ============================================================
   PABLITO MODERN — LearnPress Typography Override
   ============================================================ */

/* Titres */
.learnpress h1, .learnpress h2, .learnpress h3, .learnpress h4,
.lp-content-area h1, .lp-content-area h2, .lp-content-area h3,
.learn-press-courses h2, .learn-press-courses h3,
.wap-course-title, .wap-course-title a,
.course-title, .course-title a,
.lp-single-course .course-title,
.learn-press-courses-header h1 {
    font-family: var(--pab-font-heading) !important;
}

/* Corps de texte */
.learnpress, .lp-content-area,
.learn-press-courses,
.course-short-description,
.course-content p,
.lp-single-course .course-content,
.lp-single-course .course-tab-panel-overview,
.learnpress .content-item-wrap {
    font-family: var(--pab-font-body) !important;
}

/* UI elements (meta, labels, buttons, tabs, prix) */
.course-instructor-category,
.course-wrap-meta,
.course-info,
.course-price,
.course-students,
.lp-button,
.learn-press-nav-tabs .course-nav li a,
.learn-press-nav-tabs .course-nav li span,
.learn-press-courses-pagination .page-numbers,
.lp-courses-bar,
.lp-courses-bar input,
.lp-courses-bar select {
    font-family: var(--pab-font-ui) !important;
}

/* =========================================================
   Bouton "S'abonner" affiché aux non-abonnés sur les fiches
   cours (remplace le bouton enroll/purchase LearnPress).
   Corrige le texte blanc sur blanc en état normal.
   ========================================================= */
a.pablito-subscribe-button,
a.pablito-subscribe-button:link,
a.pablito-subscribe-button:visited {
    display: inline-block;
    background: #e85d4a;
    color: #ffffff !important;
    border: none;
    padding: 14px 32px;
    border-radius: 999px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(232, 93, 74, 0.30);
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

a.pablito-subscribe-button:hover,
a.pablito-subscribe-button:focus {
    background: #c94a38;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(201, 74, 56, 0.38);
}

a.pablito-subscribe-button:active {
    transform: translateY(0);
}

/* Cadenas + libellé alignés dans le bouton S'abonner */
a.pablito-subscribe-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pablito-subscribe-button .pablito-lock-icon {
    flex: 0 0 auto;
    display: block;
}

/* Alignement renforcé : cadenas à GAUCHE du texte, sur une seule ligne */
a.pablito-subscribe-button.lp-button {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap;
}
a.pablito-subscribe-button .pablito-lock-icon {
    display: inline-block !important;
    vertical-align: middle;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

/* Le cadenas est désormais un emoji 🔒 (comme la pop-up carte) : pas de dimensions fixes */
a.pablito-subscribe-button .pablito-lock-icon {
    width: auto !important;
    height: auto !important;
    font-size: 1.1em;
    line-height: 1;
}

/* Hover du bouton S'abonner — calé sur le CTA "Explorer la carte" de la home.
   !important + double classe pour passer DEVANT le hover jaune de LearnPress
   (.lp-button:hover) qui rendait le cadenas doré invisible. */
a.pablito-subscribe-button.lp-button:hover,
a.pablito-subscribe-button.lp-button:focus,
a.pablito-subscribe-button.lp-button:focus-visible {
    background: #c94a38 !important;   /* corail profond (palette2) */
    color: #ffffff !important;
    border-color: #c94a38 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(201, 74, 56, 0.40) !important;
}

/* Hover FINAL : copie exacte de "Explorer la carte" (.pab-btn--on-light:hover)
   → fond navy, texte blanc, pas de transform/ombre supplémentaire.
   Ce bloc supersède le hover corail précédent. Le 🔒 doré ressort sur le navy. */
a.pablito-subscribe-button.lp-button:hover,
a.pablito-subscribe-button.lp-button:focus,
a.pablito-subscribe-button.lp-button:focus-visible {
    background: #1a1a2e !important;   /* --pab-navy */
    border-color: #1a1a2e !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: 0 4px 20px rgba(232, 93, 74, 0.30) !important;
}

/* Masquer le prix "Gratuit" affiché au-dessus du bouton sur la fiche cours.
   (Modèle par abonnement : le prix n'a pas de sens ici.) */
.single-lp_course .course-price,
.lp-single-course .course-price,
body.single-lp_course .course-item-price { display: none !important; }

/* =========================================================
   Bouton d'inscription LearnPress (utilisateur ABONNÉ) :
   même style que le bouton S'abonner des non-abonnés
   (pilule corail + hover navy), mais sans cadenas.
   ========================================================= */
.single-lp_course .lp-button.button-enroll-course,
.single-lp_course .lp-button.button-purchase-course,
.single-lp_course button.button-enroll-course,
.single-lp_course button.button-purchase-course {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #e85d4a !important;        /* corail */
    color: #ffffff !important;
    border: 2px solid #e85d4a !important;
    padding: 14px 32px !important;
    border-radius: 999px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(232, 93, 74, 0.30) !important;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}

.single-lp_course .lp-button.button-enroll-course:hover,
.single-lp_course .lp-button.button-purchase-course:hover,
.single-lp_course button.button-enroll-course:hover,
.single-lp_course button.button-purchase-course:hover,
.single-lp_course .lp-button.button-enroll-course:focus,
.single-lp_course .lp-button.button-purchase-course:focus,
.single-lp_course button.button-enroll-course:focus,
.single-lp_course button.button-purchase-course:focus {
    background: #1a1a2e !important;        /* navy, comme "Explorer la carte" */
    border-color: #1a1a2e !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: 0 4px 20px rgba(232, 93, 74, 0.30) !important;
}