/*
====================================================
STYLE GLOBAL NUME-PRONO
BASE COMMUNE DU SITE
Fichier : /style.css
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================

Contient :
- fond global
- topbar commune
- hero commun
- cartes / panneaux
- boutons principaux
- footer

Objectif de cette mise à jour :
- améliorer la lisibilité du header home
- aérer la navigation
- rendre le badge "Dernier coach inscrit" moins agressif
- améliorer le survol des liens du menu
- conserver le rendu historique global
- ajouter un style visuel événementiel dédié
  aux news World Cup sur la home
====================================================
*/

/*
====================================================
[01_BASE]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

*{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:
    linear-gradient(rgba(6,20,70,0.82), rgba(6,20,70,0.90)),
    url("stadium-login-bg.png") center top / cover no-repeat;
    color:#ffffff;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

a{
    color:inherit;
}

/*
====================================================
[02_TOPBAR_COMMUNE]
TOPBAR GLOBALE DU SITE
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.topbar{
    background:linear-gradient(180deg,#102c74,#0b1f63);
    border-bottom:2px solid #d7b34b;
    padding:12px 24px;
    display:grid;
    grid-template-columns:minmax(220px, auto) 1fr auto;
    align-items:center;
    gap:24px;
    position:sticky;
    top:0;
    z-index:50;
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

.site-brand{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.site-logo{
    width:42px;
    height:auto;
    flex:0 0 auto;
}

.site-name{
    font-size:22px;
    font-weight:800;
    color:#ffffff;
    letter-spacing:0.3px;
    white-space:nowrap;
}

/*
====================================================
Navigation :
- on garde l'esprit historique
- on ajoute de l'air
- on force le gap avec !important pour battre
  le petit override local présent sur la home
- on améliore le survol des liens
====================================================
*/
.menu{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px !important;
    flex-wrap:wrap;
}

.menu a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 14px;
    color:#ffffff;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
    line-height:1;
    border-radius:12px;
    border-bottom:3px solid transparent;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-bottom-color 0.2s ease;
}

.menu a:hover{
    color:#f3d77b;
    background:rgba(255,255,255,0.10);
    border-bottom-color:rgba(215,179,75,0.55);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
    transform:translateY(-1px);
}

.menu a:focus-visible{
    outline:none;
    color:#f3d77b;
    background:rgba(255,255,255,0.12);
    border-bottom-color:#d7b34b;
    box-shadow:0 0 0 3px rgba(215,179,75,0.22);
}

.menu a.active{
    color:#ffffff;
    background:rgba(255,255,255,0.08);
    border-bottom-color:#d7b34b;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.topbar-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
    min-width:0;
}

/*
====================================================
Badge info à droite :
- plus discret
- plus premium
- meilleure lecture
- évite qu'il écrase visuellement la navigation
====================================================
*/
.topbar-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    color:#f3de92;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(215,179,75,0.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:min(430px, 30vw);
}

.topbar-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:12px;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
    color:#173266;
    background:linear-gradient(180deg,#f4d97a,#d7b34b);
    box-shadow:0 6px 18px rgba(0,0,0,0.18);
}

