/* ── Page Couverture & Zinguerie ── */

.page-hero-overlay--couverture {
    background: linear-gradient(
        180deg,
        rgba(15, 12, 10, .18) 0%,
        rgba(15, 12, 10, .06) 40%,
        rgba(15, 12, 10, .68) 100%
    );
}

.page-hero--couverture .page-hero-title,
.page-hero--couverture .page-hero-sub {
    color: var(--white);
    text-shadow: 0 1px 12px rgba(0, 0, 0, .5);
}

.couverture-intro .section-label {
    color: #5c4a32;
    background: #f5f0e8;
}

.couverture-intro .section-label::before {
    background: #8b6914;
}

.couverture-collage .entreprise-secteur-single-img {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--gray-200);
}

.couverture-collage .entreprise-secteur-single-img img {
    width: 100%;
    height: auto;
    display: block;
}

.entreprise-secteur-block--avantages .section-label {
    color: #166534;
    background: rgba(22, 101, 52, .08);
}

.entreprise-secteur-block--avantages .section-label::before {
    background: #166534;
}

.entreprise-secteur-block--avantages .feat:first-child .feat-title {
    font-size: 1.65rem;
    color: var(--primary);
    letter-spacing: -.03em;
}

.entreprise-secteur-block--tuiles-terre-cuite .section-label {
    color: #9a3412;
    background: rgba(154, 52, 18, .08);
}

.entreprise-secteur-block--tuiles-terre-cuite .section-label::before {
    background: #c2410c;
}

.entreprise-secteur-block--ardoises-naturelles .section-label {
    color: #374151;
    background: rgba(55, 65, 81, .08);
}

.entreprise-secteur-block--ardoises-naturelles .section-label::before {
    background: #374151;
}

.entreprise-secteur-block--couverture-metallique .section-label {
    color: #1d4ed8;
    background: rgba(29, 78, 216, .08);
}

.entreprise-secteur-block--couverture-metallique .section-label::before {
    background: #1d4ed8;
}

.entreprise-secteur-block--zinguerie .section-label {
    color: #1d4ed8;
    background: rgba(29, 78, 216, .08);
}

.entreprise-secteur-block--zinguerie .section-label::before {
    background: #1d4ed8;
}

.entreprise-secteur-block--zinguerie-materiaux .section-label {
    color: #374151;
    background: rgba(55, 65, 81, .08);
}

.entreprise-secteur-block--zinguerie-materiaux .section-label::before {
    background: #374151;
}

.entreprise-secteur-block--savoyarde-talloires .section-label {
    color: #9a3412;
    background: rgba(154, 52, 18, .08);
}

.entreprise-secteur-block--savoyarde-talloires .section-label::before {
    background: #c2410c;
}

.entreprise-secteur-block--maison-cottin-villy .section-label {
    color: #374151;
    background: rgba(55, 65, 81, .08);
}

.entreprise-secteur-block--maison-cottin-villy .section-label::before {
    background: #374151;
}

.entreprise-secteur-block--jardins-bellevue-aix .section-label {
    color: #1d4ed8;
    background: rgba(29, 78, 216, .08);
}

.entreprise-secteur-block--jardins-bellevue-aix .section-label::before {
    background: #1d4ed8;
}

/* ── Sections matériaux : texte pleine largeur ── */
.page-couverture .entreprise-secteur-block--tuiles-terre-cuite .about-grid.entreprise-secteur-layout--copy-only,
.page-couverture .entreprise-secteur-block--ardoises-naturelles .about-grid.entreprise-secteur-layout--copy-only,
.page-couverture .entreprise-secteur-block--couverture-metallique .about-grid.entreprise-secteur-layout--copy-only {
    display: block;
    width: 100%;
}

.page-couverture .entreprise-secteur-block--tuiles-terre-cuite .entreprise-secteur-copy,
.page-couverture .entreprise-secteur-block--ardoises-naturelles .entreprise-secteur-copy,
.page-couverture .entreprise-secteur-block--couverture-metallique .entreprise-secteur-copy {
    width: 100%;
    max-width: none;
}

