/* =========================================================
   PAGE STANDARD (Gutenberg) — Ogura-like
   Scope: body.og-page-standard
   ========================================================= */

/* 1) Layout: pas de sidebar, contenu plein */
.og-page-standard .wrap.og-standard-wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 10px;
}

.og-page-standard #primary.content-area {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.og-page-standard #secondary,
.og-page-standard .widget-area {
  display: none !important; /* cache la sidebar */
}

.og-page-standard .site-content,
.og-page-standard #content {
  padding-top: 0; /* évite les décalages bizarres sous le header */
}

/* 2) Article container */
.og-page-standard .og-standard-article {
  background: #fff;
  padding: 35px 0 60px;
}

/* 3) Typo générale (proche Ogura) */
.og-page-standard .og-standard-content {
  max-width: 900px;
  margin: 0 auto;
  font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

/* Paragraphes */
.og-page-standard .og-standard-content p {
  margin: 0 0 16px;
}

/* Titres Gutenberg */
.og-page-standard .og-standard-content h1,
.og-page-standard .og-standard-content h2,
.og-page-standard .og-standard-content h3,
.og-page-standard .og-standard-content h4 {
  font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #136cbd;
  font-weight: 700;
  line-height: 1.25;
  margin: 26px 0 12px;
}

.og-page-standard .og-standard-content h1 { font-size: 30px; }
.og-page-standard .og-standard-content h2 { font-size: 24px; }
.og-page-standard .og-standard-content h3 { font-size: 20px; }
.og-page-standard .og-standard-content h4 { font-size: 17px; color: #333; }

/* Liens */
.og-page-standard .og-standard-content a {
  color: #136cbd;
  text-decoration: none;
}
.og-page-standard .og-standard-content a:hover,
.og-page-standard .og-standard-content a:focus {
  text-decoration: underline;
}

/* Listes (avec bullet Ogura si dispo) */
.og-page-standard .og-standard-content ul,
.og-page-standard .og-standard-content ol {
  margin: 0 0 18px 22px;
}
.og-page-standard .og-standard-content ul {
  list-style-position: outside;
  list-style-image: url('/wp-content/uploads/ogubullet.gif');
}
.og-page-standard .og-standard-content li {
  margin: 0 0 7px;
}

/* Citations / encadrés */
.og-page-standard .og-standard-content blockquote {
  margin: 20px 0;
  padding: 14px 18px;
  border-left: 3px solid #136cbd;
  background: #f6f8fb;
  color: #444;
}

/* Séparateurs Gutenberg */
.og-page-standard .og-standard-content .wp-block-separator {
  border: 0;
  border-top: 1px solid #e3e3e3;
  margin: 26px 0;
}

/* Images Gutenberg */
.og-page-standard .og-standard-content .wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.og-page-standard .og-standard-content .wp-element-caption {
  font-size: 13px;
  color: #777;
  margin-top: 8px;
  text-align: center;
}

/* Tableaux Gutenberg (et tables “simples”) */
.og-page-standard .og-standard-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0 24px;
  font-size: 14px;
}
.og-page-standard .og-standard-content table th,
.og-page-standard .og-standard-content table td {
  border: 1px solid #e3e3e3;
  padding: 10px 12px;
  vertical-align: top;
}
.og-page-standard .og-standard-content table th {
  background: #f3f5f7;
  color: #333;
  font-weight: 700;
}

/* Boutons Gutenberg */
.og-page-standard .og-standard-content .wp-block-button__link {
  display: inline-block;
  border-radius: 3px;
  padding: 10px 22px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #136cbd;
  color: #fff;
}
.og-page-standard .og-standard-content .wp-block-button__link:hover,
.og-page-standard .og-standard-content .wp-block-button__link:focus {
  background: #0f5290;
  color: #fff;
  text-decoration: none;
}

/* Group / Columns Gutenberg: garder des largeurs propres */
.og-page-standard .og-standard-content .wp-block-group,
.og-page-standard .og-standard-content .wp-block-columns {
  margin: 0 0 22px;
}
.og-page-standard .og-standard-content .wp-block-column > *:last-child {
  margin-bottom: 0;
}

/* 4) “Double header” : si votre contenu Gutenberg commence par un H1,
      on évite l’effet “2 titres énormes” en réduisant le premier H1 du contenu. */
.og-page-standard .og-standard-content > h1:first-child {
  font-size: 24px;
  margin-top: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .og-page-standard .og-standard-article {
    padding: 22px 0 45px;
  }
  .og-page-standard .og-standard-content {
    max-width: 100%;
  }
}