/*
Theme Name: Hello Elementor Child
Theme URI: https://www.murprotec.fr/
Author: Vincent HOGG 😎
Author URI: https://www.murprotec.fr/
Description: Thème enfant personnalisé pour Hello Elementor pour Maison Saine
Template: hello-elementor
Version: 1.0
*/
.category-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 350px; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}

.category-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.category-hero-content {
    position: relative;
    z-index: 2;
    padding: 2rem;
    max-width: 600px;
	text-align:left;
}

.category-title {
    display: inline-block;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 0.5rem 1.5rem;
    background-color: var(--category-title-bg, #FFDD00);
    color: #111;
}

.category-description {
    font-size: 1.5rem;
    color: white;
	font-weight:700;
    line-height: 1.6;
}

.category-posts {
    padding: 3rem 1rem;
	max-width:1140px;
	margin:0  auto;
}

.category-post {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .category-hero {
        height: 200px;
        padding: 4rem 1rem;
    }
    .category-title {
        font-size: 1.2rem;
    }
	.category-description{
		font-size: 1rem;
	}
    .elementor-col-33 {
        width: 100%;
    }
	.category-hero{
		min-height: 200px;
	}
}
/* Container général à 1140px centré */
.elementor-container,
.category-hero-content {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Breakpoints pour adapter la largeur du container */
@media (max-width: 1200px) {
  .elementor-container,
  .category-hero-content {
    max-width: 960px;
  }
}

@media (max-width: 992px) {
  .elementor-container,
  .category-hero-content {
    max-width: 720px;
  }
}

@media (max-width: 768px) {
  .elementor-container,
  .category-hero-content {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 576px) {
  .elementor-container,
  .category-hero-content {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* Grille 4 colonnes desktop, 2 tablette, 1 mobile */
.posts-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.post-item {
  text-align: left;
}

/* Image à la une responsive */
.post-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* Extrait en dessous de la vignette */
.post-excerpt {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.4;
  font-weight:700;
}

/* Responsive */
@media (max-width: 992px) {
  .posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .posts-grid {
    grid-template-columns: 1fr;
  }
}
.grecaptcha-logo{
	display:none;
}