/* Palette — reprise du template Skilline, adaptée Gran'Zoun */
:root {
    --cream: #FFF2E1;
    --orange: #F48C06;
    --navy: #2F327D;
    --miss: #F3627C;
    --mister: #23BDEE;
    --dark: #252641;
}

html { scroll-behavior: smooth; }

body {
    font-family: 'Poppins', sans-serif;
    background: #fff;
    overflow-x: hidden;
}

[x-cloak] { display: none !important; }

.bg-cream { background-color: var(--cream); }
.bg-orange { background-color: var(--orange); }
.text-orange { color: var(--orange); }
.border-orange { border-color: var(--orange); }
.text-darken { color: var(--navy); }
.bg-darken { background-color: var(--navy); }
.bg-miss { background-color: var(--miss); }
.text-miss { color: var(--miss); }
.bg-mister { background-color: var(--mister); }
.text-mister { color: var(--mister); }
.bg-footer { background-color: var(--dark); }

.grad-miss { background: linear-gradient(135deg, #F3627C 0%, #F48C06 100%); }
.grad-mister { background: linear-gradient(135deg, #23BDEE 0%, #2F327D 100%); }
.grad-gold { background: linear-gradient(135deg, #F48C06 0%, #FFC94D 100%); }

/* Animations flottantes du template */
.floating   { animation: floating 3s ease-in-out infinite; }
.floating-4 { animation: floating 4s ease-in-out infinite; }
@keyframes floating {
    0%   { transform: translate(0, 0); }
    50%  { transform: translate(0, 8px); }
    100% { transform: translate(0, 0); }
}

/* Petit trait avant les sur-titres (INTEGRATIONS / TESTIMONIAL du template) */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    letter-spacing: .2em;
    font-size: .8rem;
    color: #9CA3AF;
    text-transform: uppercase;
}
.eyebrow::before {
    content: "";
    width: 48px;
    border-top: 1px solid #D1D5DB;
}

.nav-link.active { color: var(--orange); font-weight: 600; }

.vote-bar { transition: width .6s ease; }

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.scroll-thin::-webkit-scrollbar { width: 6px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #E5E7EB; border-radius: 9999px; }

.heart-pop { animation: pop .3s ease; }
@keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.35); }
    100% { transform: scale(1); }
}