/*
====================================================
[03_HERO_ACCUEIL]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.home-hero{
    padding:44px 20px 30px;
}

.home-hero-inner{
    max-width:1280px;
    margin:0 auto;
    text-align:center;
}

.home-logo-wrap{
    display:flex;
    justify-content:center;
    margin-bottom:18px;
}

.home-logo{
    width:min(320px, 70vw);
    filter:drop-shadow(0 8px 20px rgba(0,0,0,0.24));
}

.home-title{
    margin:0 0 14px;
    font-size:56px;
    font-weight:800;
    line-height:1.08;
}

.home-subtitle{
    max-width:900px;
    margin:0 auto 24px;
    font-size:22px;
    line-height:1.6;
    color:#edf3ff;
}

.hero-meta-row{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:26px;
}

.hero-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
    border-radius:999px;
    background:rgba(8,27,86,0.82);
    border:2px solid rgba(224,178,0,0.55);
    color:#f2dc8b;
    font-size:17px;
    font-weight:800;
    text-align:center;
}

.hero-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
}

.btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:0 28px;
    border:none;
    border-radius:16px;
    text-decoration:none;
    background:linear-gradient(180deg,#5fa24c,#3d7f34);
    color:#ffffff;
    font-size:20px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(0,0,0,0.22);
}

.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:0 26px;
    border-radius:16px;
    text-decoration:none;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.20);
    color:#ffffff;
    font-size:18px;
    font-weight:800;
}

/*
====================================================
[04_CONTENU_ACCUEIL]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.home-page-wrap{
    max-width:1320px;
    margin:0 auto;
    padding:0 20px 34px;
}

.home-card{
    background:#ffffff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 48px rgba(0,0,0,0.22);
}

.home-top-strip{
    padding:22px 26px;
    background:#f5f8fd;
    border-bottom:1px solid rgba(23,50,102,0.08);
    color:#173266;
    font-size:20px;
    font-weight:800;
}

.home-grid{
    display:flex;
    align-items:flex-start;
    gap:28px;
    padding:28px;
}

.home-main{
    flex:1 1 auto;
    min-width:0;
}

.home-side{
    flex:0 0 360px;
    width:360px;
    min-width:360px;
    max-width:360px;
}

/*
====================================================
[05_PANNEAUX]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.home-panel{
    background:#ffffff;
    border-radius:24px;
    padding:24px;
    color:#173266;
    box-shadow:0 12px 28px rgba(0,0,0,0.08);
    margin-bottom:22px;
}

.home-panel:last-child{
    margin-bottom:0;
}

.home-panel h2{
    margin:0 0 16px;
    font-size:30px;
    font-weight:800;
    color:#173266;
}

.home-panel p{
    margin:0;
    font-size:17px;
    line-height:1.7;
    color:#173266;
}

.home-highlight-panel{
    background:linear-gradient(180deg,#f8fbff,#edf4ff);
    border:1px solid rgba(23,50,102,0.10);
}

/*
====================================================
[06_BLOC_CONCEPT]
VERSION STABLE DESKTOP + TABLETTE + MOBILE
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

/*
====================================================
DESKTOP
Objectif :
- cadre blanc plus petit
- cadre remonté
- texte toujours dedans
- aucun débordement sur le bloc suivant
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.home-concept-box{
    position: relative;
    height: 300px;
    border-radius: 26px;
    overflow: hidden;
    background:
    linear-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.05)),
    url("tactique.png") center center / cover no-repeat;
    border: 1px solid rgba(255,255,255,0.16);
    margin-bottom: 22px;
}

.home-concept-figure{
    position: absolute;
    left: 18px;
    bottom: 0;
    z-index: 2;
}

.home-concept-avatar{
    width: 150px;
    max-width: 100%;
}

.home-concept-content{
    position: absolute;
    top: 92px;
    left: 210px;
    width: 520px;
    max-width: calc(100% - 250px);
    padding: 18px 22px;
    background: rgba(255,255,255,0.92);
    border-radius: 22px;
    color: #173266;
    z-index: 3;
    box-shadow: 0 16px 34px rgba(0,0,0,0.12);
}

.home-concept-title{
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.home-concept-content p{
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.5;
}

.home-concept-content p:last-child{
    margin-bottom: 0;
}

/*
====================================================
TABLETTE
On assouplit légèrement avant la bascule mobile
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/
@media (max-width: 900px){
    .home-concept-box{
        height: 340px;
    }

    .home-concept-figure{
        left: 14px;
    }

    .home-concept-avatar{
        width: 128px;
    }

    .home-concept-content{
        top: 74px;
        left: 155px;
        width: 430px;
        max-width: calc(100% - 175px);
        padding: 16px 18px;
    }

    .home-concept-title{
        font-size: 17px;
    }

    .home-concept-content p{
        font-size: 12.5px;
        line-height: 1.48;
        margin-bottom: 9px;
    }
}

/*
====================================================
MOBILE
On supprime l'absolu pour garantir zéro rognage
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/
@media (max-width: 768px){
    .home-concept-box{
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 14px 18px;
        overflow: visible;
        background:
        linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0.08)),
        url("tactique.png") center center / cover no-repeat;
    }

    .home-concept-figure{
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 14px;
    }

    .home-concept-avatar{
        width: 120px;
        max-width: 120px;
        margin: 0 auto;
    }

    .home-concept-content{
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: none;
        padding: 20px 18px;
        border-radius: 22px;
        background: rgba(255,255,255,0.94);
    }

    .home-concept-title{
        font-size: 24px;
        line-height: 1.25;
        margin: 0 0 14px;
    }

    .home-concept-content p{
        font-size: 15px;
        line-height: 1.7;
        margin: 0 0 14px;
    }
}

@media (max-width: 480px){
    .home-concept-box{
        padding: 14px 10px 14px;
    }

    .home-concept-content{
        padding: 18px 14px;
        border-radius: 18px;
    }

    .home-concept-title{
        font-size: 21px;
    }

    .home-concept-content p{
        font-size: 14px;
        line-height: 1.65;
    }
}

/*
====================================================
[07_FEATURES]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.feature-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.feature-box{
    border-radius:20px;
    padding:18px;
    background:linear-gradient(180deg,#f8fbff,#eef4ff);
    border:1px solid rgba(23,50,102,0.10);
    box-shadow:0 8px 18px rgba(0,0,0,0.05);
}

.feature-box h3{
    margin:0 0 10px;
    font-size:19px;
    font-weight:800;
    color:#173266;
}

.feature-box p{
    font-size:15px;
    line-height:1.6;
}

.feature-mark{
    margin-right:8px;
}

/*
====================================================
[08_IDEES]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.ideas-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.idea-item{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff,#eef4ff);
    border:1px solid rgba(23,50,102,0.10);
}

.idea-item strong{
    color:#173266;
    font-size:16px;
}

.idea-item span{
    color:#35507d;
    font-size:15px;
    line-height:1.6;
}

/*
====================================================
[09_SIDEBAR]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.side-card{
    background:#ffffff;
    border-radius:24px;
    padding:22px;
    color:#173266;
    box-shadow:0 12px 28px rgba(0,0,0,0.08);
    margin-bottom:22px;
}

.side-card:last-child{
    margin-bottom:0;
}

.side-title{
    font-size:28px;
    font-weight:800;
    margin:0 0 16px;
    color:#173266;
}

.ranking-item{
    display:grid;
    grid-template-columns:48px 1fr auto;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
    padding:14px 16px;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff,#eef4ff);
    border:1px solid rgba(23,50,102,0.10);
}

.ranking-item:last-of-type{
    margin-bottom:16px;
}

.rank{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#173266;
    background:#f3d77b;
}

.rank.silver{
    background:#dde5f0;
}

.rank.bronze{
    background:#e5c2a1;
}

.ranking-item strong{
    display:block;
    font-size:16px;
    color:#173266;
}

.ranking-item small{
    color:#5e7199;
    font-size:13px;
}

.pts{
    font-weight:800;
    font-size:18px;
    color:#173266;
}

.forum-item{
    margin-bottom:12px;
    padding:14px 16px;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff,#eef4ff);
    border:1px solid rgba(23,50,102,0.10);
}

.forum-item:last-of-type{
    margin-bottom:16px;
}

.forum-item strong{
    display:block;
    margin-bottom:6px;
    color:#173266;
    font-size:16px;
}

.forum-item p{
    margin:0;
    color:#35507d;
    font-size:15px;
    line-height:1.6;
}

.side-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    width:100%;
    padding:0 16px;
    border-radius:14px;
    text-decoration:none;
    background:#173266;
    color:#ffffff;
    font-size:15px;
    font-weight:800;
}

/*
====================================================
[NEWS_COACHS]
ACTUALITÉS DYNAMIQUES
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.np-news-card{
    margin-bottom:16px;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff,#eef4ff);
    border:1px solid rgba(23,50,102,0.10);
    box-shadow:0 8px 18px rgba(0,0,0,0.06);
}

.np-news-card:last-child{
    margin-bottom:0;
}

.np-news-tag{
    display:inline-block;
    margin-bottom:12px;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.8px;
}

.np-news-text{
    color:#173266;
    font-size:16px;
    line-height:1.7;
    font-weight:600;
    word-break:break-word;
}

.np-news-analyse .np-news-tag{
    background:#d8ebff;
    color:#1f5f99;
}

.np-news-rumeur .np-news-tag{
    background:#eee0ff;
    color:#6d3aa8;
}

.np-news-preference .np-news-tag{
    background:#ffe7cc;
    color:#a35b14;
}

.np-news-projection .np-news-tag{
    background:#dff5ea;
    color:#25704b;
}

.np-news-supporters .np-news-tag{
    background:#fff2cc;
    color:#9a6a00;
}

.np-news-compatibilite .np-news-tag{
    background:#dbe4ff;
    color:#314fa8;
}

/*
====================================================
NEWS WORLD CUP
Date : 22/03/2026
Heure : 10:48 (Europe/Paris)
====================================================
Objectif :
- faire ressortir immédiatement les actus World Cup
- créer un vrai effet événement visuel
- donner une sensation premium / compétition
- rester cohérent avec bleu nuit + or NUME-PRONO
====================================================
*/
.np-news-worldcup{
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    padding:18px 18px 20px;
    border-radius:20px;
    background:
        radial-gradient(circle at top right, rgba(244,217,122,0.38), transparent 24%),
        radial-gradient(circle at bottom left, rgba(70,130,255,0.18), transparent 32%),
        linear-gradient(135deg, #081a4b 0%, #0d2f78 52%, #102c74 100%);
    border:1px solid rgba(244,217,122,0.58);
    box-shadow:
        0 16px 34px rgba(6,20,70,0.30),
        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.04);
}

