/*
Theme Name:  La Bernik GEIQ56
Template:    ollie
Description: Thème créé par La Bernik pour le GEIQ BTP 56 et le GEIQ Multisectoriel 56. Il présente leurs métiers, leurs offres d’emploi et les parcours des salariés. L’équipe du GEIQ peut mettre à jour les pages et les actualités dans WordPress.
Version: 10.60.15
Author:      Julien Charrier — La Bernik
Author URI:  https://labernik.fr
Text Domain: labernik-geiq56
Requires at least: 6.4
Requires PHP: 8.0
*/

/*
 * Les styles globaux sont définis dans theme.json.
 * Ce fichier sert uniquement de déclaration du child theme
 * et de point d'entrée pour les overrides CSS ponctuels.
 */


/* Retour client V3 — 19 octobre 2026. */
.faces-tile__initials { display:grid;place-items:center;position:absolute;inset:0;background:linear-gradient(135deg,#92002c,#e30043);color:#fff;font:500 clamp(1.8rem,4vw,4rem)/1 var(--wp--preset--font-family--heading,serif); }
.home-company-quote { grid-column:1/-1;border-top:1px solid currentColor;margin-top:1.5rem;padding-top:1.5rem;position:relative;z-index:1; }
.home-company-quote__eyebrow { font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem; }
.home-company-quote blockquote { margin:0;border:0;padding:0;display:flow-root;color:inherit; }
.home-company-quote blockquote p { font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.55;margin:0 0 1rem; }
.home-company-quote cite { font-size:.9rem;font-style:normal;font-weight:600; }
.home-company-quote img { width:80px;height:80px;object-fit:cover;border-radius:50%;float:left;margin:0 1.3rem .5rem 0; }
.geiq-label-badge__gallery--certificates { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.2rem!important;align-items:center; }
.geiq-label-badge__certificate { margin:0!important;transform:none!important;min-width:0; }
.geiq-label-badge__certificate a { display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #65001f40;transition:transform .25s; }
.geiq-label-badge__certificate a:hover { transform:translateY(-4px); }
.geiq-label-badge__certificate img { display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important; }
.geiq-label-badge .geiq-label-badge__certificate figcaption { color:#fff;font-size:.78rem;text-align:center;line-height:1.4;margin-top:.7rem; }
.testimonial-v3-portrait { float:none!important;margin:0 auto 1.5rem!important;text-align:center; }
.testimonial-v3-portrait img { width:112px!important;height:112px!important;object-fit:cover;border-radius:50%; }
@media(max-width:600px) {
 .home-company-quote img { width:64px;height:64px;margin-right:.9rem; }
 .geiq-label-badge__gallery--certificates { gap:1.2rem!important;grid-template-columns:1fr!important;max-width:320px;margin-inline:auto; }
 .geiq-label-badge .geiq-label-badge__certificate figcaption { font-size:.75rem; }
}
@media(prefers-reduced-motion:reduce){ .geiq-label-badge__certificate a{transition:none} }

/* Mission: the two official certificates are one balanced row, not a photo mosaic. */
/* Candidats: the section label sits above both columns of the journey. */
body.page-id-30700 #parcours > .wrap > .eyebrow {
 margin:0 auto 24px!important;
}

.geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__stage {
 height:auto;min-height:0;padding:clamp(28px,3.5vw,48px);
 grid-template-columns:minmax(250px,.82fr) minmax(0,1.7fr);
 grid-template-rows:auto;gap:clamp(28px,3.5vw,48px);align-items:center;
}
.geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__content {
 min-height:0;height:auto;padding:0;gap:24px;overflow:visible;
}
.geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__gallery--certificates {
 height:auto;grid-template-rows:auto;align-content:center;overflow:visible;
}
.geiq-label-badge--certificates .geiq-label-badge__certificate {
 grid-area:auto;align-self:center;
}
.geiq-label-badge--certificates .geiq-label-badge__certificate a {
 border-radius:6px;box-shadow:0 16px 30px -12px rgba(76,0,22,.45);
}
.geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__certificate figcaption {
 margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);
 text-align:left;font-size:.8rem;font-weight:600;line-height:1.5;
}
@media(max-width:980px) {
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__stage {grid-template-columns:1fr;gap:28px;}
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__content {min-height:0;}
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__gallery--certificates {max-width:680px;margin-inline:auto;}
}
@media(max-width:600px) {
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__stage {padding:28px 22px;gap:28px;}
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__gallery--certificates {max-width:360px;gap:28px!important;}
 .geiq-label-badge.geiq-label-badge--certificates .geiq-label-badge__certificate figcaption {margin-top:12px;padding-top:10px;}
}

/* Retour client V4 : dix portraits alignés, indépendamment des photos manquantes. */
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-wall__grid {
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:1px;align-items:stretch;
}
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile {
 min-width:0;min-height:0;width:100%;margin:0;aspect-ratio:1;
}
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile img {
 width:100%;height:100%;object-fit:cover;object-position:50% 35%;
 transform:scale(var(--faces-portrait-scale,1));transform-origin:50% 55%;
}
.faces-wall.faces-wall--visual.faces-wall--reviews.has-active .faces-tile.is-active {
 transform:none;
}
.faces-wall.faces-wall--visual.faces-wall--reviews.has-active .faces-tile.is-active img {
 transform:scale(var(--faces-portrait-scale,1));
}
/* Points focaux des fichiers client : aucune image ni identité n'est remplacée. */
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile img[src*="mohammed.webp"] {object-position:50% 70%;}
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile img[src*="pierre-francois-le-bail.webp"] {object-position:50% 5%;}
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile img[src*="thibaut-le-pichon.webp"] {object-position:50% 0%;}
.faces-wall.faces-wall--visual.faces-wall--reviews .faces-tile img[src*="andrea.webp"] {object-position:66% 50%;--faces-portrait-scale:1.8;}
@media(max-width:640px) {
 .faces-wall.faces-wall--visual.faces-wall--reviews .faces-wall__grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .faces-wall.faces-wall--visual.faces-wall--reviews .faces-wall__quote {
  position:relative;inset:auto;opacity:1;min-height:12rem;
  padding:24px 20px;gap:12px;
 }
 .faces-wall.faces-wall--visual.faces-wall--reviews:not(.has-active) .faces-wall__quote {
  display:none;
 }
}

/* V4 : cadrage du portrait fourni de Damien, sans retoucher les pixels. */
.testimonial-v3-portrait.testimonial-v4-damien {
 width:112px;height:112px;overflow:hidden;border-radius:50%;
}
.testimonial-v3-portrait.testimonial-v4-damien img {
 display:block;object-position:100% 0%;transform:scale(1.6);transform-origin:100% 0%;
}

/* Candidats: matching face portraits and an inline native story disclosure. */
body.page-id-30700 .testimonials-carousel figure.testimonial-v3-portrait {
 display:block;float:none!important;width:128px!important;height:128px!important;
 margin:0 auto 24px!important;overflow:hidden;border-radius:50%;
}
body.page-id-30700 .testimonials-carousel .testimonial-v3-portrait img {
 display:block;width:100%!important;height:100%!important;max-width:none!important;
 object-fit:cover;border-radius:0!important;
}
body.page-id-30700 .testimonials-carousel .testimonial-v4-damien img {
 object-position:100% 0%;transform:scale(2.1);transform-origin:95% 0%;
}
body.page-id-30700 .testimonials-carousel .testimonial-v4-andrea img {
 object-position:62% 50%;transform:scale(3.6);transform-origin:50% 44%;
}
body.page-id-30700 .testimonials-carousel details.testimonial-inline {
 padding:0!important;margin:0 0 24px!important;border:0!important;background:none;
}
body.page-id-30700 .testimonials-carousel .testimonial-inline > summary {
 display:block;list-style:none;padding:0!important;margin:0!important;cursor:pointer;
 font-family:'Instrument Serif',Georgia,serif!important;
 font-size:clamp(1.25rem,2.2vw,1.625rem)!important;font-weight:400!important;
 font-style:italic!important;line-height:1.45!important;letter-spacing:normal;
 color:inherit!important;text-align:center;
}
body.page-id-30700 .testimonials-carousel .testimonial-inline > summary::marker,
body.page-id-30700 .testimonials-carousel .testimonial-inline > summary::after {content:none;}
body.page-id-30700 .testimonials-carousel .testimonial-inline > summary::-webkit-details-marker {display:none;}
body.page-id-30700 .testimonials-carousel .testimonial-inline > summary:focus-visible {
 outline:2px solid var(--color-primary,#e30043);outline-offset:5px;border-radius:4px;
}
body.page-id-30700 .testimonials-carousel .testimonial-more {
 font:inherit;color:var(--color-primary,#e30043);white-space:nowrap;
}
body.page-id-30700 .testimonials-carousel summary:hover .testimonial-more {text-decoration:underline;text-underline-offset:.15em;}
body.page-id-30700 .testimonials-carousel .testimonial-more--open,
body.page-id-30700 .testimonials-carousel details[open] .testimonial-more--closed {display:none;}
body.page-id-30700 .testimonials-carousel details[open] .testimonial-more--open {display:inline;}
body.page-id-30700 .testimonials-carousel details.testimonial-inline[open] > summary {margin-bottom:24px!important;}
[data-theme="dark"] body.page-id-30700 .testimonials-carousel .testimonial-more {color:#ff86a7;}
@media(max-width:767px) {
 body.page-id-30700 .testimonials-carousel figure.testimonial-v3-portrait {width:112px!important;height:112px!important;}
 body.page-id-30700 .testimonials-carousel .testimonial-inline > summary {
  font-size:clamp(1rem,4.5vw,1.25rem)!important;line-height:1.5!important;
 }
}


/* GEIQ56: contraste sombre mutualise, 2026-11-10. */
/* Même pastille Multisectoriel dans les cartes et les fiches. */
html[data-theme="dark"] body .site-main :is(.badge-multi, .badge--multi),
html[data-theme="dark"] body .site-main :is(.job-card, .single-job__eyebrow) .badge.badge-multi {
  background-color: #48313b !important;
  color: #ffdae6 !important;
}

/* Une palette commune, sans modifier la taille ni la mécanique des sélecteurs. */
html:root[data-theme="dark"] body .site-main :is(.geiq-switcher[data-active], .section--contact-forms .contact-switcher, .geiq-switch.geiq-brand-switch),
html:root[data-theme="dark"] #impact-proposal .impact-tabs {
  background: #262226 !important;
  border-color: #443940 !important;
}

html[data-theme="dark"] body .site-main #geiqSwitcher[data-active] #switcherThumb,
html[data-theme="dark"] body .site-main .section--contact-forms .contact-switcher[data-active] .contact-switcher__thumb,
html[data-theme="dark"] body .site-main .geiq-switch.geiq-brand-switch::before,
html[data-theme="dark"] #impact-proposal .impact-tabs__thumb {
  background: #3a2832 !important;
  box-shadow: 0 0 0 1px #a65674, 0 3px 12px #140d1255 !important;
}

html[data-theme="dark"] body .site-main :is(.geiq-switcher[data-active] .geiq-switcher__btn, .contact-switcher .contact-switcher__btn, .geiq-brand-switch .geiq-switch__btn, #impact-proposal .impact-tabs button):hover {
  background: #ffffff08 !important;
}

html[data-theme="dark"] body .site-main :is(.geiq-switcher[data-active] .geiq-switcher__btn, .contact-switcher .contact-switcher__btn, .geiq-brand-switch .geiq-switch__btn, #impact-proposal .impact-tabs button):focus-visible {
  outline: 2px solid #ff93b3;
  outline-offset: -3px;
}

html[data-theme="dark"] body .site-main .geiq-switcher[data-active] .geiq-switcher__logo-img {
  opacity: 1;
}

html[data-theme="dark"] body .site-main :is(.geiq-switcher[data-active], .contact-switcher) [data-val="btp"] img {
  content: url("/wp-content/themes/labernik-geiq56/assets/images/heroes-interieurs/logo-geiq-btp-56-dark.png");
}

html[data-theme="dark"] body .site-main .geiq-switcher[data-active] [data-val="general"] .geiq-switcher__logo-img {
  content: url("/wp-content/themes/labernik-geiq56/assets/images/geiq56-brand-on-dark.svg");
}

html[data-theme="dark"] body .site-main :is(.geiq-switcher[data-active], .contact-switcher) [data-val="multi"] img {
  content: url("/wp-content/themes/labernik-geiq56/assets/images/heroes-interieurs/logo-geiq-multisectoriel-56-dark.png");
}