/*
 Theme Name: TONPARENT Child
 Template: oceanwp
 Text Domain: tonparent-child
*/

/* === HERO (style image 2) === */
.section-hero { margin: 32px 0; }
.hero-container {
  display: flex;
  align-items: center;
  gap: 24px;
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.hero-image img {
  max-width: 480px;   /* tu peux mettre 320px si tu veux plus petit */
  height: auto;
  border-radius: 12px;
  display: block;
}
.hero-content { flex: 1; }
.hero-title { font-size: 1.75rem; margin: 0 0 8px; }
.hero-text  { color: #374151; margin: 0 0 16px; line-height: 1.6; }

.hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-primary,
.btn-secondary {
  display: inline-block;
  padding: 14px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.btn-primary  { background: #00aef0; color: #fff; }
.btn-secondary{ background: #29b6f6; color: #fff; }

@media (max-width: 900px){
  .hero-container { flex-direction: column; align-items: flex-start; }
  .hero-image img { max-width: 100%; }
}

/* === Titre d'article sous le hero === */
.entry-title { margin: 12px 0 16px; }

/* === Articles similaires === */
.related-posts { margin: 40px 0 0; }
.related-title { font-size: 1.25rem; margin-bottom: 12px; }
.related-grid  { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.related-card  { border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; background: #fff; }
.related-thumb img { width: 100%; height: auto; border-radius: 8px; display: block; }
.related-heading { font-size: 1rem; margin: 8px 0 4px; line-height: 1.3; }
.related-heading a { text-decoration: none; color: inherit; }
.related-date { font-size: .85rem; color: #6b7280; }
@media (max-width: 900px){ .related-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px){ .related-grid{ grid-template-columns: 1fr; } }