/*
Theme Name: Theme Argos
Template: astra
*/

:root {
  box-sizing: border-box;
}

main {
  width: 100% !important;
}

/****************** PERSONNALISATION EN-TÊTE ***************/
.argos42-menu {
  text-align: center;
  color: var(--ast-global-color-0);
  font-size: 2.5vw;
  font-weight: bolder;
}

@media (min-width:1200px) {
  .argos42-menu {
    font-size: 2.5vw;
  }
}

@media (max-width:1024px) {

  .main-header-menu>.menu-item>.menu-link,
  #astra-footer-menu>.menu-item>.menu-link {
    font-size: 1.1rem;
    padding: 0.5em 0.6em;
  }
}

/***************** PERSONNALISATION PLACEMENT CONTENU ************/
#primary,
#secondary {
  margin: 1rem 0 !important;
}

.site .site-content #primary {
  margin: 0;
  padding-top: 0;
  padding-right: 0;
}

.ast-separate-container #primary {
  margin: 0;
}

article.ast-article-single {
  padding-top: 0 !important;
}

section.ast-archive-description {
  margin: 0 !important;
  padding: 0 !important;

}

#page .site-content {
  flex-grow: 1;
  width: 100%;
}

/****************** PERSONNALISATION DES H ****************/
.ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"] {
  border-top: 1px solid var(--ast-global-color-0) !important;
  border-bottom: 1px solid var(--ast-global-color-0) !important;
  padding-top: 1rem;
}

/* Cible la page nos articles */
.ast-blog-layout-5-grid .ast-single-entry-banner {
  border: 1px solid var(--ast-global-color-0);
}

.entry-header .entry-title {
  background-color: var(--ast-global-color-6);
  padding: 1rem;
}

.entry-content h1,
h1 {
  font-size: 2.5rem;
}

.h1-articles,
h1.ast-archive-title,
h1 font font {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 10px;
  width: 100%;
  line-height: normal;
  background-color: var(--ast-global-color-6);
  border: 1px solid var(--ast-global-color-0);
  color: var(--ast-global-color-0) !important;
  text-align: center;
}

h1 font font {
  font-size: 1.8rem !important;
  font-weight: 700;
  padding: 10px;
  line-height: normal;
  background-color: var(--ast-global-color-6);
  border: none;
  color: var(--ast-global-color-0) !important;
  text-align: center;
}

h1.ast-archive-title font {
  vertical-align: middle !important;
}

.ast-archive-title span {
  color: var(--ast-global-color-0) !important;
}

@media (max-width:768px) {

  single-post h1,
  header.entry-header:not(.related-entry-header) .entry-title,
  .h1-articles,
  .ast-archive-title {
    font-size: 1.5rem;
  }

  .entry-content h1,
  h1 {
    font-size: 2rem !important;
  }
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.1em !important;
  margin-bottom: 0.5rem !important;
}

.h2-paragraphe {
  font-family: 'Roboto', sans-serif !important;
}

h3,
h2.woocommerce-loop-product__title {
  color: var(--ast-global-color-2) !important;
}

/* H des articles */
#primary h2 {
  font-size: 2.15rem;
  font-weight: 500 !important;
}

#primary h2.entry-title.ast-blog-single-element {
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif;
}

#primary h3,
#primary h2.woocommerce-loop-product__title {
  font-size: 1.5rem;
}

#primary h2.woocommerce-loop-product__title {
  margin-top: 0 !important;
}

#primary .astra-shop-summary-wrap a {
  border-bottom: none !important;
}

@media (max-width:769px) {

  h1.wp-block-heading,
  .ast-single-entry-banner[data-post-type="page"] .entry-title {
    font-size: 1.5rem;
  }

  #primary h2 {
    font-size: 1.6rem !important;
  }

  #primary h3,
  h2.woocommerce-loop-product__title {
    font-size: 1.2rem;
    font-weight: 600;
  }
}

/************* PERSONALISATION POLICE H3 EXTRAITS ARTICLES ****************/
.gb-element-82bc9cad h3 {
  font-family: 'Kaushan script', cursive;
  font-size: 1.5rem;
}

.gb-element-82bc9cad h3.gb-text.gb-text-2faff492 a {
  text-decoration: none !important;
}