.page-couverture .entreprise-secteur-block--tuiles-terre-cuite .about-text,
.page-couverture .entreprise-secteur-block--ardoises-naturelles .about-text,
.page-couverture .entreprise-secteur-block--couverture-metallique .about-text {
    max-width: none;
    font-size: 1.05rem;
}

/* ── Réglementation : pleine largeur ── */
.couverture-reglementation {
    padding-bottom: 5rem;
}

.couverture-reglementation-inner {
    width: 100%;
    max-width: none;
}

.couverture-reglementation .section-title,
.couverture-reglementation .about-text {
    max-width: none;
}

.couverture-reglementation .section-label {
    color: #9a3412;
    background: rgba(154, 52, 18, .08);
}

.couverture-reglementation .section-label::before {
    background: #c2410c;
}

.couverture-rules {
    list-style: none;
    margin: 1.75rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.couverture-rules li {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: .95rem;
    line-height: 1.55;
    color: var(--gray-700);
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

.couverture-rules li:nth-child(4) {
    grid-column: 1 / -1;
}

.couverture-rules li:hover {
    background: rgba(154, 52, 18, .04);
    border-color: rgba(154, 52, 18, .18);
}

.couverture-rules-check {
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    margin-top: .1rem;
    border-radius: 50%;
    background: rgba(154, 52, 18, .1);
    color: #c2410c;
    display: grid;
    place-items: center;
}

.couverture-rules-check svg {
    width: .85rem;
    height: .85rem;
}

.couverture-reglementation-closing {
    margin-top: 1.75rem;
    font-weight: 500;
    color: var(--gray-800);
    font-size: 1.05rem;
    max-width: none;
}

@media (max-width: 700px) {
    .couverture-rules {
        grid-template-columns: 1fr;
    }

    .couverture-rules li:nth-child(4) {
        grid-column: auto;
    }
}

/* ── Grilles duo : hauteurs alignées ── */
.page-couverture .entreprise-secteur-layout--duo,
.page-couverture .entreprise-secteur-layout--duo-wide {
    align-items: start;
}

.page-couverture .entreprise-secteur-duo {
    align-items: stretch;
}

.page-couverture .entreprise-secteur-duo-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-couverture .entreprise-secteur-duo-img {
    flex: 1 1 auto;
    aspect-ratio: 4 / 5;
    min-height: 240px;
    padding: 0;
    display: block;
    background: var(--gray-100);
}

.page-couverture .entreprise-secteur-duo-img img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}

.page-couverture .entreprise-secteur-block--maison-cottin-villy .entreprise-secteur-duo-img:first-child img {
    object-position: center 30%;
}

.page-couverture .entreprise-secteur-block--savoyarde-talloires .entreprise-secteur-duo-img img {
    object-position: center 35%;
}

.page-couverture .entreprise-secteur-block--zinguerie .entreprise-secteur-duo-img img {
    object-fit: contain;
    background: var(--gray-50);
}

.page-couverture .entreprise-secteur-block--zinguerie-materiaux .entreprise-secteur-single-img img {
    object-fit: contain;
    background: var(--gray-50);
}

/* ── Carrousels : dimensions harmonisées ── */
.page-couverture .entreprise-secteur-block--maison-enfance-combloux .entreprise-carousel-viewport {
    aspect-ratio: 4 / 3;
}

.page-couverture .entreprise-secteur-block--maison-enfance-combloux .entreprise-carousel-track {
    height: 100%;
}

.page-couverture .entreprise-secteur-block--maison-enfance-combloux .entreprise-carousel-slide {
    min-height: 0;
    height: 100%;
    padding: 0;
}

.page-couverture .entreprise-secteur-block--maison-enfance-combloux .entreprise-carousel-slide img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}

.page-couverture .entreprise-secteur-block--jardins-bellevue-aix .entreprise-secteur-duo-img img {
    object-position: center 40%;
}

@media (max-width: 900px) {
    .page-couverture .entreprise-secteur-duo-img {
        aspect-ratio: 16 / 10;
        min-height: 200px;
    }
}