/*
 Theme Name:  VW Lawyer Attorney Child
 Template:    vw-lawyer-attorney
 Version:     1.0.0
*/

/* ===========================
   SECRETARIATS26 — Styles globaux
   Couleurs de marque
=========================== */
:root{
  --cream:#faf8f3;       /* fond crème */
  --anthracite:#2b2b2b;  /* texte */
  --gold:#b08a55;        /* touche dorée / boutons */
  --content-w:1100px;    /* utile pour des blocs locaux (pas de forcing global) */
  --pad-x:20px;
  --pad-y:40px;
}

/* Couleurs & texte par défaut */
html, body{ color:var(--anthracite); background-color: var(--cream); }
a{ color:var(--gold); text-decoration:none; }
a:hover{ opacity:.85; }

/* ===========================
   Composants (sans toucher au layout global)
=========================== */

/* Carte crème standard */
html body .s26-card{
  background-color:var(--cream) !important;
  color:var(--anthracite) !important;
  border-radius:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  padding:clamp(20px,3.5vw,38px);
}

/* Grille texte + image à droite */
.s26-grid{
  display:grid;
  grid-template-columns:1fr minmax(220px, 320px);
  gap:clamp(16px,2.5vw,28px);
  align-items:start;
}
.s26-grid p{
  margin:0 0 1.1em;
  line-height:1.7;
  font-size:clamp(16px,1.5vw,18.5px);
}

/* Médias */
.s26-media{text-align:center;}
.s26-media img{ width:100%; height:auto; display:block; border-radius:14px; }
.s26-media figcaption{ font-size:12.5px; color:#666; margin-top:6px; }

/* Bouton doré */
.s26-btn{
  display:inline-block;
  padding:.85rem 1.25rem;
  border-radius:999px;
  background:var(--gold);
  color:#fff;
  text-decoration:none;
  transition:opacity .2s ease;
}
.s26-btn:hover{ opacity:.85; }

/* Typographie */
h1,h2,h3,h4,h5,h6{ color:var(--anthracite); margin:0 0 .6em; line-height:1.2; }
p{ margin:0 0 1em; }
ul{ padding-left:1.2em; }
ul li{ margin:.35em 0; }

/* Helpers (à utiliser localement dans tes blocs) */
.s26-container{max-width:1100px; margin:0 auto; padding:40px 20px;}
.s26-flex{display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap;}
.s26-section-dark{ background:#0b0b0b; }
.s26-title-dark{
  color:#f5f5f5;
  font-size:clamp(28px,4vw,44px);
  line-height:1.15;
  margin:0 0 28px;
}

/* Responsive composants */
@media (max-width: 860px){
  .s26-grid{ grid-template-columns:1fr; }
  .s26-media{ order:-1; }
}

/* === Personnalisations Chatinou — sans modifier les marges globales === */

/* 1) Supprimer les titres des pages (uniquement l’affichage du H1 de contenu) */
.page-id-222 .entry-title,  /* Accueil */
.page-id-253 .entry-title,  /* Nos Services */
.page-id-276 .entry-title,  /* À propos */
.page-id-278 .entry-title,  /* Nos Tarifs */
.page-id-282 .entry-title,  /* Commentaires */
.page-id-280 .entry-title   /* Contact */ {
    display: none;
}

/* 2) Nos Services — retirer l’encadré (sans toucher aux marges de page) */
.page-id-253 .wp-block-group {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 3) À propos — fond crème derrière le texte (local) */
.page-id-276 .entry-content {
    background-color: #faf8f3;
    padding: 20px;
    border-radius: 8px;
}

/* ===========================
   SUPPRIMÉ du fichier :
   - Tout ce qui forçait max-width/padding/margins sur
     .container, .site-content, .content-area, .entry-content, .wrap, etc.
   - Les “Marges uniformisées” globales
   - Les “marges fixées page par page”
   - Le “reset global paddings/marges”
   (on laisse le thème gérer la mise en page par défaut)
=========================== */