/* Masquer l’en-tête */
header, .site-header, .header, .urbem-header {
    display: none !important;
}

/* Supprimer toutes les marges/paddings du haut */
body,
body.page,
#page,
#main,
main,
#content,
.site-content,
.main-content,
.entry-header,
.entry-content,
.wp-site-blocks,
.urbem-container,
.urbem-content,
.urbem-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ==========================================
   PALETTE (pour référence)
   Vert profond : #0E3924
   Vert sapin   : #145C42
   Doré         : #D4A44A
   Blanc cassé  : #F7F6F3
   Noir         : #0A0A0A
========================================== */

/* 🔘 BOUTONS - style premium */
button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: #0E3924 !important;
    color: #F7F6F3 !important;
    border: 2px solid #0E3924 !important;
    padding: 12px 26px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    transition: all 0.25s ease-in-out;
}

/* Hover bouton */
button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
    background-color: #145C42 !important;
    border-color: #145C42 !important;
    color: #F7F6F3 !important;
}

/* 🔳 Boutons Outline dorés */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    border: 2px solid #D4A44A !important;
    color: #D4A44A !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: #D4A44A !important;
    color: #0A0A0A !important;
}

/* ===============================
   🔗 LIENS
================================ */
a {
    color: #145C42;
    transition: 0.2s ease-in-out;
}

a:hover {
    color: #D4A44A;
}

/* ===============================
   📝 TITRES & TEXTES
================================ */
h1, h2, h3, h4, h5, h6 {
    color: #0A0A0A;
    font-weight: 700;
}

p, li {
    color: #0E3924;
}

/* ===============================
   🎴 SECTIONS (fond + harmonie)
================================ */
.section-vert,
.bg-vert,
.has-green-background,
.is-style-bg-vert {
    background-color: #0E3924 !important;
    color: #F7F6F3 !important;
}

.section-dore,
.bg-dore,
.has-gold-background {
    background-color: #D4A44A !important;
    color: #0A0A0A !important;
}

.section-blanc,
.bg-blanc,
.has-white-background {
    background-color: #F7F6F3 !important;
    color: #0E3924 !important;
}

/* ===============================
   ✏ FORMULAIRES & INPUTS
================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    border: 1px solid #145C42 !important;
    background: #F7F6F3 !important;
    color: #0A0A0A !important;
    padding: 10px 14px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #D4A44A !important;
    box-shadow: 0 0 0 2px rgba(212,164,74,0.25) !important;
}

/* ===============================
   📏 PETITES DÉCORATIONS PREMIUM
================================ */

/* Bordures dorées */
.border-gold {
    border-color: #D4A44A !important;
}

/* Lignes horizontales élégantes */
hr {
    border: none;
    border-top: 2px solid #D4A44A !important;
    width: 60px;
    margin: 24px auto;
}

/* Cartes / boîtes */
.card,
.wp-block-group {
    border-radius: 8px !important;
}

/* Ombre douce premium */
.shadow-soft {
    box-shadow: 0 6px 24px rgba(0,0,0,0.1) !important;
}
body {
    background-color: #F7F6F3 !important; /* blanc cassé crème */
    color: #0E3924 !important; /* texte vert profond */
}
/* Masquer totalement le footer du thème */
footer,
.site-footer,
.wp-block-template-part footer,
.wp-block-template-part[id*="footer"],
#colophon {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Mobile — Forcer H2 en 36px et H3 en 32px avec spécificité élevée */
@media (max-width: 480px) {

  body.page-id-52 h2,
  body.page-id-52 .wp-block-heading h2,
  body.page-id-52 h2.wp-block-heading,
  body.page-id-52 .wp-block-group h2,
  body.page-id-52 .entry-content h2 {
      font-size: 35px !important;
      line-height: 1.15 !important;
  }

  body.page-id-52 h3,
  body.page-id-52 .wp-block-heading h3,
  body.page-id-52 h3.wp-block-heading,
  body.page-id-52 .wp-block-group h3,
  body.page-id-52 .entry-content h3 {
      font-size: 32px !important;
      line-height: 1.15 !important;
  }
}
@media (max-width: 768px) {
  /* Corrige seulement le padding gauche/droite pour les blocs qui posent problème */
  body.page-id-52 main.wp-block-group.has-global-padding,
  body.page-id-52 main .wp-block-group.has-global-padding {
      padding-left: var(--wp--preset--spacing--0) !important; /* ou 0 selon ce que tu veux */
      padding-right: var(--wp--preset--spacing--0) !important; /* ou 0 */
  }
}
@media (max-width: 768px) {
  /* Page 52 uniquement */
  body.page-id-52 main.wp-block-group.has-global-padding {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }/* Pour les blocs en grille dans les sections spécifiques */
body.page-id-52 .wp-block-group.is-layout-grid {
    gap: 30px; /* espace entre les items de la grille */
    margin-bottom: 40px;
}