/*
 * ==========================================================
 * IMMOBILIER SUCCESSION SUISSE
 * DESIGN SYSTEM — POINT D’ENTRÉE CSS
 * ==========================================================
 *
 * Fichier :
 * /css/iss-design-system.css
 *
 * Rôle :
 * Charger les fondations et composants réutilisables du site.
 *
 * Les feuilles propres à une page restent chargées
 * conditionnellement par /inc/enqueue.php afin d’éviter
 * les conflits et le chargement inutile.
 */


/* ==========================================================
   01 — VARIABLES
   ========================================================== */

@import url("01-variables/variables.css");


/* ==========================================================
   02 — TYPOGRAPHIE
   ========================================================== */

@import url("02-typographie/typography.css");
@import url("02-typographie/headings.css");
@import url("02-typographie/text.css");
@import url("02-typographie/lists.css");
@import url("02-typographie/links.css");


/* ==========================================================
   03 — LAYOUT GLOBAL
   ========================================================== */

@import url("03-layout/layout.css");
@import url("03-layout/container.css");
@import url("03-layout/grid.css");
@import url("03-layout/columns.css");
@import url("03-layout/spacing.css");
@import url("03-layout/sections.css");
@import url("03-layout/utilities.css");


/* ==========================================================
   04 — HEADER ET NAVIGATION
   ========================================================== */

@import url("04-header/header.css");
@import url("04-header/topbar.css");
@import url("04-header/navigation.css");
@import url("04-header/mega-menu.css");
@import url("04-header/mobile-menu.css");
@import url("04-header/sticky-header.css");
@import url("04-header/search.css");


/* ==========================================================
   05 — HERO : BASE GLOBALE
   ========================================================== */

@import url("05-hero/hero.css");

/*
 * Chargement conditionnel dans enqueue.php :
 * hero-home.css
 * hero-page.css
 * hero-contact.css
 * hero-estimation.css
 */


/* ==========================================================
   06 — BOUTONS
   ========================================================== */

@import url("06-buttons/btn.css");
@import url("06-buttons/btn-gold.css");
@import url("06-buttons/btn-dark.css");
@import url("06-buttons/btn-dark-primary.css");
@import url("06-buttons/btn-white.css");
@import url("06-buttons/btn-outline.css");
@import url("06-buttons/btn-outline-light.css");
@import url("06-buttons/btn-small.css");
@import url("06-buttons/btn-mobile.css");


/* ==========================================================
   07 — SECTIONS RÉUTILISABLES
   ========================================================== */

@import url("07-sections/section.css");
@import url("07-sections/section-hero.css");
@import url("07-sections/section-services.css");
@import url("07-sections/section-gallery.css");
@import url("07-sections/section-features.css");
@import url("07-sections/section-testimonials.css");
@import url("07-sections/section-team.css");
@import url("07-sections/section-timeline.css");
@import url("07-sections/section-pricing.css");
@import url("07-sections/section-stats.css");
@import url("07-sections/section-cta.css");
@import url("07-sections/section-contact.css");
@import url("07-sections/section-faq.css");


/* ==========================================================
   08 — CARTES
   ========================================================== */

@import url("08-cards/card.css");
@import url("08-cards/card-service.css");
@import url("08-cards/card-feature.css");
@import url("08-cards/card-property.css");
@import url("08-cards/card-testimonial.css");
@import url("08-cards/card-team.css");
@import url("08-cards/card-pricing.css");
@import url("08-cards/card-premium.css");
@import url("08-cards/card-horizontal.css");
@import url("08-cards/card-contact.css");
@import url("08-cards/card-article.css");
@import url("08-cards/card-stat.css");


/* ==========================================================
   09 — FOOTER : BASE ET ÉLÉMENTS PARTAGÉS
   ========================================================== */

@import url("09-footer/footer.css");
@import url("09-footer/footer-columns.css");
@import url("09-footer/footer-bottom.css");
@import url("09-footer/footer-social.css");
@import url("09-footer/footer-newsletter.css");

/*
 * Chargement conditionnel dans enqueue.php :
 * footer-simple.css
 * footer-premium.css
 * footer-legal.css
 */


/* ==========================================================
   10 — RESPONSIVE ET ANIMATIONS
   ========================================================== */

@import url("10-responsive/responsive.css");
@import url("10-responsive/animations.css");
@import url("10-responsive/desktop.css");
@import url("10-responsive/tablet.css");
@import url("10-responsive/mobile.css");

/*
 * print.css est chargé avec media="print" par enqueue.php.
 */


/* ==========================================================
   12 — FORMULAIRES : BASE GLOBALE
   ========================================================== */

@import url("12-forms/form.css");
@import url("12-forms/fields.css");
@import url("12-forms/labels.css");
@import url("12-forms/checkbox-radio.css");
@import url("12-forms/select.css");
@import url("12-forms/upload.css");
@import url("12-forms/validation.css");

