/*
 * PowerGym — Compatibilité thème GymCare
 * Intègre les couleurs et la police du thème dans le plugin
 * À charger APRÈS frontend.css
 */

/* ── Sync police GymCare (Bai Jamjuree) ──────────────── */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700;900&display=swap');

.pg-app,
.pg-app * {
    font-family: 'Bai Jamjuree', sans-serif !important;
}

/* ── Sync couleurs GymCare ───────────────────────────── */
/* GymCare primary: #111 (noir), third: #DEFB02 (jaune néon), secondary: #646464 */
.pg-app {
    --pg-gold:   #DEFB02;   /* Couleur accent GymCare */
    --pg-gold2:  #c8e000;
    --pg-muted:  #646464;
}

/* Boutons gold → couleur accent GymCare */
.pg-btn-gold {
    background: #DEFB02 !important;
    color: #111 !important;
}
.pg-btn-gold:hover {
    background: #c8e000 !important;
    color: #111 !important;
}

/* Badge et accents */
.pg-badge {
    background: #DEFB0218 !important;
    border-color: #DEFB0240 !important;
    color: #DEFB02 !important;
}

/* Barre de progression abonnement */
.pg-bar {
    background: linear-gradient(90deg, #c8e000, #DEFB02) !important;
}

/* Jours restants */
.pg-days { color: #DEFB02 !important; }

/* Balance wallet */
.pg-wallet-balance { color: #2dd36f !important; }

/* Quick cards valeurs */
.pg-quick-val { color: #DEFB02 !important; }

/* Bottom nav actif */
.pg-nav-item.active,
.pg-nav-item:hover { color: #DEFB02 !important; }

/* QR Code frame */
.pg-qr-frame {
    border: 3px solid #DEFB02 !important;
}

/* Code parrainage */
.pg-ref-code { color: #DEFB02 !important; }
.pg-ref-code-wrap {
    border-color: #DEFB0250 !important;
}

/* Récompenses points */
.pg-reward-pts { color: #DEFB02 !important; }

/* Toast info */
.pg-toast.pg-toast-info { 
    border-color: #DEFB0250 !important;
    color: #DEFB02 !important;
}

/* Sub type (nom formule) */
.pg-sub-type { color: #DEFB02 !important; }

/* Section title */
.pg-section-title { 
    color: #f0f0f0 !important;
    letter-spacing: 2px;
}

/* Logo */
.pg-logo { color: #DEFB02 !important; }

/* ── Correction conflits CSS GymCare ─────────────────── */

/* GymCare force font-family sur body → on isole .pg-app */
.pg-app button,
.pg-app a,
.pg-app input,
.pg-app select {
    font-family: 'Bai Jamjuree', sans-serif !important;
}

/* GymCare peut mettre overflow:hidden sur body → fix bottom nav */
body.pg-fullscreen-page {
    overflow: auto !important;
    height: auto !important;
}

/* GymCare .container a un max-width → on override pour la page dédiée */
body.pg-fullscreen-page .container,
body.pg-fullscreen-page .row {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* GymCare peut styler les <a> globalement */
.pg-app a {
    color: inherit !important;
    text-decoration: none !important;
}
.pg-app a:hover {
    color: #DEFB02 !important;
}

/* GymCare peut styler les <button> globalement */
.pg-app button {
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
}

/* GymCare styler les inputs */
.pg-app input[type="text"],
.pg-app input[type="email"],
.pg-app input[type="number"],
.pg-app input[type="tel"] {
    background: var(--pg-card2) !important;
    border: 1px solid var(--pg-border) !important;
    color: var(--pg-text) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

/* ── Page liste des abonnements (shortcode sur page normale) ── */
/* Sur la page /abonnements/ le thème GymCare est actif → adapter les plans */
body:not(.pg-fullscreen-page) .pg-plans-wrap {
    padding: 20px 0;
}
body:not(.pg-fullscreen-page) .pg-plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
}
body:not(.pg-fullscreen-page) .pg-plan-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
}
body:not(.pg-fullscreen-page) .pg-plan-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,.12);
}
body:not(.pg-fullscreen-page) .pg-plan-card.featured {
    background: #111;
    color: #fff;
    border-color: #DEFB02;
}
body:not(.pg-fullscreen-page) .pg-plan-name {
    font-family: 'Bai Jamjuree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #111;
}
body:not(.pg-fullscreen-page) .pg-plan-card.featured .pg-plan-name { color: #fff; }
body:not(.pg-fullscreen-page) .pg-plan-price {
    font-size: 36px;
    font-weight: 900;
    color: #DEFB02;
    line-height: 1;
}
body:not(.pg-fullscreen-page) .pg-btn-gold {
    background: #DEFB02;
    color: #111;
    font-weight: 700;
    border-radius: 8px;
    padding: 12px;
    display: block;
    transition: background .15s;
}
body:not(.pg-fullscreen-page) .pg-btn-gold:hover {
    background: #c8e000;
    color: #111 !important;
}