/*
Theme Name: Twenty Twenty-Five Jardin de Crussol
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1778058414
Updated: 2026-05-06 09:06:54

*/

/* ========================================
   HEADER - Jardins de Crussol
   ======================================== */
/* Header fixe */
.header-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: background 0.4s ease, box-shadow 0.4s ease;
  background: transparent !important;
  padding: 20px 40px;
}

/* Dégradé étendu qui déborde sous le header */
.home .header-sticky::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.85) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: -1;
  pointer-events: none;
}


/* Sur les autres pages - header blanc directement */
body:not(.home) .header-sticky {
  background: rgba(255, 255, 255, 1) !important;
  /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);*/
}

/* Sur les autres pages - toujours afficher le logo scrolled */
body:not(.home) .header-sticky .logo-default {
  display: none !important;
}
body:not(.home) .header-sticky .logo-scrolled {
  display: block !important;
}

/* Header blanc au scroll */
.header-sticky.scrolled {
  background: rgba(255, 255, 255, 1) !important;
  /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);*/
}

.header-sticky.scrolled::after {
  display: none;
}

/* Gestion des deux logos */
.logo-default { display: block; }
.logo-scrolled {
  display: none !important;
}
.header-sticky.scrolled .logo-default {
  display: none !important;
}
.header-sticky.scrolled .logo-scrolled {
  display: block !important;
}
/* Navigation */
.header-sticky .wp-block-navigation {
  justify-content: center !important;
}
.header-sticky .wp-block-navigation a {
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #004c39 !important;
  font-weight: 700;
}
/* Lien actif souligné */
.header-sticky .wp-block-navigation .current-menu-item a {
  border-bottom: 1px solid #c1d100;
}
/* Supprimer le soulignage par défaut des liens de navigation */
.wp-block-navigation a {
  text-decoration: none !important;
}
/* ========================================
   FORMULAIRE CONTACT - Jardins de Crussol
   ======================================== */

/* Champs de texte */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  border: 1px solid #004c39 !important;
  border-radius: 50px !important;
  padding: 10px 25px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 1rem !important;
  color: #004c39 !important;
  background: transparent !important;
  outline: none !important;
  box-sizing: border-box;
}

/* Textarea moins arrondi */
.wpcf7-form textarea {
  border-radius: 20px !important;
  resize: none !important;
}

/* Ligne des 3 champs */
.form-row-3 p {
  display: flex !important;
  gap: 20px !important;
  margin: 0 0 15px 0 !important;
}

.form-row-3 p br {
  display: none !important;
}

.form-row-3 .wpcf7-form-control-wrap {
  flex: 1 !important;
}

/* Champ fichier */
.wpcf7-form input[type="file"] {
  border-radius: 50px !important;
  border: 1px solid #004c39 !important;
  padding: 12px 25px !important;
  width: auto !important;
  cursor: pointer !important;
}

/* Bouton envoyer */
.wpcf7-form input[type="submit"] {
  background-color: #004c39 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 25px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  float: right !important;
}

/* Checkbox */
.wpcf7-form .wpcf7-acceptance {
  font-size: 0.9rem !important;
  color: #004c39 !important;
}

/* Mention obligatoire */
.mention-obligatoire {
  font-size: 0.85rem !important;
  color: #004c39 !important;
}

/* Placeholder */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #004c39 !important;
  opacity: 0.7 !important;
}
/* ========================================
   Diaporama CSS
   ======================================== */

/* Masquer le débordement du slider principal */
#slide-particulier,
#slide-professionnel,
#slide-collectivite {
  overflow: hidden !important;
}

/* Flèches des carousels internes */
#slide-particulier .elementor-swiper-button svg path,
#slide-professionnel .elementor-swiper-button svg path,
#slide-collectivite .elementor-swiper-button svg path {
  fill: #ffffff !important;
}
.custom-prev-btn,
.custom-next-btn {
  position: absolute !important;
  top: 50% !important;
  background-color: rgba(200, 200, 200, 0.7) !important;
  width: 40px !important;
  height: 40px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

.custom-prev-btn {
  left: -30px !important;
}

.custom-next-btn {
  right: -30px !important;
}

.custom-prev-btn svg,
.custom-next-btn svg {
  width: 15px !important;
  height: 15px !important;
}
/* ========================================
   Formulaire CSS
   ======================================== */

.wpcf7-form p {
  margin-bottom: -5px !important;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
}

.form-bottom-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.form-bottom-row p {
  margin-bottom: 0 !important;
}
/* ========================================
   Autre CSS
   ======================================== */
/* Espace pour compenser le header fixe */
.wp-site-blocks {
  padding-top: 0px;
}

/* Supprimer le fond - le background-color est déjà transparent 
   mais le cercle vient du border-radius + couleur du li */
li.wp-social-link-facebook {
  background: none !important;
}
/* Police de base - uniquement hors Elementor */
body {
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

#homepage-image {
	padding-inline-start: 0px !important;
	padding-inline-end: 0px !important;
	padding-block-start: 0px !important;
}
:where(.wp-site-blocks) > * {
  margin-block-start: 0px;
}
.footer-text-jardin-crussol {
	font-weight: 400;
	color: #004c39 !important;
	font-size: 10px !important;
}
/*SVG*/
/* Empêcher l'héritage de couleur sur les SVG Elementor */
.elementor-widget-svg-image svg {
  color: unset !important;
}

.elementor-widget-svg-image svg path {
  fill: unset !important;
}

/* Agrandir l'icône du bouton */
.elementor-button .elementor-button-icon svg {
  width: 30px !important;
}
/*Taille du logo du footer*/
/* Conteneur principal */
.services-list.e-con {
  flex-wrap: wrap !important;
  flex-direction: row !important;
}

.services-list .e-con-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 15px 40px !important;
  align-items: center !important;
}

/* Chaque widget titre */
.services-list .elementor-widget-heading {
  width: auto !important;
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Le trait avant */
.services-list .elementor-widget-heading::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #c1d100;
  flex-shrink: 0;
}

.footer-logo img {
	width: 45px !important;
  height: auto !important;
  margin-left: -20px;
  margin-bottom: 5px;
}

.services-box {
  max-width: 900px !important;
  width: 90% !important;
  margin: 0 auto !important;
}

.services-box > .e-con-inner {
  max-width: 100% !important;
}
/* Supprimer le margin du bloc main vide */
#wp--skip-link--target {
  margin-top: 0 !important;
}
/* Margin top pour compenser le header sur les pages internes */
body:not(.home) .entry-content {
  margin-top: 200px !important;
}
/* Fleche verte */
.btn-fleche-verte .elementor-button-icon svg .cls-2 {
  stroke: #004c39 !important;
}

/* Fleche blanche */
.btn-fleche-blanche .elementor-button-icon svg .cls-2 {
  stroke: #ffffff !important;
}
/* Conteneur carte en position relative */
.carte-hover {
  position: relative;
}

/* Texte caché en absolu en dessous */
.carte-hover .texte-hover {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  padding: 15px;
  z-index: 10;
}

/* Afficher au survol */
.carte-hover:hover .texte-hover {
  opacity: 1;
  visibility: visible;
}
/*Espacement Menu*/
.wp-block-navigation__container .wp-block-navigation-item {
    margin-left: 15px;
    margin-right: 15px;
}