/* Style général des boutons CTA */
/* Boutons CTA */
.cta-button {
  display: inline-block;
  padding: 12px 24px;
  background-color: #0277BD;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.cta-button:hover {
  background-color: #01579B;
  color: #fff;
}

/* Effet au survol */
.cta-button:hover {
  background-color: #01579B; /* bleu plus foncé */
  color: #fff;
}

/* Fin style général des boutons CTA */


/* background des pages */

/* Sidebar */
.sidebar {
  background-color: #0277BD;
  color: #fff;
}
.sidebar a {
  color: #fff;
}
.sidebar a:hover {
  color: #FFD700;
}

/* Fond global */
body {
  background-color: #E8F5E9;
}

/* Zone de contenu */
.site-content {
  background-color: #E8F5E9;
  padding: 20px;
  border-radius: 4px;
}

/* Fond du contenu (articles et pages) */
.site-main,
.hentry,
.page,
.post {
  background-color: #E8F5E9; /* ou une autre couleur */
  padding: 20px;
  border-radius: 4px;
}

/* Titres */
h1, h2, h3 {
  color: #01579B;
}

/* fin background des pages */


/* Texte au-dessus de la page des nouvelles */

/* Intro texte au-dessus des nouvelles */
.blog .site-main::before {
  content: "Les nouvelles du Campeur autonome permettent de demeurer au courant des nouveaux articles, des nouveautés sur le site et en général.\A\A Vous pouvez vous abonner aux nouvelles en fournissant votre courriel avec le bouton 'Abonnez-vous' ou via nos réseaux sociaux (voir menu).";
  display: block;
  white-space: pre-wrap; /* permet les retours à la ligne avec \A */
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #FFF8E1; /* fond doux */
  color: #01579B; /* bleu cohérent avec ton thème */
  border-radius: 6px;
  text-align: left;
}

/* Fix mobile menu background and text colors */
@media screen and (max-width: 600px) {
  .main-navigation ul {
    background-color: #0277BD;   /* blue background for the dropdown */
  }

  .main-navigation li a {
    color: #fff !important;      /* white text for menu items */
  }

  .main-navigation li a:hover {
    background-color: #01579B;   /* darker blue on hover/tap */
    color: #FFEB3B !important;   /* bright yellow text on hover */
  }
}

/* Forcer la couleur de l'entête sur mobile */
@media screen and (max-width: 600px) {
  .site-header {
    background-color: #0277BD !important; /* bleu foncé */
  }

  .site-header .site-title a,
  .site-header .site-description {
    color: #fff !important; /* texte du titre et slogan en blanc */
  }
}

/* Augmenter la taille du texte du menu sur mobile */
@media screen and (max-width: 600px) {
  .main-navigation a {
    font-size: 1.3em;       /* texte plus grand */
    line-height: 1.6em;     /* espace vertical plus confortable */
  }

  .main-navigation li {
    padding: 6px 0;         /* espace autour des liens pour faciliter le clic au doigt */
  }
}

/* Forcer pleine largeur sur mobile */
@media screen and (max-width: 600px) {
  body,
  .site,
  .site-content,
  .content-area,
  .entry-content,
  .page-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Supprimer les marges latérales imposées par Twenty Fifteen */
  .site-main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* Ajouter un peu de respiration au texte */
  .entry-content p,
  .page-content p {
    padding: 0 12px;
  }
}


/* Corrige le menu invisible en mode paysage sur mobile */

@media (orientation: landscape) {
    .site-header,
    .main-navigation,
    .navbar {
        background-color: #0277BD !important;
    }
}

/* Fin corrige le menu invisible en mode paysage sur mobile */

/* Fin texte au-dessus de la page des nouvelles */


