/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* Bouton d evitement : entierement masque hors focus (evite un liseré de 1 px sur mobile) */
.w-skip-btn:not(:focus){top:-100px!important}

/* Grilles de portfolios : le nombre de photos n est pas affiche */
.w-grid .w-post-elm.mc_nb_images{display:none!important}

/* Grilles de portfolios : meme ecart entre les rangees qu entre les colonnes (Impreza double l ecart vertical) */
.w-grid.type_grid.layout_7555 .w-grid-list{gap:var(--gap,0px)}

/* mc-lot3-corr1:debut — Lot 3 SEO, correction 1 : les H1 allongés par le lot 3 ne doivent jamais déborder de leur colonne.
   Le parent direct d'un H1 devient un conteneur de requête ; la taille du H1 (réglage du thème, --h1-font-size) est plafonnée
   à largeur de la colonne / 7,3 (le plus long groupe insécable des H1 du lot, « Environnement : », mesure 7,13 em).
   Ne change rien quand la colonne est assez large ; ne touche ni le H1 de l'accueil ni les H1 à taille imposée (!important).
   Espace H1 → intro des archives du blog aligné sur celui des archives de portfolio (séparateur « medium »). (agent correction-1) */
:is(.wpb_wrapper,.vc_column-inner,.w-post-elm.post_content):has(> h1:not(.home *)){container-type:inline-size}
h1:not(.home *){font-size:min(var(--h1-font-size),calc(100cqi / 7.3))}
.mc-archive-title ~ .w-post-elm.post_content{margin-top:3rem!important}
/* À propos (#7510) : H1 dans une colonne d’un tiers, son plus long mot (« photographe ») mesure 5,76 em ; au-dessus de 600 px, taille plafonnée à 3,2rem pour laisser de l’air sous l’en-tête ; sur tablette, marge au-dessus du H1 (la colonne de texte y est plus haute que la photo). */
@media (min-width:601px){.page-id-7510 h1:not(.home *){font-size:min(3.2rem,calc(100cqi / 5.9))}}
@media (min-width:601px) and (max-width:1024px){.page-id-7510 .wpb_text_column:has(h1){padding-top:2.5rem}}
@media (max-width:1024px){.mc-archive-title ~ .w-post-elm.post_content{margin-top:calc(1rem + 2.5vw)!important}}
/* mc-lot3-corr2:debut — Vidéo (#6408) : H1 du lot 3 plafonné à 3,2rem quand les colonnes sont côte à côte (> 992 px), pour garder la bande démo près du titre. (agent correction2-1) */
@media (min-width:993px){.page-id-6408 h1:not(.home *){font-size:min(3.2rem,calc(100cqi / 7.3))}}
/* mc-lot3-corr2:fin */
/* mc-lot3-corr1:fin */
/* mc-presta-liens:debut — Prestations : 2 ou 3 liens secondaires empilés à droite du bouton quand la colonne fait au moins 625 px (requête de conteneur), sinon sous le bouton (13/10 : 3 liens, portables 1025-1380) */
.vc_column-inner:has(>.mc-lien-presta){container-type:inline-size}
.mc-lien-presta:has(.w-text + .w-text){display:grid;grid-template-columns:auto;justify-content:start;column-gap:1.5rem;row-gap:1rem;align-items:center}
.mc-lien-presta:has(.w-text + .w-text)>.w-btn-wrapper{margin-bottom:.4rem}
.mc-lien-presta:has(.w-text + .w-text)>.w-text{justify-self:start;margin-top:0!important;margin-bottom:0!important}
@container (min-width:625px){.mc-lien-presta:has(.w-text + .w-text){grid-template-columns:auto auto;row-gap:.85rem}.mc-lien-presta:has(.w-text + .w-text)>.w-btn-wrapper{grid-column:1;grid-row:1 / span 2;margin-bottom:0}.mc-lien-presta:has(.w-text + .w-text + .w-text)>.w-btn-wrapper{grid-row:1 / span 3}.mc-lien-presta:has(.w-text + .w-text)>.w-text{grid-column:2}}
/* mc-presta-liens:fin */
/* mc-hero-metiers:debut — accueil : métiers sur deux lignes équilibrées en mobile */
@media (max-width:600px){.mc-hero-metiers .w-text-value>span:first-of-type{display:none}.mc-hero-metiers .w-text-value>span:last-of-type{display:block}}
/* mc-hero-metiers:fin */