/*
 * Chargement conditionnel dans enqueue.php :
 * fluentforms.css
 * estimation-form.css
 */


/* ==========================================================
   13 — COMPOSANTS
   ========================================================== */

@import url("13-components/accordion.css");
@import url("13-components/alert.css");
@import url("13-components/badge.css");
@import url("13-components/breadcrumb.css");
@import url("13-components/modal.css");
@import url("13-components/pagination.css");
@import url("13-components/tabs.css");
@import url("13-components/toast.css");
@import url("13-components/table.css");
@import url("13-components/spinner.css");
@import url("13-components/progress.css");
@import url("13-components/tooltip.css");
@import url("13-components/timeline.css");


/* ==========================================================
   FICHIERS CHARGÉS CONDITIONNELLEMENT
   ==========================================================
 *
 * 05-hero/
 * hero-home.css
 * hero-page.css
 * hero-contact.css
 * hero-estimation.css
 *
 * 09-footer/
 * footer-simple.css
 * footer-premium.css
 * footer-legal.css
 *
 * 10-responsive/
 * print.css
 *
 * 11-pages/
 * contact.css
 * estimation.css
 * glossaire.css
 * succession.css
 * immobilier.css
 * mentions-legales.css
 * politique-confidentialite.css
 * conditions-generales.css
 * 404.css
 * layout-page.css
 * layout-home.css
 * layout-form.css
 * estimation-v2.css
 * search-results.css
 *
 * 12-forms/
 * fluentforms.css
 * estimation-form.css
 *
 * Le fichier de sauvegarde
 * estimation-v2-sauvagarde-21-07-2026.css
 * ne doit jamais être chargé sur le site public.
 */

/* WSIS MOBILE FORM FIX 2026-08-17 */
.wsis-template-estimation .fluentform .ff-el-section-break {
    position: relative;
    min-height: 56px;
    padding-left: 64px;
}

.wsis-template-estimation .fluentform .ff-el-section-break .iss-section-icon-inline {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    z-index: 1 !important;
}

.wsis-template-estimation .fluentform .ff-el-section-break .ff-el-section-title {
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.wsis-template-estimation .fluentform .ff-el-section-break .iss-section-subtitle {
    display: block;
    line-height: 1.35;
}

@media (max-width: 781px) {
    .wsis-template-estimation .wp-block-post-title {
        font-size: clamp(2.5rem, 12vw, 3.5rem) !important;
        line-height: 1 !important;
        overflow-wrap: anywhere;
    }

    .wsis-template-estimation .fluentform .ff-el-section-break {
        min-height: 46px;
        padding-left: 52px;
    }

    .wsis-template-estimation .fluentform .ff-el-section-break .iss-section-icon-inline {
        width: 40px !important;
        height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }

    .wsis-template-estimation .fluentform .ff-el-section-break .ff-el-section-title {
        font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
        line-height: 1.05 !important;
    }

    .wsis-template-estimation .fluentform .ff-el-section-break .iss-section-subtitle {
        font-size: 1rem;
    }

    .wsis-template-estimation .wp-call-button {
        right: 12px !important;
        bottom: 12px !important;
        width: 48px !important;
        height: 48px !important;
    }

    .wsis-template-estimation .iss-site-footer .wp-block-navigation__container {
        align-items: flex-start;
        gap: 0.75rem;
    }
}
/* END MOBILE FORM FIX */

/* WSIS GRAPHIC FOOTER PAGE 282 2026-08-17 */
.page-id-282 .fluentform_wrapper_3::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1180px;
    aspect-ratio: 1668 / 932;
    margin: 55px auto 0;
    padding: 0;
    background-image: url("/wp-content/uploads/2026/07/footer1668x932.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(8, 31, 62, 0.18);
}

.page-id-282 footer.wp-block-template-part {
    display: none !important;
}

@media screen and (max-width: 700px) {
    .page-id-282 .fluentform_wrapper_3::after {
        margin-top: 38px;
        border-radius: 12px;
        box-shadow: 0 12px 28px rgba(8, 31, 62, 0.16);
    }
}
/* END WSIS GRAPHIC FOOTER PAGE 282 */

/* === WSIS_PAGE_282_COMPACT_HEADER_V1 ===
   Page Estimation confidentielle uniquement :
   masque le titre de site redondant et resserre l'espace avant le H1.
*/
.page-id-282 header.wp-block-template-part {
    display: none !important;
}

.page-id-282 main.wp-block-group {
    margin-block-start: 0 !important;
}

.page-id-282 main > .wp-block-group:first-child > .wp-block-spacer:first-child {
    height: clamp(32px, 5vw, 48px) !important;
}

.page-id-282 .wp-block-post-title {
    margin-top: 0 !important;
}
/* === END_PAGE_282_COMPACT_HEADER_V1 === */