/* =====================================================================
   dubaiasset.ae — correctifs desktop issus de l'audit du 16 octobre 2026
   Fichier additionnel : à charger APRÈS signature-home-atelier-20261015.css
   (dernière feuille du <head>), sur toutes les pages.
   Chaque bloc correspond à un point du rapport d'audit (n° entre crochets).
   Portée : écrans >= 1101px sauf mention contraire — le mobile/tablette
   audités le 15/10 ne sont pas touchés.
   ===================================================================== */

/* ---------------------------------------------------------------------
   [2] Fiche projet — bloc « Continue exploring this opportunity »
       Mini-cartes compactes : vignette 96 px + colonne texte large,
       titre 16 px sur 2 lignes max, description sur 2 lignes max.
       Avant : colonne texte 129 px, titre 24 px sur 5 lignes, panneau 3 064 px.
       Desktop uniquement (>= 1101 px) : la version tablette auditée le 15/10
       n'est pas modifiée.
   --------------------------------------------------------------------- */
@media (min-width: 1101px) {
  body.da-signature .project-page.signature-project-page .project-related-mini {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid var(--da-line, #e0e2df);
    border-radius: 0;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini:last-child {
    border-bottom: 0;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini:hover,
  body.da-signature .project-page.signature-project-page .project-related-mini:focus-visible {
    transform: none;
    box-shadow: none;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__media {
    aspect-ratio: 16 / 10;
    width: 96px;
    border-radius: 3px;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__body {
    padding: 0;
    min-width: 0;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__body h4 {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__body p {
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__facts {
    margin-top: 6px;
    gap: 4px 10px;
    font-size: 12px;
    line-height: 1.4;
  }
  body.da-signature .project-page.signature-project-page .project-related-mini__status {
    top: 6px;
    left: 6px;
    padding: 3px 7px;
    font-size: 10px;
  }
  .project-page .project-related-mini-grid { gap: 0; margin-top: 10px; }
  /* 3 colonnes fixes (au lieu de « auto-fit » qui donnait 4 colonnes étroites
     dès 1 320 px) et colonnes alignées en haut : plus de grands vides. */
  body.da-signature .project-page.signature-project-page .project-explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }
}

/* ---------------------------------------------------------------------
   [3] Accueil — hauteurs fictives des sections (content-visibility)
       Les sections de l'accueil sont peu nombreuses : on les rend
       normalement, la page a la même hauteur au chargement et après
       défilement (plus de saut de l'ascenseur).
   --------------------------------------------------------------------- */
@supports (content-visibility: auto) {
  .sig-home .section {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}

/* ---------------------------------------------------------------------
   [4b] Logos promoteurs — boîte plus haute sur desktop (annuaire + fiche).
        Le vrai correctif reste le recadrage des fichiers logo (voir README).
   --------------------------------------------------------------------- */
@media (min-width: 1101px) {
  body.da-signature .catalog-card__logo.sig-company-logo {
    width: 160px;
    height: 64px;
  }
  body.da-signature .catalog-card__logo.sig-company-logo img {
    padding: 6px;
  }
  body.da-signature .sig-profile-logo {
    width: 176px;
    height: 64px;
  }
}

/* ---------------------------------------------------------------------
   [6] FAQ — un seul style (éditorial « signature ») sur tout le site.
       a) catalogue : abandon des cartes arrondies à dégradé
       b) fiche projet : marqueur natif ▶ masqué, icône +/− dorée
   --------------------------------------------------------------------- */
body.da-signature .offplan-page .offplan-faq__item {
  border: 0;
  border-bottom: 1px solid var(--da-line, #e0e2df);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.da-signature .offplan-page .offplan-faq__list { gap: 0; }
body.da-signature .offplan-page .offplan-faq__item summary {
  padding: 17px 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--da-ink, #132b38);
}
body.da-signature .offplan-page .offplan-faq__item summary::after {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  color: var(--da-gold, #8c7044);
  font-size: 20px;
  line-height: 1;
}
body.da-signature .offplan-page .offplan-faq__answer { padding: 0 0 18px; }
body.da-signature .offplan-page .offplan-faq__answer p { color: var(--da-muted, #53626b); }
body.da-signature .offplan-page .offplan-faq,
body.da-signature .offplan-page .offplan-seo-copy {
  background: var(--da-ivory, #f4f1eb);
  border-color: var(--da-line, #e0e2df);
}
body.da-signature .offplan-page .section-mini-card {
  border-radius: 3px;
  background: var(--da-paper, #fffefd);
  border: 1px solid var(--da-line, #e0e2df);
  box-shadow: none;
}

body.da-signature .project-page.signature-project-page .faq-item summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}
body.da-signature .project-page.signature-project-page .faq-item summary::-webkit-details-marker { display: none; }
body.da-signature .project-page.signature-project-page .faq-item summary::marker { content: ""; }
body.da-signature .project-page.signature-project-page .faq-item summary::after {
  content: "+";
  flex: 0 0 auto;
  color: var(--da-gold, #8c7044);
  font-size: 20px;
  line-height: 1;
}
body.da-signature .project-page.signature-project-page .faq-item[open] summary::after { content: "−"; }

/* ---------------------------------------------------------------------
   [7] OPTIONNEL — lisibilité desktop : textes secondaires un cran plus
       grands (>= 1101 px uniquement ; le mobile garde ses tailles).
       Supprimer ce bloc si la charte « petits textes » doit être conservée.
   --------------------------------------------------------------------- */
@media (min-width: 1101px) {
  /* pied de page : 12 px -> 13 px, libellés 10 px -> 11 px */
  body.da-signature .footer :is(.muted, .footer__description, .footer__tagline, .footer__address-text, .footer__utility-text) { font-size: 13px; }
  body.da-signature .footer__language-links a,
  body.da-signature .footer .footer__list a,
  body.da-signature .footer .footer__nav-list a { font-size: 13px; }
  body.da-signature .footer__utility-label { font-size: 11px; }
  body.da-signature .footer .btn { font-size: 13px; }
  body.da-signature .footer .footer__bottom,
  body.da-signature .footer .footer-bottom,
  body.da-signature .footer .footer__bottom a,
  body.da-signature .footer .footer-bottom a { font-size: 12px; }
  /* catalogue : résumé des cartes 12 px -> 13 px, libellés de filtres 12 px -> 13 px */
  body.da-signature .da-catalog-card.signature-project-card .catalog-card__summary { font-size: 13px; }
  body.da-signature .offplan-page.signature-catalog-page .da-catalog-search > label,
  body.da-signature .offplan-page.signature-catalog-page .filters label { font-size: 13px; }
  /* kickers éditoriaux 10 px -> 11 px, mentions de formulaire 11 px -> 12 px */
  body.da-signature .da-shortlist-copy .section-kicker,
  body.da-signature .da-signature-shortlist .section-kicker { font-size: 11px; }
  body.da-signature .da-signature-shortlist :is(.consent-label, .form-disclaimer) { font-size: 12px; }
  /* accueil : étapes de la méthode 13 px -> 14 px */
  body.da-signature .sig-home .sig-home-method .da-steps p { font-size: 14px; }
}

/* ---------------------------------------------------------------------
   [12] Fiche promoteur / quartier — les 4 boutons du hero tenaient sur
        deux lignes à 1280 px (colonne texte de 538 px). La rangée de
        boutons occupe désormais toute la largeur du hero, sous le texte
        et la photo : une seule ligne, hero 11 px moins haut.
   --------------------------------------------------------------------- */
@media (min-width: 1101px) {
  body.da-signature .detail-header.sig-profile-hero {
    grid-template-areas: "intro photo" "actions actions";
  }
}

/* ---------------------------------------------------------------------
   [13] Dialogue « Your selection » — plus de décalage de 10 px à l'ouverture
        (la gouttière de l'ascenseur est réservée en permanence).
   --------------------------------------------------------------------- */
@media (min-width: 1101px) {
  html { scrollbar-gutter: stable; }
}

/* ---------------------------------------------------------------------
   [14] Lightbox — la page ne défile plus derrière la galerie plein écran.
        (CSS :has() ; complété par le JS pour les navigateurs plus anciens)
   --------------------------------------------------------------------- */
body:has(#lightbox-dialog[open]) { overflow: hidden; }
body.lb-open { overflow: hidden; }