/* ==========================================================================
   page-chauffage.css
   Chargé UNIQUEMENT sur cette page (voir functions.php, section 3).
   Ne mettre ici QUE ce qui est spécifique à cette page :
   base.css et header-footer.css couvrent déjà le reste.
   ========================================================================== */

.main-content-chauffage {
    background-color: var(--white);
   }

   .main-content-2 {
      background-color: var(--blue-mist);
   }

   .page-card-chauffage {
    background-color: var(--white) !important;
    border-radius: var(--radius-m) !important;
    border: 1px solid rgba(10, 47, 92, .06) !important;
    box-shadow: var(--shadow-soft) !important;
    transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease) !important;
    padding: 20px !important;
   }

   .page-card-chauffage:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-mid) !important;
    border-color: rgba(15, 90, 166, .16) !important;
   }

   .page-card-chauffage .num {
    font-family: var(--font-display);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--blue-primary);
    opacity: .55;
    margin-bottom: var(--space-2);
   }

   .page-card-chauffage svg {
        width: 32px;
    height: 32px;
    color: var(--accent);
    margin-bottom: var(--space-2);
   }

   .page-card-chauffage p {
    color: var(--ink-soft) !important;
   }

   .container-cta {
      padding-bottom: 50px;
      padding-top: 50px;
   }

.btn-orange {
   background: var(--grad-accent);
    color: #fff;
    box-shadow: 0 12px 28px rgba(242, 121, 58, 0.35);
    border-radius: 30px;
    padding: 10px 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    cursor: pointer;
}

.btn-orange:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .2);
}

.btn-orange:active {
    transform: translateY(-1px) scale(0.97);
}