/* ==========================================================================
   PCR Énergie — Page Dépannage Climatisation
   File: /assets/css/page-depannage-climatisation.css
   Dépend de : /assets/css/variables.css
   Scope strict : .pcr-page--depannage-climatisation
   ========================================================================== */


/* ==========================================================================
   1) Layout / Conteneur
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-pageBody__inner{
  max-width: var(--pcr-container-max);
}

/* ==========================================================================
   1bis) Espacements entre sections (ANTI "cartes collées")
   ========================================================================== */

/* Évite que les sections se collent : on impose un rythme vertical */
.pcr-page--depannage-climatisation .pcr-pageBody__inner > * + *{
  margin-top: var(--pcr-space-7); /* 30px */
}

/* Si ton layout contient des wrappers (ex: article après sections), on sécurise */
.pcr-page--depannage-climatisation .pcr-pageBody__inner > section + section{
  margin-top: var(--pcr-space-7);
}

/* CTA un peu plus respirant */
.pcr-page--depannage-climatisation .pcr-card--cta{
  margin-top: var(--pcr-space-8);
}

/* Mobile : un peu moins d’espace pour garder du rythme sans scroller trop */
@media (max-width: 768px){
  .pcr-page--depannage-climatisation .pcr-pageBody__inner > * + *{
    margin-top: var(--pcr-space-6); /* 24px */
  }
  .pcr-page--depannage-climatisation .pcr-card--cta{
    margin-top: var(--pcr-space-7);
  }
}



/* ==========================================================================
   2) Titres H3 (SEO structure)
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-h3{
  margin: 0 0 var(--pcr-space-3);
  font-family: var(--pcr-font-heading);
  font-weight: var(--pcr-weight-semibold);
  color: var(--pcr-color-heading);
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: var(--pcr-leading-tight);
  letter-spacing: .2px;
}


/* ==========================================================================
   3) Cards (alignées à ton design)
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-card{
  border: var(--pcr-border);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border-radius: var(--pcr-radius-lg);
  box-shadow: var(--pcr-shadow-sm);
  overflow: hidden;
}

.pcr-page--depannage-climatisation .pcr-card__head{
  padding: var(--pcr-space-6);
  border-bottom: 1px solid var(--pcr-color-divider);
  background: rgba(255,255,255,.02);
}

.pcr-page--depannage-climatisation .pcr-card__content{
  padding: var(--pcr-space-6);
}

.pcr-page--depannage-climatisation .pcr-card__content > * + *{
  margin-top: var(--pcr-space-4);
}


/* ==========================================================================
   4) Notes / Encadrés
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-note{
  padding: var(--pcr-space-5);
  border-radius: var(--pcr-radius-md);
  border: 1px solid rgba(64,196,255,.20);
  background: rgba(64,196,255,.08);
  color: var(--pcr-color-text);
}


/* ==========================================================================
   5) Listes
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-list{
  margin: 0;
  padding-left: 18px;
}

.pcr-page--depannage-climatisation .pcr-list li{
  margin: 0 0 var(--pcr-space-2);
}


/* ==========================================================================
   6) SEO Local — colonnes sur desktop
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-cols{
  column-count: 2;
  column-gap: var(--pcr-space-7);
}

.pcr-page--depannage-climatisation .pcr-cols li{
  break-inside: avoid;
}


/* ==========================================================================
   7) FAQ (details/summary natif)
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-faq{
  display: grid;
  gap: var(--pcr-space-3);
}

.pcr-page--depannage-climatisation .pcr-faqItem{
  border: 1px solid var(--pcr-color-border);
  border-radius: var(--pcr-radius-md);
  background: rgba(255,255,255,.02);
  overflow: hidden;
}

.pcr-page--depannage-climatisation .pcr-faqItem__q{
  cursor: pointer;
  padding: var(--pcr-space-4) var(--pcr-space-5);
  font-weight: var(--pcr-weight-semibold);
  color: var(--pcr-color-heading);
  list-style: none;
}

.pcr-page--depannage-climatisation .pcr-faqItem__q::-webkit-details-marker{
  display: none;
}

.pcr-page--depannage-climatisation .pcr-faqItem[open] .pcr-faqItem__q{
  background: rgba(255,255,255,.03);
  border-bottom: 1px solid var(--pcr-color-divider);
}

.pcr-page--depannage-climatisation .pcr-faqItem__a{
  padding: var(--pcr-space-4) var(--pcr-space-5);
  color: var(--pcr-color-text);
}


/* ==========================================================================
   8) CTA
   ========================================================================== */
.pcr-page--depannage-climatisation .pcr-card--cta .pcr-actions{
  margin-top: var(--pcr-space-5);
  display: flex;
  gap: var(--pcr-space-3);
  flex-wrap: wrap;
}


/* ==========================================================================
   9) Responsive
   ========================================================================== */
@media (max-width: 860px){
  .pcr-page--depannage-climatisation .pcr-cols{
    column-count: 1;
  }
}

@media (max-width: 768px){
  .pcr-page--depannage-climatisation .pcr-card__head,
  .pcr-page--depannage-climatisation .pcr-card__content{
    padding: var(--pcr-space-5);
  }
}