/* ============================================
   CSS GLOBAL AG EN LIGNE
   ============================================ */

/* Espacement sections */
.t-section__topwrapper {
    margin-bottom: 60px !important;
}

/* ============================================
   MOONGET - LISIBILITÉ GLOBALE
   ============================================ */

h1, h2, h3, h4, h5, h6,
[class*="ag-"] h1,
[class*="ag-"] h2,
[class*="ag-"] h3,
[class*="aql-"] h3,
[class*="-title"] {
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    -webkit-text-stroke: 0.3px rgba(255, 255, 255, 0.1) !important;
}

/* CTA - Lisibilité renforcée (texte blanc sur fond) */
[class*="ag-"][class*="-btn"],
[class*="aql-"][class*="-btn"],
a[href*="calendly"],
.ag-hero-btn,
.ag-vote-hero-btn,
.ag-mockup-btn,
.ag-vote-mockup-btn {
    letter-spacing: 0.04em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    -webkit-text-stroke: 0 !important;
    font-weight: 600 !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

/* Responsive - encore plus lisible sur mobile */
@media (max-width: 600px) {
    h1, h2, h3, h4, h5, h6,
    [class*="ag-"] h1,
    [class*="ag-"] h2,
    [class*="ag-"] h3,
    [class*="aql-"] h3,
    [class*="-title"] {
        letter-spacing: 0.03em !important;
        -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.15) !important;
    }
    
    /* CTA mobile */
    [class*="ag-"][class*="-btn"],
    [class*="aql-"][class*="-btn"],
    a[href*="calendly"],
    .ag-hero-btn,
    .ag-vote-hero-btn,
    .ag-mockup-btn,
    .ag-vote-mockup-btn {
        letter-spacing: 0.05em !important;
        font-size: 14px !important;
    }
    

/* Masquer tout élément avec fond noir en haut de page */
body > div[style*="background:#000"],
body > div[style*="background: #000"],
body > div[style*="background-color:#000"],
body > div[style*="background-color: #000"],
body > div[style*="background:black"],
body > div[style*="background: black"],
body > div[style*="background-color:black"],
body > div[style*="background-color: black"],
.t-rec:first-child[style*="#000"],
.t-rec:first-child[style*="black"] {
    display: none !important;
}

/* Forcer le premier header visible en bleu */
.t-header:first-of-type {
    background: rgb(3, 95, 222) !important;
}
.t-header:first-of-type a,
.t-header:first-of-type .t-menu__link-item {
    color: #ffffff !important;
}


/* ============================================
   CACHER LE DEUXIÈME HEADER (ANCIEN MENU)
   ============================================ */
.t-rec:has(a[href*="/newconvocation"]),
.t-rec:has(a[href*="/newclients"]),
.t-rec:has(a[href*="/newcentralisez"]),
.t-rec:has(a[href*="page86705546"]) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   SUPPRIMER ESPACE BLANC EN HAUT SUR MOBILE
   ============================================ */
@media (max-width: 980px) {
    /* Bloc rec1762895181 - type 602 */
    #rec1762895181,
    .t-rec[data-record-type="602"] {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Forcer fond transparent sur le bloc 257 */
    #rec1765065501 {
        background-color: transparent !important;
        background: transparent !important;
    }
    
    body,
    .t-body,
    .t-records {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .t-header,
    .t-header__container,
    .t-header__wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        top: 0 !important;
    }
}
}