.np-news-worldcup::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#f4d97a 0%, #d7b34b 50%, #f4d97a 100%);
    box-shadow:0 2px 10px rgba(244,217,122,0.35);
}

.np-news-worldcup::after{
    content:"";
    position:absolute;
    right:-18px;
    bottom:-18px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,0.10), rgba(255,255,255,0.00) 70%);
    pointer-events:none;
}

.np-news-worldcup .np-news-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    padding:8px 14px;
    border-radius:999px;
    background:linear-gradient(180deg,#f4d97a,#d7b34b);
    color:#173266;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    box-shadow:
        0 6px 14px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.28);
}

.np-news-worldcup .np-news-tag::before{
    content:"\1F30D";
    font-size:13px;
    line-height:1;
}

.np-news-worldcup .np-news-text{
    color:#ffffff;
    font-size:17px;
    line-height:1.8;
    font-weight:700;
    text-shadow:0 1px 0 rgba(0,0,0,0.22);
}

@media (max-width:768px){
    .np-news-worldcup{
        padding:16px 16px 18px;
        border-radius:18px;
    }

    .np-news-worldcup .np-news-text{
        font-size:16px;
        line-height:1.75;
    }
}

/*
====================================================
[10_FOOTER]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

.footer{
    max-width:1320px;
    margin:0 auto;
    padding:0 20px 34px;
}

.footer-card{
    background:#081445;
    border-radius:22px;
    padding:24px;
    text-align:center;
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

.footer-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:12px;
}

.footer-links a{
    color:#d9e4ff;
    text-decoration:none;
    font-weight:700;
}

.footer-card p{
    margin:0;
    color:#9fb4ff;
    font-size:14px;
}

/*
====================================================
[11_RESPONSIVE]
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/

@media (max-width:1200px){
    .topbar{
        grid-template-columns:minmax(190px, auto) 1fr auto;
        gap:18px;
        padding:12px 20px;
    }

    .menu{
        gap:14px !important;
    }

    .menu a{
        font-size:15px;
        padding:9px 12px;
    }

    .topbar-badge{
        max-width:320px;
        font-size:12.5px;
        padding:0 12px;
    }
}

@media (max-width:1100px){
    .home-grid{
        display:block;
    }

    .home-side{
        width:100%;
        min-width:0;
        max-width:100%;
        margin-top:24px;
    }

    .feature-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:980px){
    .topbar{
        grid-template-columns:1fr;
        gap:10px;
        text-align:center;
        padding:14px 16px;
    }

    .site-brand,
    .topbar-right{
        justify-content:center;
    }

    .menu{
        justify-content:center;
        gap:12px !important;
    }

    .menu a{
        min-height:38px;
        padding:9px 12px;
        font-size:15px;
    }

    .topbar-badge{
        max-width:none;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        text-align:center;
        line-height:1.4;
        padding:10px 14px;
    }

    .home-title{
        font-size:42px;
    }

    .home-subtitle{
        font-size:19px;
    }
}

/*
====================================================
TABLETTE
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/
@media (max-width:900px){
    .home-concept-box{
        min-height:470px;
    }

    .home-concept-figure{
        left:14px;
    }

    .home-concept-avatar{
        width:138px;
    }

    .home-concept-content{
        top:52px;
        left:118px;
        right:auto;
        width:62%;
        max-width:560px;
        padding:20px 22px;
    }

    .home-concept-title{
        font-size:22px;
    }

    .home-concept-content p{
        font-size:15px;
        line-height:1.65;
        margin:0 0 14px;
    }
}

/*
====================================================
MOBILE
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/
@media (max-width:768px){
    .home-hero{
        padding:30px 16px 24px;
    }

    .home-page-wrap{
        padding:0 16px 24px;
    }

    .home-grid{
        padding:18px;
    }

    .menu{
        gap:10px !important;
    }

    .menu a{
        font-size:14px;
        padding:8px 10px;
    }

    .home-concept-box{
        min-height:unset;
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        padding:18px 14px 18px;
        overflow:visible;
        background:
        linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0.08)),
        url("tactique.png") center center / cover no-repeat;
    }

    .home-concept-figure{
        position:relative;
        left:auto;
        bottom:auto;
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-bottom:14px;
    }

    .home-concept-avatar{
        width:120px;
        max-width:120px;
        margin:0 auto;
    }

    .home-concept-content{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        max-width:none;
        background:rgba(255,255,255,0.94);
        border-radius:22px;
        padding:20px 18px;
        color:#173266;
    }

    .home-concept-title{
        font-size:24px;
        line-height:1.25;
        margin:0 0 14px;
    }

    .home-concept-content p{
        font-size:15px;
        line-height:1.7;
        margin:0 0 14px;
    }

    .home-panel{
        padding:20px;
    }

    .home-panel h2{
        font-size:26px;
    }

    .side-title{
        font-size:24px;
    }

    .site-name{
        font-size:20px;
    }

    .site-logo{
        width:36px;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
    }
}

/*
====================================================
FORÇAGE VISUEL WORLD CUP - PRIORITÉ HAUTE
Fichier : /style.css
Date : 22/03/2026
Heure : 10:58 (Europe/Paris)
====================================================
Objectif :
- écraser les styles plus faibles éventuels
- rendre la carte World Cup vraiment visible
- créer un effet événementiel net sur la home
====================================================
*/

