/*
Theme Name: Groupe Guémas
Theme URI: 
Author: BlueMarketing
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: groupe-guemas
Tags: 
*/

/* Couleur du lien dans un h1 */
h1 a {
    color: var(--wp--preset--color--accent-1);
}
h1 a:hover {
    color: var(--wp--preset--color--accent-4);
}
/* Couleur du lien dans un h2 */
h2 a {
    color: var(--wp--preset--color--accent-3);
}
h2 a:hover {
    color: var(--wp--preset--color--accent-4);
}

/* Couleur des bullet dans les block list */
.wp-block-list li::marker {
    color: var(--wp--preset--color--accent-4);
}

/* Header transparent */
header.site-header:has(.site-header-transparent) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  z-index: 10;
}
/* MENU : lien actif */
.wp-block-navigation.tw-nav-active-thick-border li.current-menu-item > a {
    text-decoration-color: var(--wp--preset--color--accent-4);
}

/* MEGA MENU */
.mega-content {
    position: absolute;
	z-index: 999;
	top: 0; /* Positionné sous le menu principal */
	right: 0; /* Aligne à gauche */
	width: 100%; /* Largeur pleine */
	max-width: 745px; /* Largeur maximale */
	opacity: 0;
	/*transform: translateX(-50%) translateY(-30px);*/
	visibility: hidden;
	transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0s 0.5s; /* Animation fluide */
	margin-block-start: 0rem;
}

/* Lorsque le sous-menu est actif (visible) */
.mega-content.active {
	opacity: 1;
	/*transform: translateX(-50%) translateY(0);*/
	visibility: visible;
	transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Animation sans délai */
	margin-block-start: 0rem;
}
.mega-link a:hover {
    text-decoration-color: var(--wp--preset--color--accent-4);
}
.mega-link .is-mega-menu:after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjI5Mjg5IDguNzA3MTFDNy42ODM0MiA5LjA5NzYzIDguMzE2NTggOS4wOTc2MyA4LjcwNzExIDguNzA3MTFMMTUuMDcxMSAyLjM0MzE1QzE1LjQ2MTYgMS45NTI2MiAxNS40NjE2IDEuMzE5NDYgMTUuMDcxMSAwLjkyODkzMkMxNC42ODA1IDAuNTM4NDA4IDE0LjA0NzQgMC41Mzg0MDggMTMuNjU2OSAwLjkyODkzMkw4IDYuNTg1NzlMMi4zNDMxNSAwLjkyODkzMkMxLjk1MjYyIDAuNTM4NDA4IDEuMzE5NDYgMC41Mzg0MDggMC45Mjg5MzIgMC45Mjg5MzJDMC41Mzg0MDggMS4zMTk0NiAwLjUzODQwOCAxLjk1MjYyIDAuOTI4OTMyIDIuMzQzMTVMNy4yOTI4OSA4LjcwNzExWk04IDdMNyA3TDcgOEw4IDhMOSA4TDkgN0w4IDdaIiBmaWxsPSIjNEVCMDU1Ii8+Cjwvc3ZnPgo=);
    width: 16px;
    height: 9px;
    margin-left: 5px;
}
.mega-link-mobile > li > ul > li + li {
    margin-top: 12px;
}

/* Mega menu - Liste des expertises */
.mega-menu-liste-expertises {
    display: initial;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.mega-menu-liste-expertises > li + li {
    margin-top: 12px;
}
.mega-menu-liste-expertises a {
    position: relative;
    padding-left: 20px;
}
/* Expertise hover & active */
.mega-menu-liste-expertises .wp-block-navigation-item.current-menu-item > a,
.mega-menu-liste-expertises a:hover {
    font-weight: 700;
}
.mega-menu-liste-expertises .wp-block-navigation-item.current-menu-item > a:before,
.mega-menu-liste-expertises a:hover:before {
    content: "";
    background-color: var(--wp--preset--color--accent-4);
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Footer */
footer .wp-block-social-links a {
    font-size: inherit;
}
footer .wp-block-navigation.tw-nav-active-border li.current-menu-item > a[href*=sujet] {
    text-decoration: none;
}
footer .wp-block-navigation a:where(:not(.wp-element-button)) {
    font-size: 0.875rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .footer-bottom .wp-block-navigation__container {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* Custom Hero */
.hero.wp-block-group::after {
    --cta-bordure-height: 45px;
    content: "";
    position: absolute;
    bottom: calc(var(--cta-bordure-height) / -2);
    right: 0;
    background-color: #4EB055;
    height: var(--cta-bordure-height);
    width: 60%;
    z-index: 1;
}

/* Couleur de fond au survol du bouton de base */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
    background-color: #074829;
}

/* Soulignement animé du bouton outline */
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
    position: relative;
    padding: 0.667rem 1.25rem 0.667rem 0;
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link)::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #4EB055;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height 0.3s;
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link):hover::before {
    height: 6px;
}
/* Flèche du bouton outline */
:root :where(.wp-block-button.is-style-outline .wp-block-button__link)::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzE4MDY0IDEwLjU5MThDLTAuMDg1ODgzNCAxMC45Njg1IC0wLjEwODAzNSAxMS42MDEyIDAuMjY4NTg4IDEyLjAwNTJDMC42NDUyMSAxMi40MDkxIDEuMjc3OTkgMTIuNDMxMyAxLjY4MTk0IDEyLjA1NDdMMSAxMS4zMjMyTDAuMzE4MDY0IDEwLjU5MThaTTExLjk5OTQgMi4wMzQ2OEMxMi4wMTg3IDEuNDgyNzMgMTEuNTg2OSAxLjAxOTYzIDExLjAzNSAxLjAwMDMxTDIuMDQwNDkgMC42ODU0NDJDMS40ODg1NSAwLjY2NjEyIDEuMDI1NDQgMS4wOTc5IDEuMDA2MTIgMS42NDk4NEMwLjk4NjggMi4yMDE3OSAxLjQxODU4IDIuNjY0OSAxLjk3MDUyIDIuNjg0MjJMOS45NjU2MyAyLjk2NDFMOS42ODU3NCAxMC45NTkyQzkuNjY2NDIgMTEuNTExMSAxMC4wOTgyIDExLjk3NDMgMTAuNjUwMSAxMS45OTM2QzExLjIwMjEgMTIuMDEyOSAxMS42NjUyIDExLjU4MTEgMTEuNjg0NSAxMS4wMjkyTDExLjk5OTQgMi4wMzQ2OFpNMSAxMS4zMjMyTDEuNjgxOTQgMTIuMDU0N0wxMS42ODE5IDIuNzMxMTFMMTEgMS45OTk3TDEwLjMxODEgMS4yNjgyOEwwLjMxODA2NCAxMC41OTE4TDEgMTEuMzIzMloiIGZpbGw9IiM0RUIwNTUiLz4KPC9zdmc+Cg==);
    position: absolute;
    width: 12px;
    height: 13px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Custom Spectra Heading > Sub Heading */