/******* PERSONNALISATION DES ETIQUETTES TAXONOMIE ET CATEGORIES ******/
.taxonomy-post_tag.wp-block-post-terms a,
.ast-taxonomy-container a,
.woocommerce-page ul.products li.product .ast-woo-product-category {
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-6);
  padding: 0.20rem 1rem 0.12rem 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem !important;
  font-weight: 600;
  letter-spacing: 0.03rem;
  text-decoration: none !important;
  display: inline-block;
  white-space: nowrap;
  border-radius: 100px;
  max-width: 100% !important;
  text-overflow: ellipsis;
}

.taxonomy-post_tag.wp-block-post-terms {
  color: #ffffff;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0 !important;
}

span.ast-taxonomy-container {
  color: white !important;
}

.taxonomy-category {
  margin: 1rem 0;
}

.taxonomy-category a {
  background-color: var(--ast-global-color-6);
  color: var(--ast-global-color-0);
  margin: 0 5px 1rem 5px;
  letter-spacing: 0.04rem;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  padding: 0.5rem 1rem !important;
  border: 1px dotted var(--ast-global-color-0);
  text-decoration: none !important;
}

/****************** SPECIAL SHOP hors H plus haut ******************/
.astra-shop-thumbnail-wrap a {
  border-bottom: none !important;
}

/******************** PERSONNALISATION DES LIENS ******************/
.entry-content a u,
main a {
  color: var(--ast-global-color-0);
  text-decoration: none !important;
  border-bottom: 1px dotted var(--ast-global-color-0);
}


.entry-content a u, main a, .single-post #content-post a,
.single-post .entry-content a {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.comment-header a {
  color: #067197;
  border: none;
}

div.wp-block-comment-date.has-small-font-size a {
  color: var(--ast-global-color-2);
  pointer-events: none;
}

/******************** PERSONNALISATION GENERALES *********************/
hr {
  border: none;
  border-top: 1px solid var(--ast-global-color-0) !important;
}

/************* PERSONNALISATION EN-TÊTE MOBILES **********************/
@media (max-width: 768px) {
  .ast-builder-grid-row.ast-grid-center-col-layout {
    grid-template-columns: auto auto auto;
  }
}

/************* PERSONNALISATION FIL D'ARIANE ************************/
/* En JS dans function.php */
.ast-breadcrumbs-wrapper {
  color: var(--ast-global-color-0);
}

.ast-breadcrumbs-wrapper .last {
  color: #4a4440;
}

/************************** VIDEO SPONSOR ****************************/

.o-flip-front, .o-flip-back {
	background-color:rgba(255, 255, 255, 0.7) !important;
	box-shadow: 4px 5px 10px rgba(0,0,0,0.4) !important;
}
.o-flip-front h3 {
	color:#067197 !important;
	font-weight:600 !important;
}
.o-flip-front a {
	color:#067197 !important;
	text-decoration:none !important;
	border-bottom:none !important;
}
.wp-block-themeisle-blocks-flip .o-flip-back {
	box-shadow:none;
}
.o-flip-back {
	padding-right:0.2em !important;
	padding-left:0.2em !important;
}
.o-flip-back a.wp-block-button__link {
	background-color:#067197;
}
.video-container {
    width:450px;
    margin: 0.2em auto;
    position: relative;
}
@media (max-width:450px){
	.video-container {
    	width:300px;
		margin: 0.05em auto;
	}
	.o-flip-inner {height:300px}
	.o-flip-back {
		padding:0;
	}
}
.video-container video {
    grid-area: 1 / 1;
    width: 100%;
    height:100%;
    object-fit: cover;
}
/* replay button */
.hero-replay {
  position: absolute;
  grid-area: 1 / 1;
  place-self: end end;
  /* ⭐ bottom right */
  margin-right: clamp(10px, 12px, 15px);
  margin-bottom: clamp(15px, 20px, 25px);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 12px 20px;
  cursor: pointer;
  font-weight: 600;
  padding: 0.4em 1.4em;
  border-radius: 60px;
  cursor: pointer;
  box-shadow: inset 4px 4px 10px rgb(17, 101, 112), inset -4px -4px 10px rgba(250,249,249, 0.4);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.hero-replay:hover {
  box-shadow: inset 4px 4px 10px $eve-color-footer, inset -4px -4px 10px rgba($eve-color-bg, 0.4);
}
}
.hero-replay[hidden] {
    display: none !important;
}
.arrow {
  color:color.adjust(rgb(6, 113, 151), $lightness: 68%);
  font-size: 20px;
}
.don-unitaire {
	background-color:var(--ast-global-color-5);
}

/******************* PERSONNALISATION PIED PAGE *********************/
.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
    padding-right:0 !important;
    padding-left:0 !important;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
    padding-right:0 !important;
    padding-left:0 !important;
}