.side-card .np-news-card.np-news-worldcup{
    position:relative !important;
    overflow:hidden !important;
    padding:18px 18px 20px !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at top right, rgba(255,215,90,0.42), transparent 22%),
        radial-gradient(circle at bottom left, rgba(76,140,255,0.22), transparent 34%),
        linear-gradient(135deg, #07163f 0%, #0b2e79 58%, #102c74 100%) !important;
    border:2px solid rgba(244,217,122,0.72) !important;
    box-shadow:
        0 18px 36px rgba(6,20,70,0.34),
        0 0 0 1px rgba(255,255,255,0.05) inset !important;
}

.side-card .np-news-card.np-news-worldcup::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:6px !important;
    background:linear-gradient(90deg,#f4d97a 0%, #d7b34b 50%, #f4d97a 100%) !important;
    box-shadow:0 2px 12px rgba(244,217,122,0.42) !important;
}

.side-card .np-news-card.np-news-worldcup .np-news-tag{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-bottom:14px !important;
    padding:8px 14px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#f7df8b,#d7b34b) !important;
    color:#102c74 !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1px !important;
    box-shadow:0 6px 14px rgba(0,0,0,0.18) !important;
}

.side-card .np-news-card.np-news-worldcup .np-news-tag::before{
    content:"\1F30D" !important;
    font-size:13px !important;
    line-height:1 !important;
}

.side-card .np-news-card.np-news-worldcup .np-news-text{
    color:#ffffff !important;
    font-size:17px !important;
    line-height:1.8 !important;
    font-weight:800 !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.26) !important;
}

/*
====================================================
AJUSTEMENT TÉLÉPHONE ÉTROIT
Date : 22/03/2026
Heure : 10:14 (Europe/Paris)
====================================================
*/
@media (max-width:480px){
    .home-concept-box{
        padding:14px 10px 14px;
    }

    .home-concept-content{
        padding:18px 14px;
        border-radius:18px;
    }

    .home-concept-title{
        font-size:21px;
        line-height:1.25;
    }

    .home-concept-content p{
        font-size:14px;
        line-height:1.65;
    }

    .home-top-strip{
        padding:18px 16px;
        font-size:17px;
    }

    .home-grid{
        padding:14px;
    }

    .home-panel{
        padding:18px 16px;
    }

    .home-panel h2{
        font-size:22px;
    }
}