/* =============================================================
   UDONES — Custom overrides
   Loaded after main.min.css. All project-specific styles live here.
   ============================================================= */

/* ── Logo ──────────────────────────────────────────────────── */
.logo a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 5px;
    color: #fff;
    text-decoration: none;
}

/* ── Section backgrounds ────────────────────────────────────── */
.sections.black-bg section.section--dark {
    background: #000 !important;
}

/* Force white on light sections (overrides nth-child black rules) */
.sections.black-bg section.section--light,
.sections.black-bg section.section--light:nth-child(n) {
    background: #fff !important;
}

/* ── Footer partner logos ───────────────────────────────────── */
.footer__brands::after {
    display: none !important;
}

.footer__brands .container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 50px 60px;
}

.footer__brands .container .img {
    display: inline-flex !important;
}

.footer__brands .container img {
    max-height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
}

/* ── Image zoom tissu (suit la souris) ─────────────────────── */
.zoom-wrapper {
    display: block;
    overflow: hidden;
}

.zoomable {
    display: block;
    width: 100%;
    cursor: zoom-in;
    transition: transform 0.15s ease;
    transform-origin: 50% 50%;
}

.zoomable:hover {
    transform: scale(2.5);
}

/* ── Nos Produits & Savoir-faire — texte noir uniforme ─────── */
#produits .txt p,
#produits .txt p strong,
#savoir-faire .txt p,
#savoir-faire .txt p strong {
    color: #000 !important;
}

/* ── Store address line ─────────────────────────────────────── */
.address-line {
    font-style: italic;
    opacity: 0.75;
    margin-top: 8px;
}

/* ── Cover word-slider animation (6 words + repeat = 7 items) ─ */
.cover__title[data-animate="0"] .ms-slider__words { transform: translateY(0); }
.cover__title[data-animate="1"] .ms-slider__words { transform: translateY(-14.3%); }
.cover__title[data-animate="2"] .ms-slider__words { transform: translateY(-28.6%); }
.cover__title[data-animate="3"] .ms-slider__words { transform: translateY(-42.9%); }
.cover__title[data-animate="4"] .ms-slider__words { transform: translateY(-57.2%); }
.cover__title[data-animate="5"] .ms-slider__words { transform: translateY(-71.5%); }
.cover__title[data-animate="6"] .ms-slider__words { transform: translateY(-85.8%); }
.cover__title[data-animate="7"] .ms-slider__words { transform: translateY(-100%); }

/* ── Responsive: desktop ────────────────────────────────────── */
@media (min-width: 1200px) {
    .ms-slider__word {
        line-height: 105px;
    }
}

/* ── Responsive: mobile ─────────────────────────────────────── */
@media (max-width: 767px) {
    .cover {
        height: 49vh;
    }

    #cover .videoHp.video-mobile {
        width: 213%;
    }

    .cover .cover__intro {
        max-width: 95vw;
    }

    .cover .cover__title {
        font-size: 26px;
    }
}