.site-below-footer-wrap {
  padding-bottom: 0 !important;
}

.mon-site {
  color: #a4470e;
}

.mon-site:hover {
  color: #067197;
}

/* Responsive : tablettes */
@media (max-width: 1024px) {
  #astra-footer-menu {
    display: none !important;
  }

  .ast-footer-social-1-wrap .ast-builder-social-element svg {
    width: 30px;
  }
}

@media (max-width: 544px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
    display: block;
    margin-bottom: 0px !important;
  }
}

/******************** Personnalisations autres ***************************/
blockquote {
  background-color: var(--ast-global-color-6);
  font-family: 'Roboto', sans-serif;
  word-wrap: wrap;
}

.wp-block-button {
  max-width: 80vw !important;
}

/* Grid des catégories d'articles et nb articles */
.uagb-layout-grid {
  margin-top: 1rem;
}

a.uagb-tax-link {
  border-bottom: none;
}

.uagb-block-a2a9887b.uagb-layout-grid .uagb-taxomony-box {
  width: 100%;
  padding-top: 0;
}

#primary h3.uagb-tax-title {
  color: var(--ast-global-color-0) !important;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 auto 0 auto !important;
}

a.btn-argos {
  background-color: var(--ast-global-color-0) !important;
  font-weight: 600;
}
/* --- Bloc Media & Text : image 50% largeur, hauteur = texte --- */
/*.wp-block-media-text.is-image-fill-element {
    display: flex;               
    flex-wrap: wrap;            
}

.wp-block-media-text.is-image-fill-element .wp-block-media-text__media {
    flex: 0 0 50%;
    height: auto;
}

.wp-block-media-text.is-image-fill-element .wp-block-media-text__content {
    flex: 0 0 50%;
}*/

/* Figure + picture + img doivent remplir la hauteur de la colonne */
/*.wp-block-media-text.is-image-fill-element .wp-block-media-text__media,
.wp-block-media-text.is-image-fill-element .wp-block-media-text__media figure,
.wp-block-media-text.is-image-fill-element .wp-block-media-text__media picture,
.wp-block-media-text.is-image-fill-element .wp-block-media-text__media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/

/*************** Personnalisation de l'iframe helloasso *****************/
.ha-widget-wrapper {
  width: 80% !important;
  min-width: 60vw;
  margin: 0 auto;
  max-width: 1000px;
  box-sizing: border-box;
}

.ha-widget-wrapper iframe#haWidget {
  text-align: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  min-width: 60vw !important;
  max-width: 100% !important;
  min-height: 1000px ! important;
  border: none;
}

.wp-block-themeisle-blocks-accordion.exclusive {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wp-block-themeisle-blocks-accordion-item {
  width: 100%;
}

.wp-block-themeisle-blocks-accordion-item__title {
  display: flex;
  justify-content: center;
  gap: 20px;
  border: 1px solid var(--ast-global-color-0) !important;
  background-color: var(--ast-global-color-1);
  color: var(--ast-global-color-2);
  font-size: 1.3rem;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;

}

.wp-block-themeisle-blocks-accordion-item__content {
  border-right: 1px solid var(--ast-global-color-0) !important;
  border-left: 1px solid var(--ast-global-color-0) !important;
  border-bottom: 1px solid var(--ast-global-color-0) !important;
  background-color: var(--ast-global-color-5);
}

#biglou-btn .uagb-spectra-button-wrapper.wp-block-button {
  margin: 0 auto;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;

}

#achat-biglou .uagb-modal-button-link {
  animation: clignote 1.8s ease-in-out infinite;
}

@keyframes clignote {

  0%,
  100% {
    bachground-color: var(--ast-global-color-0);
  }

  50% {
    background-color: var(--ast-global-color-2);
  }
}

/*************** Personnalisation des articles épinglés *****************/
/* Badge “🔖 Épinglé” */
.sticky .entry-title:before {
  content: "🔖 Épinglé : ";
  color: var(--ast-global-color-0);
  font-weight: bold;
}

.sticky {
  background-color: var(--ast-global-color-6) !important;
  border: 2px solid var(--ast-global-color-0) !important;
  padding: 10px !important;
  border-radius: 15px !important;
}

/* Badge épingle sur l’image mise en avant */
.sticky picture {
  position: relative;
  overflow: visible;
  width: 100%;
}

.sticky .post-thumb::before,
.gb-loop-item.sticky picture::before {
  content: "📌";
  position: absolute;
  line-height: 1;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  padding: 0.5rem 0.5rem;
  border-radius: 0.3rem;
  z-index: 20;
  pointer-events: none;
}

