/* =========================================================
   BASE
   ========================================================= */
* { box-sizing: border-box; }

/* Typo */
h2 {
  color: var(--color-dark);
  font-size: 3rem;
  margin: 80px 0 24px;
}
h3 {
  font-size: 1.2rem;
  font-weight: 100;
  margin: 0;
}

/* Liens et boutons */
a,
.glad-cta-btn {
  font-weight: 600;
  font-size: .9rem;
}

body{margin: 0 !important;}

/* =========================================================
   PAGE ATTENTE
   ========================================================= */

html:has(main.page--attente) {
    margin: 0 !important;
}

main.page--attente {
	width: 100vw;
	height: 100vh;
}
main.page--attente section.wp-block-glad-section {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
}
main.page--attente section.wp-block-glad-section figure.wp-block-image {margin: 0 auto;}

/* =========================================================
   FORM / CF7
   ========================================================= */
.cf7-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
  justify-content: space-between;
}

.cf7-col { width: 100%; }

input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 5px;
}

input:not([type="submit"]),
select {
  height: 25px;
}

label {
  font-size: 1rem;
  color: var(--color-primary);
}

form p {
  margin-bottom: .7rem;
}

/* =========================================================
   CTA OVERRIDE GLOBAL (PRIMARY LIGHT)
   - S'applique aux blocs CTA
   - Aux CTA dans les CPT
   - Aux shortcodes
   - Aux boutons CF7
   ========================================================= */

/* Forcer primaryLight à suivre les variables CTA */
.bruce-cta--primaryLight,
[data-cta-variant="primaryLight"] .glad-cta-btn,
[data-cta-variant="primaryLight"] .wp-block-button__link,
[data-cta-variant="primaryLight"] .btn,
[data-cta-variant="primaryLight"] .wpcf7-submit,
.wpcf7-submit.is-primaryLight{
    background: var(--cta-n-bg, #ece431) !important;
    color: var(--cta-n-tx, #061c2f) !important;
    border-width: var(--cta-n-bw, 2px) !important;
    border-style: solid;
    border-color: var(--cta-n-bc, #ece431) !important;
}

.bruce-cta--primaryLight:hover,
.bruce-cta--primaryLight:focus,
[data-cta-variant="primaryLight"] .glad-cta-btn:hover,
[data-cta-variant="primaryLight"] .glad-cta-btn:focus,
[data-cta-variant="primaryLight"] .wp-block-button__link:hover,
[data-cta-variant="primaryLight"] .wp-block-button__link:focus,
[data-cta-variant="primaryLight"] .btn:hover,
[data-cta-variant="primaryLight"] .btn:focus,
[data-cta-variant="primaryLight"] .wpcf7-submit:hover,
[data-cta-variant="primaryLight"] .wpcf7-submit:focus,
.wpcf7-submit.is-primaryLight:hover,
.wpcf7-submit.is-primaryLight:focus{
    background: var(--cta-h-bg, transparent) !important;
    color: var(--cta-h-tx, #061c2f) !important;
    border-width: var(--cta-h-bw, 2px) !important;
    border-style: solid;
    border-color: var(--cta-h-bc, #ece431) !important;
}

.prestations__table a.glad-cta-btn {min-width: 150px;}
.wpcf7-submit {width: 250px;padding: 5px 0;font-weight: 600;cursor: pointer;}
.cf7-submit-wrap {text-align: center;}

.wp-block-glad-cta .glad-cta-btn {margin-top: 5px;}

/* =========================================================
   BLOCS
   ========================================================= */
.glad-titlespe { margin: 2rem 0; }

/* CTA des cartes prestations */
.presta-card__foot .glad-cta-btn {
  margin: 2rem 0 1rem;
}
.glad-hours__row {
	grid-template-columns: minmax(80px, 120px) 1fr;
}

/* =========================================================
   CPT Cards
   ========================================================= */

.cptcards__card {
	transform: scale(1);
	transition: transform .5s ease;
}

.cptcards__card:hover {
	transform: scale(1.05);
}

/* =========================================================
   AUTRES
   ========================================================= */
iframe { width:100%; }
.presta-card__row dt { line-height:1; }

.colCTA{
	max-width: none;
}
.colCTA #glad-cta-1,
.colCTA #glad-cta-2{
	display: flex;
	justify-content: center;
}
.colCTA #glad-cta-1{
	margin: 1.5rem 0 0 0;
}
.colCTA #glad-cta-2{
	margin: .5rem 0 0 0;
}
.glad-section__inner .wp-block-glad-cta{
	width: 100% !important;
}
.glad-section__inner {
	padding: 0;
}
.heroContent h1 {
	font-size:3rem;
	margin: 0;
}
.heroContent h2 {
	font-size:1.2rem;
	font-weight: 600;
	margin: 0 0 1.5rem 0;
}
.infos .wp-block-glad-cta {
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}
.glad-section.alignfull .glad-section__inner{
	padding: 0 1.5rem;
}
.presta-card [data-cta-variant] {
    --cta-w: auto;       /* ou 100% */
    --cta-mw: 100%;      /* sécurité */
}

.presta-card .glad-cta-btn {
    width: 100%;
    max-width: 100%;
}
.sponsorSection {
	border-top: 2px solid var(--color-primary);
	border-bottom: 2px solid var(--color-primary);
}
.champSection {
	padding: 10px 0;
}
.champ__banner {
    background: none;
}
.champ__banner h2.champ__title {
    font-size: 1.3rem;
}

.footer-inner,
.wp-block-columns {
	width: 100%;
}
.site-footer .wp-block-column {
	display: flex;
        flex-direction: column;
        align-items: center;
}
.wp-block-column section {padding: 1rem;}

.site-footer nav.bruce-social-nav ul {
	flex-direction: row;
}
.site-footer nav.bruce-social-nav {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.wp-block-glad-cta{max-width: 400px;}

.article-hero__overlay {background-color:var(--color-dark);opacity:.8;}
.post-hero-meta__cat,
.post-hero-meta__date,
.article-hero__title{ color: var(--color-light);}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (min-width:780px){
  .cf7-row { flex-direction:row; gap:1rem; }
	.colCTA{
		max-width: 400px;
	}
	.colCTA #glad-cta-1,
	.colCTA #glad-cta-2{
		justify-content: left;
	}
}

@media (min-width:992px){
  .presta-card__foot .glad-cta-btn{ width:200px; }
}
