/* ============================================
   DIAGNOSTIC 30 MIN — Styles dédiés
   Landing page LinkedIn, design Insuffle dark
   v1.0.0
   ============================================ */


/* ── PAGE-LEVEL PROTECTION — beat parent theme .bg-white rules ── */
.d30-page {
    background-color: #02040a !important;
    color: #F8FAFC !important;
}
.d30-page h1,
.d30-page h2,
.d30-page h3,
.d30-page h4,
.d30-page p,
.d30-page span,
.d30-page blockquote,
.d30-page a,
.d30-page li,
.d30-page label,
.d30-page div,
.d30-page button {
    color: inherit !important;
}
/* Restore specific colors */
.d30-page .text-white { color: #ffffff !important; }
.d30-page .text-red-400 { color: #f87171 !important; }
.d30-page .text-green-400 { color: #4ade80 !important; }
.d30-page .text-\[\#ffde59\] { color: #ffde59 !important; }
.d30-page .text-\[\#b4bdd8\] { color: #b4bdd8 !important; }
.d30-page .text-\[\#94a3b8\] { color: #94a3b8 !important; }
.d30-page .text-\[\#02040a\] { color: #02040a !important; }

/* Gradient text protection */
.d30-page .bg-clip-text {
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* HubSpot embed container — override inherited text colors */
.d30-page .meetings-iframe-container,
.d30-page .meetings-iframe-container * {
    color: initial !important;
}


/* ── SCROLL REVEAL ── */
.d30-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.d30-reveal.active {
    opacity: 1;
    transform: translateY(0);
}
.d30-anim-fallback .d30-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .d30-page h1 {
        font-size: 2.5rem !important;
    }
}


/* ── PRINT ── */
@media print {
    .d30-reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    section {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}