.wp-block-uagb-advanced-heading .uagb-desc-text:before {
    content: "";
    display: inline-block;
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.438rem;
    width: 0.438rem;
    margin-right: 0.5rem;
    background-color: #4EB055;
    vertical-align: middle;
}

/* Style overlap media & text */
@media (max-width: 600px) {
    .overlap.wp-block-media-text>.wp-block-media-text__content {
        padding: 0;
    }
}
@media (min-width: 601px) {
    .overlap.wp-block-media-text>.wp-block-media-text__media {
        align-self: start;
    }
    /* Style avec image à gauche */
    .overlap.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        margin-left: -20%;
        margin-top: 100px;
        padding: 0;
    }
    /* Style avec image à droite */
    .overlap.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        margin-right: -30%;
        margin-top: 150px;
        padding: 0;
    }
}

/* Custom Bannière CTA */
.wp-block-cover.cta-bordure {
    overflow: initial;
}
.wp-block-cover.cta-bordure::after {
    --cta-bordure-height: 45px;
    content: "";
    position: absolute;
    bottom: calc(var(--cta-bordure-height) / -2);
    right: 0;
    background-color: #4EB055;
    height: var(--cta-bordure-height);
    width: 50%;
}
@media (max-width: 768px) {
    .wp-block-cover.cta-bordure::after {
        --cta-bordure-height: 25px;
    }
}

/* Custom block avec bordure verte */
.bordure-verte:is(.wp-block-post-featured-image, .wp-block-image, .wp-block-group) {
    position: relative;
}
.bordure-verte:is(.wp-block-post-featured-image, .wp-block-image, .wp-block-group)::after {
    --cta-bordure-height: 45px;
    content: "";
    position: absolute;
    bottom: calc(var(--cta-bordure-height) / -2);
    right: 0;
    background-color: #4EB055;
    height: var(--cta-bordure-height);
    width: 60%;
}
@media (max-width: 768px) {
    .bordure-verte:is(.wp-block-post-featured-image, .wp-block-image, .wp-block-group)::after {
        --cta-bordure-height: 25px;
    }
}

/* Custom InfoBox avec picto sur fond rond de couleur */
.wp-block-uagb-info-box.picto-with-circle-bg .uagb-ifb-image-content {
    width: 70px;
    height: 70px;
    background-color: #E8EFEF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
}
@media only screen and (max-width: 976px) {
    .wp-block-uagb-info-box.picto-with-circle-bg .uagb-ifb-image-content {
        margin: 0 auto 20px;
    }
}

/* Custom Boucle de requête - Titre en <p> + rendre toute le modèle de publication cliquable */
p.wp-block-post-title > a {
    color: #137E4A;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}
/* positionnement pour que l'overlay recouvre la carte */
.wp-block-post.post-clickable {
  position: relative;
}

/* overlay lien */
.wp-block-post .post-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  text-indent: -9999px; /* cacher le texte si besoin */
  background: transparent;
  border: 0;
}

/* laisser les liens internes cliquables au dessus */
.wp-block-post .post-link-overlay ~ * {
  position: relative;
  z-index: 2;
}

/* si tu veux que le hover s'applique à tout le bloc */
.wp-block-post.post-clickable:hover {
  cursor: pointer;
}

/* Custom Modele Publications seules */
.single-post-categories > a {
    text-decoration: none;
    color: var(--wp--preset--color--accent-3);
    font-weight: 700;
    font-size: 0.88rem;
}

/* Custom block cover pour la liste des secteurs */
.les-secteurs a {
  color:inherit;
  font-size:inherit;
  text-decoration:none;
  font-weight:inherit;
  line-height:inherit;
}