/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor page builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.9.0.1698326898
Updated: 2023-10-26 15:28:18

*/

/* ============================================
   BOUREL RENOV' - Cards DA (annonces + posts)
   Palette: navy #22315E, jaune #FFD41F, gris #8A93AE
   Font: Poppins
   ============================================ */

/* ---- Cards Elementor Posts (blog Actualites) ---- */
.elementor-posts--skin-classic .elementor-post,
.elementor-posts .elementor-post {
  background: #fff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(34,49,94,0.08) !important;
  transition: transform .35s ease, box-shadow .35s ease;
  font-family: 'Poppins', system-ui, sans-serif;
  display: flex;
  flex-direction: column;
}
.elementor-posts--skin-classic .elementor-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(34,49,94,0.16);
}
.elementor-posts--skin-classic .elementor-post__thumbnail {
  border-radius: 0;
  overflow: hidden;
  aspect-ratio: 16/10;
}
.elementor-posts--skin-classic .elementor-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.elementor-posts--skin-classic .elementor-post__text {
  padding: 22px 24px 26px;
}
.elementor-posts--skin-classic .elementor-post__title,
.elementor-posts--skin-classic .elementor-post__title a {
  color: #22315E !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em;
}
.elementor-posts--skin-classic .elementor-post__title a:hover {
  color: #B8901A !important;
}
.elementor-posts--skin-classic .elementor-post__meta-data {
  color: #8A93AE !important;
  font-size: 13px !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
}
.elementor-posts--skin-classic .elementor-post__excerpt,
.elementor-posts--skin-classic .elementor-post__excerpt p {
  color: #5A6280 !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  margin-top: 10px;
}
.elementor-posts .elementor-post__read-more,
.elementor-posts--skin-classic .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center;
  gap: 8px !important;
  margin-top: 18px !important;
  background: #FFD41F !important;
  color: #22315E !important;
  padding: 12px 22px !important;
  border-radius: 99px !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background .25s ease, color .25s ease, transform .25s ease;
  align-self: flex-start;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
}
.elementor-posts .elementor-post__read-more:hover,
.elementor-posts--skin-classic .elementor-post__read-more:hover {
  background: #22315E !important;
  color: #FFD41F !important;
  transform: translateX(3px);
}
.elementor-posts .elementor-post__read-more::after,
.elementor-posts--skin-classic .elementor-post__read-more::after {
  content: '\2192';
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 99px;
  background: rgba(34,49,94,0.12);
}


/* ---- Cards JetEngine Listing (annonces / realisations) ---- */
/* Gouttière de 28 px entre les cartes.
   Le « gap » seul ne suffit pas : JetEngine donne aux cartes flex:0 0 calc(100%/var(--columns)),
   donc 3 × 33,33 % + 2 × 28 px dépasse la largeur de ligne et la 3e carte retombe dessous.
   Il faut retirer la gouttière de la largeur des colonnes, et neutraliser la gouttière
   native de JetEngine (marges négatives sur le conteneur) pour ne pas la cumuler. */
.jet-listing-grid__items {
  gap: 28px !important;
  margin: 0 !important;
  width: 100% !important;
}
.jet-listing-grid__items > .jet-listing-grid__item {
  flex: 0 0 calc((100% - (var(--columns) - 1) * 28px) / var(--columns)) !important;
  max-width: calc((100% - (var(--columns) - 1) * 28px) / var(--columns)) !important;
}
.jet-listing-grid__item {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(34,49,94,0.08);
  transition: transform .35s ease, box-shadow .35s ease;
  font-family: 'Poppins', system-ui, sans-serif;
}
.jet-listing-grid__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(34,49,94,0.16);
}

.jet-listing-grid__item h1,
.jet-listing-grid__item h2,
.jet-listing-grid__item h3,
.jet-listing-grid__item .jet-listing-dynamic-field__content,
.jet-listing-grid__item .jet-listing-dynamic-post-title,
.jet-listing-grid__item .jet-listing-dynamic-post-title a {
  font-family: 'Poppins', system-ui, sans-serif !important;
  color: #22315E !important;
  letter-spacing: -0.01em;
}
.jet-listing-grid__item h2,
.jet-listing-grid__item h3 {
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.jet-listing-grid__item .jet-listing-dynamic-field__content {
  color: #5A6280 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

/* Boutons "Voir l'annonce" / CTA dans les listings */
.jet-listing-grid__item a.elementor-button,
.jet-listing-grid__item .elementor-button-link,
.jet-listing-grid__item .jet-listing-dynamic-link__link {
  background: #FFD41F !important;
  color: #22315E !important;
  border: none !important;
  border-radius: 99px !important;
  padding: 12px 24px !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  transition: background .25s ease, color .25s ease, transform .25s ease;
  text-decoration: none !important;
  box-shadow: none !important;
}
.jet-listing-grid__item a.elementor-button:hover,
.jet-listing-grid__item .elementor-button-link:hover,
.jet-listing-grid__item .jet-listing-dynamic-link__link:hover {
  background: #22315E !important;
  color: #FFD41F !important;
  transform: translateX(3px);
}

/* Cohérence globale : texte de listing en Poppins */
.elementor-widget-jet-listing-grid,
.elementor-widget-posts { font-family: 'Poppins', system-ui, sans-serif; }