/**
 * PC-Média@ — charte visuelle type Repax (TemplateMonster #275488)
 * Vert lime ~#8CC63F, bandeau sombre, hero contrasté — voir démo :
 * https://demo.templatemonster.com/fr/demo/275488.html
 * À charger après Tailwind (CDN).
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');
@import url('assets/css/pcmedia-logo-foreground.css');

:root {
    --repax-lime: #8cc63f;
    --repax-lime-light: #c5e86d;
    --repax-lime-dark: #6fa82e;
    --repax-bar: #1e293b;
    --repax-bar-edge: rgba(140, 198, 63, 0.2);
    --repax-hero-a: #1a2332;
    --repax-hero-b: #152a22;
    --repax-hero-c: #0f1419;
}

html {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* Bandeau contact (équivalent barre sombre Repax + icônes / liens) */
.repax-topbar {
    background: linear-gradient(90deg, #1a2332 0%, var(--repax-bar) 50%, #1a2332 100%) !important;
    border-bottom: 1px solid var(--repax-bar-edge);
}

.repax-topbar a {
    transition: color 0.2s ease;
}

.repax-topbar a:hover {
    color: var(--repax-lime) !important;
}

/* Hero : ambiance sombre + profondeur (proche du slider Repax) */
body.pcmedia-repax-theme .hero-gradient,
.pcmedia-repax-theme .hero-gradient {
    background: linear-gradient(
        148deg,
        var(--repax-hero-a) 0%,
        var(--repax-hero-b) 48%,
        var(--repax-hero-c) 100%
    ) !important;
}

/* Menu principal : texte très foncé façon « REPAX » sur fond blanc */
.pcmedia-repax-theme nav .text-blue-800,
.pcmedia-repax-theme nav .nav-link-pcmedia {
    color: #1e293b !important;
}

/* Accents orange du HTML → lime Repax (CTA, survols, badges) */
.pcmedia-repax-theme .text-orange-300 {
    color: var(--repax-lime-light) !important;
}

.pcmedia-repax-theme .text-orange-400,
.pcmedia-repax-theme .text-orange-500,
.pcmedia-repax-theme .text-orange-600 {
    color: var(--repax-lime) !important;
}

.pcmedia-repax-theme .bg-orange-400,
.pcmedia-repax-theme .bg-orange-500,
.pcmedia-repax-theme .hover\:bg-orange-400:hover,
.pcmedia-repax-theme .hover\:bg-orange-500:hover {
    background-color: var(--repax-lime) !important;
    color: #fff !important;
}

.pcmedia-repax-theme .border-orange-400,
.pcmedia-repax-theme .border-orange-500,
.pcmedia-repax-theme .hover\:border-orange-400:hover,
.pcmedia-repax-theme .hover\:border-orange-500:hover {
    border-color: var(--repax-lime-dark) !important;
}

.pcmedia-repax-theme .hover\:text-orange-400:hover,
.pcmedia-repax-theme .hover\:text-orange-500:hover,
.pcmedia-repax-theme .hover\:text-orange-600:hover {
    color: var(--repax-lime) !important;
}

.pcmedia-repax-theme .ring-orange-400,
.pcmedia-repax-theme .ring-orange-500 {
    --tw-ring-color: var(--repax-lime) !important;
}

/* Liens navigation : survol lime */
.pcmedia-repax-theme nav .hover\:text-orange-500:hover,
.pcmedia-repax-theme nav .hover\:text-orange-400:hover {
    color: var(--repax-lime-dark) !important;
}

.glow-btn {
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.glow-btn:hover {
    box-shadow: 0 10px 22px -4px rgba(15, 23, 42, 0.35);
    transform: translateY(-1px);
}