.sticky .post-thumb::before {
  top: 18px;
  left: 16px;
  font-size: 1.5rem;
}

.gb-loop-item.sticky picture::before {
  top: 8px;
  left: 8px;
  font-size: 1.7rem;
}

.gb-loop-item.sticky picture img {
  border-radius: 15px !important;
}

/* Badge pour les sticky dans Latest Posts block */
.wp-block-latest-posts__list li.sticky a.wp-block-latest-posts__post-title::before {
  content: "📌 ";
  /* épingle devant le titre */
  font-weight: bold;
}

/************** Personnalisation des médias *****************/
.argos-embed-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: var(--ast-global-color-6) !important;
  overflow:hidden !important;
}

.argos-ig-blockquote-wrapper {
  align-self:center;
  margin: 0 auto !important;
  width:100%;
}

.argos-embed-ratio,
.argos-embed-ratio-ig {
  position: relative;
  width: 100%;
  min-height: 300px;
  border: 1px solid var(--ast-global-color-0);
  display:flex;
  flex-direction:colum;
  justify-content: space-between;
}
.argos-embed-wrapper iframe {
  min-width:100% !important;
  min-height:100% !important;
}

.argos-embed-thumb,
.argos-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.argos-ig-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.argos-consent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  min-width: 300px;
  background-color: var(--ast-global-color-6);
  color: var(--ast-global-color-0);
  font-weight: 600;
  padding: 1rem 1.25rem;
  border: 2px solid var(--ast-global-color-0);
}

/*************************************************************************/
/******************** PERSONNALISATION MODULES ***************************/
/*************************************************************************/

/***************************** FORMINATOR ********************************/
button.forminator-button,
.uagb-modal-button-link.wp-block-button__link {
  /* remet à zéro les styles */
  all: unset;
  display: inline-block;
  padding: 12px 25px !important;
  border-radius: 30px !important;
  background-color: var(--ast-global-color-0);
  color: #fff;
  font-family: inherit;
  font-size: 1.1em !important;
  font-weight: 600 !important;
}

a.forminator-field-password {
  all: unset;
  color: var(--ast-global-color-0);
}

/* Bouton forminator bénévoles mobiles */
.forminator-ui#forminator-module-1862.forminator-design--default .forminator-button-submit {
  max-width: 90% ! important;
}

@media (max-width: 782px) {
  .forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    width: 70% !important;
    padding: 10px 0 !important;
    max-width: 80vw !important;
    font-size: 1rem !important;
  }
}

/* Responsive : tablettes */
@media (max-width: 1024px) {
  #astra-footer-menu {
    display: none !important;
  }

  .ast-footer-social-1-wrap .ast-builder-social-element svg {
    width: 30px;
  }
}

/*********************** BARRE FLOTANTE TRADUCTION **********************/
#gt_float_wrapper {
  top: 0px !important;
  left: 35px !important;
  padding: 0;
}

.gt-current-lang {
  padding: 0.15em;
}

.gt-current-lang img {
  width: 30px;
  height: auto;
  padding: 0.15em;
}

.gt-current-lang,
.gt-current-lang .gt-lang-code {
  font-size: 16px;
}

/* Correction erreur hauteur boutton */
.cmplz-accept-service {
  max-height: max-content !important;
}

@media (max-width:850px) {
  .gt-current-lang {
    padding: 0.1em !important;
  }

  .gt-translate-wrapper,
  #gt_float_wrapper {
    right: 50%;
    transform: translateX(50%);
    left: auto !important
  }

  .gt-current-lang img {
    width: 18px !important;
    height: auto !important;
    padding: 0.1em;
  }

  .gt-current-lang,
  .gt-current-lang .gt-lang-code {
    font-size: 14px !important;
  }
}


/******************** Personnalisation newsletter brevo *********************/
.brevo {
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
}

/************** Personnalisation img liste article" bas de page *************/
.gb-media-38f3fa8f {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: none;
  object-position: center;
  display: block;
}


/****************************************************************************/
/********************** PERSONNALISE VISUELS DES PDF ************************/
/****************************************************************************/
.visuel-pdf {
  width: 100%;
  height: 600px;
}

@media (max-width: 768px) {
  .visuel-pdf {
    display: none !important;
    width: 100%;
    height: 0px;
  }

  /* bloc PDF sur mobile sans visuel */
  .pdf-bloc {
    display: none !important;
  }
}