/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/

/* Retirer decoration des liens */
.ast-single-post .entry-content a, #content > div > div > div.elementor-element.elementor-element-270a816.animated-slow.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.animated.fadeInUp > div, a:not(.ast-comment-edit-reply-wrap a) {
  text-decoration: none;
  color: #334155;
}

/*404*/
body.error404 {
	background: white;
}

/* Bouton pour remonter en haut */
#ast-scroll-top {
  right: auto !important;
  left: 60px !important;
  bottom: 5px !important;
  background: #000;
}

/* Bouton pour réouvrir cookies */
body > div.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  right: auto !important;
  left: 5px !important;
  bottom: 5px;
}

/* === Formulaire de contact === */

/* Conteneur des champs */
.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/* Champs individuels */
.wpforms-field-name,
.wpforms-field-first,
.wpforms-field-email,
.wpforms-field-company {
  width: 100% !important;
  max-width: 342px !important;
}

/* Style des inputs et textarea */
.wpforms-field input,
.wpforms-field textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px !important;
  border: 1px solid black !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}

/* Champs spécifiques à pleine largeur */

#wpforms-269-field_4-container,
.wpforms-field-textarea {
  width: 100% !important;
  max-width: 100%;
}

/* Conteneur du bouton d'envoi */
.wpforms-submit-container {
  text-align: right;
}

/* Boutons d'envoi */
#wpforms-submit-269,
#wpforms-submit-1852 {
  width: 291px !important;
  height: 52px !important;
  border-radius: 44px !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: Outfit, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

/* Bouton jaune */
#wpforms-submit-269 {
  color: black !important;
  background-color: #FFC54A;
}

#wpforms-submit-269:hover {
  background: #FFFFFF !important;
  border: 3px solid #FFC54A !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Bouton bleu */
#wpforms-submit-1852 {
  background-color: #1C5AF4;
}

#wpforms-submit-1852:hover {
	color: black;
  background: #FFFFFF !important;
  border: 3px solid #1C5AF4 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Header */
#masthead > div > div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Articles home page */
.derniers-articles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.article-item {
  max-width: 48%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 24px;
  font-family: Outfit;
}

.article-item:hover {
  transform: scale(1.05);
}

.article-image img {
  width: 100%;
  height: auto;
  padding: 20px;
}

.article-title {
  font-size: 20px;
  font-weight: 700;
  padding: 20px 20px 0px;
}

.article-categories {
  font-size: 14px;
  color: #555;
  padding-left: 20px;
}

.article-excerpt {
  font-size: 18px;
  color: #000000;
  padding: 20px;
  line-height: 25.2px;
}

/* Cookies banner */
body > div.cky-consent-container.cky-box-bottom-left > div {
  width: 100%;
}

body > div.cky-consent-container.cky-box-bottom-left > div > div > div > div.cky-notice-btn-wrapper > button,
body > div.cky-modal.cky-modal-open > div > div.cky-footer-wrapper > div.cky-prefrence-btn-wrapper > button {
  border-radius: 28px;
  color: #000;
}

/* Retirer décoration des liens */
.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
  text-decoration: none;
  color: #334155;
}

/* Bouton pour remonter en haut */
#ast-scroll-top {
  right: auto !important;
  left: 60px !important;
  bottom: 5px !important;
  background: #000;
}

/* Bouton pour réouvrir cookies */
body > div.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  right: auto !important;
  left: 5px !important;
  bottom: 5px;
}

/* Formulaire de contact */
.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.wpforms-field-name,
.wpforms-field-first,
.wpforms-field-email,
.wpforms-field-company {
  width: 100% !important;
  max-width: 342px !important;
}

