/**
Theme Name: COM 64
Author: COM 64
Author URI: https://com64.fr
Description: Le theme COM 64 est un theme enfant pour Astra qui est le thème le plus rapide, entièrement personnalisable et esthétique, idéal pour les blogs, les portfolios personnels et les sites web. Très léger, il offre une vitesse inégalée. Conçu dans une optique de référencement, Astra intègre le code schema.org, ce qui garantit que les moteurs de recherche apprécieront votre site. Astra propose de nombreuses options de barre latérale et zones de widgets, vous offrant ainsi un contrôle total sur la personnalisation. De plus, nous avons inclus des fonctionnalités et des modèles spéciaux. Vous pouvez choisir votre plugin de création de pages préféré pour créer des pages en toute flexibilité. Voici quelques-unes des autres fonctionnalités : Compatible avec WooCommerce, Responsive, Compatible avec les principaux plugins, Prêt pour la traduction, Extensible avec des extensions premium, Mis à jour régulièrement. Conçu, développé, maintenu et pris en charge par Brainstorm Force. Vous recherchez un thème de base parfait ? Ne cherchez plus. Le theme COM 64, theme enfant pour Astra, est un thème rapide, entièrement personnalisable et magnifique !
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: com-64
Template: astra
*/
/* En-tête COM 64 : le menu responsive se déroule sous la capsule. WordPress bloque le défilement
   de la page à son ouverture (html.has-modal-open), ce qui fait disparaître la barre de défilement
   et glisser toute la page. Global Styles ne peut pas viser html : la règle vit ici. */
html.has-modal-open:has(.gs-nav .wp-block-navigation__responsive-container.is-menu-open) {
	overflow: visible;
}

/* En-tête COM 64 masqué sur les pages dont l'en-tête est désactivé dans leurs réglages Astra (classe posée
   par functions.php). Global Styles ne peut pas viser une classe de body : la règle vit ici. */
body.com64-sans-entete .spectra-header-template {
	display: none;
}

/* Correctifs du contrôle responsive qui exigent une règle par largeur d'écran (masquer un élément d'extension), ce
   que Global Styles ne sait pas écrire. */
/* P19-D01. Lecteur vidéo des tutoriels sous 460 px : sans les sauts de 10 s ni les pistes précédente et suivante, la
   durée, les réglages et le plein écran restent dans le lecteur. */
@media (max-width: 459px) {
	.fp-media-controls-bottom .fp-media-button[aria-label*="10"],
	.fp-media-controls-bottom .fp-prev-track,
	.fp-media-controls-bottom .fp-next-track {
		display: none;
	}
}
/* C10. Bannière cookies sous 600 px : titre rétabli, Accepter et Refuser côte à côte, préférences en dessous (classes
   doublées : la feuille de Complianz peut passer après celle-ci une fois les styles combinés). */
@media (max-width: 599px) {
	.cmplz-cookiebanner .cmplz-header .cmplz-title.cmplz-title {
		display: block;
	}
	.cmplz-cookiebanner .cmplz-buttons.cmplz-buttons {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-btn {
		flex: 1 1 40%;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-btn.cmplz-view-preferences {
		flex-basis: 100%;
	}
}
/* C12. Bouton « retour en haut » retiré sous 1 280 px (téléphones, tablettes, portables 13 pouces) : il masquait des
   champs, des questions et la fin des cartes. */
@media (max-width: 1279px) {
	#ast-scroll-top {
		display: none !important;
	}
}

/* P17-D01. Tableaux des pages légales sous 600 px : chaque ligne s'empile (finalité, puis base légale) au lieu de deux
   colonnes de 120 px où les mots se coupaient. */
@media (max-width: 599px) {
	.gs-carte-fixe .wp-block-table.wp-block-table table,
	.gs-carte-fixe .wp-block-table.wp-block-table :is(thead, tbody, tr, th, td) {
		display: block;
		width: 100%;
	}
	.gs-carte-fixe .wp-block-table.wp-block-table :is(th, td) {
		border-width: 0;
		padding: var(--espace-4) 0;
	}
	.gs-carte-fixe .wp-block-table.wp-block-table tr {
		padding: var(--espace-12) 0;
		border-bottom: 1px solid var(--wp--preset--color--outline);
	}
	.gs-carte-fixe .wp-block-table.wp-block-table thead {
		border-bottom: 2px solid currentColor;
	}
	.gs-carte-fixe .wp-block-table.wp-block-table table {
		border: 0;
	}
	/* Listes des pages légales : césure française sur téléphone seulement (« INTERNATIONAL ») ; sélecteur plus fort que
	   la règle de Global Styles qui la retire au-delà. */
	body .gs-carte-fixe .gs-legal-liste.gs-legal-liste.gs-legal-liste {
		hyphens: auto;
	}
}

/* Liens dans les réponses de FAQ des pages : soulignés, sans quoi ils ne se distinguent pas du texte (contraste lien/texte de 1,2:1). */
.gs-faq-reponse a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Liens dans les listes des cartes de tarif sur fond bleu nuit : couleur du texte de la carte et soulignés, sans quoi le bleu nuit du lien disparaît sur le fond. */
.gs-tarifs-nuit .gs-tarifs-point a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Liens dans les points du programme (panneaux bleus) et dans les cartes de l’expert : couleur du texte et soulignés, pour être repérables. */
.gs-programme-point a,
.gs-expert-texte a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Coaching WordPress, cartes de tarif côte à côte : les intertitres « Tout est inclus dans… » réservent deux lignes, pour
   que les listes des cartes commencent à la même hauteur quand l'un d'eux passe à la ligne. */
@media (min-width: 1025px) {
	.page-id-1884 .gs-tarifs-liste-titre {
		min-height: 2lh;
	}
}

/* Liens dans les paragraphes de la page À propos : couleur du texte et soulignés, pour être repérables. */
.gs-apropos-texte a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* À propos, bloc « L'agence », de 1 024 à 1 279 px : la colonne de texte dépassait de loin la colonne de la photo.
   L'encart des partenaires passe sous les deux colonnes, sur toute la largeur (décision de Cédric) ; au-delà, rien ne change. */
@media (min-width: 1024px) and (max-width: 1279px) {
	.gs-apropos-agence .gs-apropos-duo.gs-apropos-duo.gs-apropos-duo {
		grid-template-rows: auto 1fr auto;
	}
	.gs-apropos-agence .gs-apropos-visuel.gs-apropos-visuel.gs-apropos-visuel {
		display: contents;
	}
	.gs-apropos-agence .gs-apropos-duo .gs-apropos-photo {
		grid-column: 1;
		grid-row: 1;
	}
	.gs-apropos-agence .gs-apropos-duo .gs-apropos-accroche {
		grid-column: 1;
		grid-row: 2;
		align-self: start;
	}
	.gs-apropos-agence .gs-apropos-duo .gs-apropos-lecture {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
	.gs-apropos-agence .gs-apropos-duo .gs-partenaires {
		grid-column: 1 / -1;
		grid-row: 3;
	}
}

/* Article : un mot trop long (adresse e-mail, lien) passe à la ligne au lieu de dépasser la colonne */
.gs-art-contenu {
	overflow-wrap: anywhere;
}

/* Accueil : cartes des étapes alignées en haut, l'espace en trop va sous la carte et non au-dessus */
@media (min-width: 1024px) {
	.page-id-51 .gs-etapes-etape {
		grid-template-rows: auto 1fr;
	}
}