/* Accordéon FAQ - page spécifique */
.page-id-2750 .faq-accordion summary {
  font-weight: bold;
  color: #333 !important; /* couleur des questions */
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-id-2750 .faq-accordion summary::-webkit-details-marker {
  display: none;
}

.page-id-2750 .faq-accordion .answer {
  color: #006699 !important;
  background-color: #f0f8ff !important;
  margin: 8px 0 4px 1.6em;
  line-height: 1.6;
  font-size: 1.6rem;   /* taille augmentée */
  padding: 10px 14px;
  border-radius: 6px;
}


/* Conteneur details */
.page-id-2750 .faq-accordion details {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 10px 0;
  background: none !important; /* pas de fond par défaut */
}

.page-id-2750 .faq-accordion details[open] {
  border-color: #b6d7b6;
  background: none !important; /* supprime le vert pâle */
}

/* Flèche */
.page-id-2750 .faq-accordion .caret {
  display: inline-block;
  width: 1em;
  text-align: center;
  transition: transform .2s ease;
}

.page-id-2750 .faq-accordion details[open] .caret {
  transform: rotate(90deg);
}

/* Styles du sommaire FAQ - uniquement pour la page FAQ */
.page-id-2750 .faq-sommaire ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-id-2750 .faq-sommaire li {
  margin: 0.4em 0;
  padding-left: 1.5em;    /* pousse le texte vers la droite */
  text-indent: -1.2em;    /* ramène l’icône à gauche */
}

.page-id-2750 .faq-sommaire li a {
  text-decoration: none;
  color: #006699;
  font-weight: bold;
}

.page-id-2750 .faq-sommaire li a:hover {
  text-decoration: underline;
}


/* Fin Accordéon FAQ - page spécifique */

/* boutons j'aime */

.jetpack-likes-widget-unloaded,
.jetpack-likes-widget-loaded {
  background: #ffeb3b !important;   /* fond jaune */
  color: #000 !important;           /* texte noir */
  border: 2px solid #000 !important;/* cadre noir */
  padding: 8px 12px !important;     /* espace intérieur */
  border-radius: 6px !important;    /* coins arrondis */
  font-weight: bold !important;     /* texte en gras */
}

.jetpack-likes-widget-unloaded:hover,
.jetpack-likes-widget-loaded:hover {
  background: #ffd700 !important;   /* jaune plus vif au survol */
  cursor: pointer;
}


/* fin boutons j'aime */

/* bouton s'abonner */

.widget_blog_subscription input[type="submit"],
.wp-block-jetpack-subscriptions__button {
  background: #ffeb3b !important;   /* fond jaune */
  color: #000 !important;           /* texte noir */
  border: 2px solid #000 !important;/* cadre noir */
  padding: 10px 20px !important;    /* espace intérieur */
  border-radius: 6px !important;    /* coins arrondis */
  font-weight: bold !important;     /* texte en gras */
  text-transform: uppercase;        /* texte en majuscules */
}

.widget_blog_subscription input[type="submit"]:hover,
.wp-block-jetpack-subscriptions__button:hover {
  background: #ffd700 !important;   /* jaune plus vif au survol */
  cursor: pointer;
}
/* fin bouton s'abonner */



/* contrôle formulaire WPsearch */

/* Conteneur principal du formulaire */
#searchwp-form-3 {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  font-size: 1.8rem !important; /* police globale */
}

/* Champ texte */
#searchwp-form-3 .swp-input--search {
  width: 100% !important;
  padding: 14px !important;
  font-size: 1.8rem !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* Bouton Recherche */
#searchwp-form-3 .swp-button,
#searchwp-form-3 .search-submit {
  width: auto !important;
  padding: 12px 24px !important;
  background-color: #0073aa !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-size: 1.8rem !important;
}
#searchwp-form-3 .swp-button:hover,
#searchwp-form-3 .search-submit:hover {
  background-color: #005177 !important;
}

/* Combo Catégories : forcer en colonne */
#searchwp-form-3 .searchwp-form-input-container {
  display: flex !important;
  flex-direction: column !important; /* empile Catégories + textbox */
  gap: 12px !important;
}

#searchwp-form-3 .swp-select[name*="category"] {
  width: 100% !important;
  padding: 14px !important;
  font-size: 1.8rem !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

/* Filtres avancés (Auteurs, Étiquettes) en colonne */
#searchwp-form-3 .searchwp-form-advanced-filters {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
#searchwp-form-3 .searchwp-form-advanced-filters .swp-select {
  width: 100% !important;
  padding: 14px !important;
  font-size: 1.8rem !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

/* Toggle switch moderne */
#searchwp-form-3 .swp-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-size: 1.8rem !important;
}

#searchwp-form-3 .swp-toggle-switch {
  width: 50px !important;
  height: 26px !important;
  border-radius: 26px !important;
  background-color: #ccc !important;
  position: relative !important;
}

#searchwp-form-3 .swp-toggle-switch::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  transition: left 0.2s ease !important;
}

#searchwp-form-3 .swp-toggle-switch[aria-checked="true"] {
  background-color: #0073aa !important;
}
#searchwp-form-3 .swp-toggle-switch[aria-checked="true"]::after {
  left: 27px !important;
}


#searchwp-form-3 select[name="swp_tax_limiter[post_tag]"] {
    margin-bottom: 50px;
}



/* fin contrôle formulaire WPsearch */


.single-glossary .author-info, .single-glossary .entry-footer { 
    display: none !important; 
}

/* Hide Jetpack Subscription Form on Glossary Terms */
.single-glossary .jetpack_subscription_widget, 
.single-glossary #subscribe-blog, 
.single-glossary .wp-block-jetpack-subscriptions {
    display: none !important;
}