.wpforms-field input,
.wpforms-field textarea {
  border: 1px solid black !important;
  border-radius: 9px !important;
  padding: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

#wpforms-269-field_2,
#wpforms-269-field_4-container,
.wpforms-field-textarea {
  width: 100% !important;
  max-width: 100%;
}

.wpforms-submit-container {
  text-align: right;
}

#wpforms-submit-269 {
  color: black !important;
  background-color: #FFC54A;
  border-radius: 44px !important;
  width: 291px !important;
  height: 52px !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: Outfit, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

#wpforms-submit-269:hover {
  background: #FFFFFF !important;
  border: solid 2px #FFC54A !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Header */
#masthead > div > div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Articles home page */
.derniers-articles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.article-item {
  max-width: 48%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 24px;
  font-family: Outfit;
}

.article-item:hover {
  transform: scale(1.05);
}

.article-image img {
  width: 100%;
  height: auto;
  padding: 20px;
}

.article-title {
  font-size: 20px;
  font-weight: 700;
  padding: 20px 20px 0px;
}

.article-categories {
  font-size: 14px;
  color: #555;
  padding-left: 20px;
}

.article-excerpt {
  font-size: 18px;
  color: #000000;
  padding: 20px;
  line-height: 25.2px;
}

/* Cookies banner */
body > div.cky-consent-container.cky-box-bottom-left > div {
  width: 100%;
}

body > div.cky-consent-container.cky-box-bottom-left > div > div > div > div.cky-notice-btn-wrapper > button,
body > div.cky-modal.cky-modal-open > div > div.cky-footer-wrapper > div.cky-prefrence-btn-wrapper > button {
  border-radius: 28px;
  color: #000;
}

/* ::::::::::::::::: DYNAMIC HEADER ::::::::::::::::: */
@media (min-width: 768px) {
  /* Déclaration des couleurs par page */
  .page-id-134 { --main-color: #FF770F; }
  .page-id-138,
  .page-id-142,
  .page-id-144,
  .page-id-1322, .page-id-1093 { --main-color: #1C5AF4; }
  .page-id-143 { --main-color: #00C7D1; }
  .page-id-140 { --main-color: #7110EB; }
	.page-id-1764, .page-id-1184 {  --main-color: #FFC54A;}
  /* Menu principal */
  .page-id-134 #menu-item-1223 > a,
  .page-id-138 #menu-item-1223 > a,
  .page-id-142 #menu-item-1223 > a,
  .page-id-144 #menu-item-1223 > a,
  .page-id-1322 #menu-item-1223 > a,
	.page-id-1093 #menu-item-1223 > a,
  .page-id-143 #menu-item-1223 > a,
  .page-id-140 #menu-item-1223 > a {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    border-radius: 50px;
    transition: background 0.3s, color 0.3s;
  }

  .page-id-134 #menu-item-1223 > a:hover,
  .page-id-138 #menu-item-1223 > a:hover,
  .page-id-142 #menu-item-1223 > a:hover,
  .page-id-144 #menu-item-1223 > a:hover,
  .page-id-1322 #menu-item-1223 > a:hover,
	.page-id-1093 #menu-item-1223 > a:hover,
  .page-id-143 #menu-item-1223 > a:hover,
  .page-id-140 #menu-item-1223 > a:hover {
    background: #fff;
    color: #000;
  }

  /* Logo rond dynamique */
  .portal-logo.elementor-hidden-mobile.elementor-shape-circle.elementor-widget.elementor-widget-icon a {
    border: 3px solid var(--main-color);
    transition: background 0.3s, border-color 0.3s;
  }

  .portal-logo.elementor-hidden-mobile.elementor-shape-circle.elementor-widget.elementor-widget-icon a:hover {
    background: var(--main-color);
    border-color: var(--main-color);
  }

  .portal-logo.elementor-hidden-mobile.elementor-shape-circle.elementor-widget.elementor-widget-icon a:hover svg path {
    fill: white;
  }

  /* Breadcrumb position */
  #page > div.main-header-bar.ast-header-breadcrumb {
    margin-top: 120px;
    border-bottom: 0;
    margin-bottom: -90px;
  }
}

/* Fix menu desktop */
@media (min-width: 1025px) {
  #masthead > div > div > div > div > div.elementor-element.elementor-element-6abcba8.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-fa82054.hfe-nav-menu__breakpoint-mobile.elementor-widget-tablet__width-initial.hfe-submenu-icon-arrow.hfe-submenu-animation-none.hfe-link-redirect-child.elementor-widget.elementor-widget-navigation-menu > div > div > nav {
    width: auto !important;
    left: auto !important;
  }
}

/* icon accordéon page infra-reseaux */

.e-n-accordion-item-title-icon{
  margin-left: auto;
}