/* =====================================================================
   dubaiasset.ae — Pack correctifs design — audit live du 16/10/2026 (Claude)
   Chargé en dernier dans <head>, après site-v2-20261016.css.
   Chaque bloc porte la référence du constat du rapport d'audit (A3, B1, B2…).
   Les sélecteurs reprennent ceux observés dans les feuilles de production
   (signature-projects.css, site-v2-20261016.css, home-v2-20261016.css,
   signature-common-20261015-optimized.css, audit-mobile-20261015.css).
   ===================================================================== */

/* ---------- A3 — Fiche projet : bouton « WhatsApp » rendu en texte nu ----------
   signature-projects.css l.121 réduisait .btn-outline à border:0 / padding:4px 8px.
   On rétablit un vrai bouton contour, avec icône, même largeur que le bouton doré. */
body.da-signature .project-page.signature-project-page .signature-summary-card .btn.btn-outline {
  min-height: 46px;
  gap: 8px;
  padding: 11px 16px;
  border: 1px solid var(--da-ink, #132b38);
  border-radius: 4px;
  background: transparent;
  color: var(--da-ink, #132b38);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}
body.da-signature .project-page.signature-project-page .signature-summary-card .btn.btn-outline::before {
  content: "";
  display: block;
  position: static;
  inset: auto;
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 1;
  transform: none;
  border: 0;
  border-radius: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.6 7.3L3 20l1.3-5.2A8.4 8.4 0 1 1 21 11.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.6 7.3L3 20l1.3-5.2A8.4 8.4 0 1 1 21 11.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.da-signature .project-page.signature-project-page .signature-summary-card .btn.btn-outline:hover,
body.da-signature .project-page.signature-project-page .signature-summary-card .btn.btn-outline:focus-visible {
  background: var(--da-ink, #132b38);
  color: var(--da-paper, #fffefd);
}

/* ---------- A5 — Surtitre au-dessus des titres About / Invest / Guide / Contact ----------
   Les templates reçoivent un <span class="section-kicker"> avant le H1 (même
   composant que « Investor insights » ou « Live catalogue »). Dès qu'un surtitre
   précède le H1, le filet orphelin de site-v2 (h1::before) disparaît. */
body.da-signature main > .section > .container > header.da-editorial-header .section-kicker,
body.da-signature main > .section > .container > header.da-advisory-header .section-kicker,
body.da-signature main > .section > .container > .da-contact-intro .section-kicker {
  margin: 0 0 14px;
  color: #d9c9a8;
}
body.da-signature main > .section > .container > header.da-editorial-header .section-kicker + .page-title::before,
body.da-signature main > .section > .container > header.da-advisory-header .section-kicker + .page-title::before,
body.da-signature main > .section > .container > header.da-editorial-header .section-kicker + h1::before,
body.da-signature main > .section > .container > header.da-advisory-header .section-kicker + h1::before {
  content: none;
  display: none;
}

/* ---------- B1 — Logo d'en-tête : plus présent, en bleu nuit ----------
   Le PNG source (1774×887, fond transparent) est gris ardoise ; le filtre le
   convertit en #132B38 (calculé : rendu #132C39). Le footer garde sa version blanche. */
body.da-signature .da-header .da-brand img {
  height: 56px;
  width: auto;
  filter: brightness(0) invert(9%) sepia(99%) saturate(1321%) hue-rotate(177deg) brightness(73%) contrast(85%);
}
@media (max-width: 680px) {
  body.da-signature .da-header .da-brand img { height: 46px; }
}

/* ---------- B2 — Listes déroulantes sans indicateur ----------
   Accueil : Area / Developer / Handover (home-v2 l.152 : background:transparent)
   et Goal / Timeframe / Currency (select.input). Chevron SVG discret à droite. */
body.da-signature .sig-home .hv2-search .sig-home-field select,
body.da-signature .sig-home .sig-home-field select,
body.da-signature select.input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23132b38' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 14px 14px !important;
  padding-right: 34px !important;
}

/* ---------- B3 — Jonction « Why Dubai Asset » → « A clear path » (desktop) ----------
   La section beige pleine largeur était suivie, sans respiration, d'une carte
   beige en retrait (padding-top 0) : marche beige/blanc. Palier blanc de 64 px. */
@media (min-width: 1101px) {
  body.da-signature .sig-home .section.da-process.sig-home-method { padding-top: 64px; }
}

/* ---------- B4 — Menu mobile : accordéons alignés sur les liens ----------
   « Guides & advice » / « Dubai Asset » étaient en 12 px (liens : 16 px) avec un
   chevron texte « ⌄ » décalé. Même taille, chevron SVG centré (la rotation à
   l'ouverture est déjà gérée par signature-common). */
@media (max-width: 1100px) {
  body.da-signature .mobile-menu__panel .mobile-nav .da-mobile-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 53px;
    padding: 13px 0;
    font: 400 16px / 1.65 Manrope, Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: var(--da-ink, #132b38);
    list-style: none;
    cursor: pointer;
  }
  body.da-signature .mobile-menu__panel .mobile-nav .da-mobile-group > summary::-webkit-details-marker { display: none; }
  body.da-signature .mobile-menu__panel .mobile-nav .da-mobile-group > summary > span[aria-hidden] {
    flex: none;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  }
  body.da-signature .mobile-menu__panel .mobile-nav .da-mobile-group[open] > summary { color: var(--da-gold, #8c7044); }
  body.da-signature .mobile-menu__panel .mobile-nav .da-mobile-subnav a {
    font-size: 15px;
    font-weight: 500;
    padding-left: 14px;
  }
}

/* ---------- B5 — Logos promoteurs ----------
   Annuaire : assets carrés (logotype centré avec marges) dans une plaque 160×64
   → logotype ≈ 50 px. Plaque 176×104, sans padding : logotype ≈ 100 px.
   Accueil : Nakheel / Meraas (logos carrés) limités à 52 px à côté d'EMAAR 161 px. */
body.da-signature .catalog-card__logo.sig-company-logo {
  width: 176px;
  height: 104px;
}
body.da-signature .catalog-card__logo.sig-company-logo img {
  padding: 2px !important;
  object-fit: contain !important;
}
@media (min-width: 1101px) {
  body.da-signature .sig-home .hv2-logos li { height: 64px; }
  body.da-signature .sig-home .hv2-logos img { max-height: 44px; }
  body.da-signature .sig-home .hv2-logos img[alt="Nakheel"],
  body.da-signature .sig-home .hv2-logos img[alt="Meraas"] { max-height: 64px; }
}
@media (min-width: 681px) and (max-width: 1100px) {
  body.da-signature .sig-home .hv2-logos li { height: 56px; }
  body.da-signature .sig-home .hv2-logos img { max-height: 40px; }
  body.da-signature .sig-home .hv2-logos img[alt="Nakheel"],
  body.da-signature .sig-home .hv2-logos img[alt="Meraas"] { max-height: 56px; }
}

/* ---------- B6 — Accueil, cartes « Areas & Investor Guides » (mobile / tablette) ----------
   Le paragraphe avait un min-height de 48 px (30 px de vide), puis un filet et
   deux pilules en texte brut « Dubai   Read area guide ». Ligne méta structurée :
   tag quartier à gauche, lien « Read area guide → » à droite. */
@media (max-width: 1100px) {
  body.da-signature .sig-home .da-areas .list-grid > .card .body { padding: 14px 0 0; }
  body.da-signature .sig-home .da-areas .list-grid > .card .body h3 { font-size: 23px; line-height: 1.2; margin: 0; }
  body.da-signature .sig-home .da-areas .list-grid > .card .body p {
    min-height: 0;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.55;
  }
  body.da-signature .sig-home .da-areas .list-grid > .card .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 12px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--da-line, #e0e2df);
  }
  body.da-signature .sig-home .da-areas .list-grid > .card .pill {
    min-height: 0;
    font-size: 12px;
    line-height: 1.5;
  }
  body.da-signature .sig-home .da-areas .list-grid > .card .pill:first-child {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--da-gold, #8c7044);
  }
  body.da-signature .sig-home .da-areas .list-grid > .card .pill:last-child {
    font-weight: 500;
    color: var(--da-ink, #132b38);
  }
  body.da-signature .sig-home .da-areas .list-grid > .card .pill:last-child::after { content: " →"; }
}

/* ---------- B8 — Footer mobile : « Deutsch » orphelin sur la ligne LANGUAGE ---------- */
@media (max-width: 680px) {
  body.da-signature .footer--v2 .hv2-footer__bar nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
  }
  body.da-signature .footer--v2 .hv2-footer__bar nav .hv2-footer__label {
    flex: 1 1 100%;
    margin: 0;
  }
}

/* ---------- B9 — Listing projets mobile : placeholder tronqué ----------
   ≤ 480 px : le champ prend toute la largeur, le bouton Search passe dessous. */
@media (max-width: 480px) {
  body.da-signature .offplan-page.signature-catalog-page .da-search-line { flex-wrap: wrap; gap: 8px; }
  body.da-signature .offplan-page.signature-catalog-page .da-search-line .input { flex: 1 1 100%; }
  body.da-signature .offplan-page.signature-catalog-page .da-search-line .btn { flex: 1 1 100%; justify-content: center; }
}

/* ---------- B10 — Micro-typographie mobile ----------
   Résumés de projets 12 px → 13 px, légende hero 11 px → 12 px,
   liens secondaires de 21 px de haut → zone tactile ≥ 36 px. */
@media (max-width: 680px) {
  body.da-signature .da-property-summary { font-size: 13px; line-height: 1.55; }
  body.da-signature .sig-home .hv2-hero__caption { font-size: 12px; }
  body.da-signature .sig-home .hv2-developers__all,
  body.da-signature .sig-home .da-section-head a,
  body.da-signature .sig-home .da-featured .da-section-head a { padding: 8px 0; }
}

/* ---------- B11 — Page contact : sous-titre lisible ---------- */
body.da-signature main > .section > .container > .da-contact-intro .text-muted {
  font-size: 13px;
  line-height: 1.6;
}