/*
Theme Name: PKI Industries 2026
Theme URI: https://pkiindustries.be/
Author: PKI Industries
Description: Thème du site PKI Industries, aux couleurs de la brochure (charte « Nuit & Bleu Emerson »), en 4 langues avec Polylang. Léger, sans constructeur de pages : les pages se modifient dans l'éditeur WordPress standard.
Version: 2.1.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: pki-industries
*/

/* ==========================================================
   1. Polices (auto-hébergées, aucune connexion à Google)
   ========================================================== */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/dm-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/dm-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/dm-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/dm-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/dm-serif-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/dm-serif-display-latin-400-italic.woff2) format("woff2")}

/* ==========================================================
   2. Charte « Nuit & Bleu Emerson »
   ========================================================== */
:root{
  --pki-nuit:#0A1530;      /* fond principal foncé   */
  --pki-marine:#14244A;    /* encarts sur fond foncé */
  --pki-filet:#24396A;     /* filets sur fond foncé  */
  --pki-gris:#CDD6E6;      /* texte sur fond foncé   */
  --pki-bleu:#3E86D9;      /* accent Emerson         */
  --pki-bleu-clair:#5B9BE6;/* chiffres sur fond foncé*/
  --pki-brume:#EEF2F8;     /* fond clair alterné     */
  --pki-encre:#26324D;     /* texte sur fond clair   */
  --pki-doux:#5C6A86;      /* texte secondaire       */
  --pki-bord:#D8E0EC;      /* bordures sur fond clair*/
  --pki-blanc:#FFFFFF;
  --pki-titre:"DM Serif Display",Georgia,"Times New Roman",serif;
  --pki-texte:"DM Sans",Arial,Helvetica,sans-serif;
  --pki-largeur:1160px;
  --pki-marge:clamp(20px,4vw,40px);
}

/* ==========================================================
   3. Base
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pki-blanc);color:var(--pki-encre);font-family:var(--pki-texte);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--pki-bleu);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--pki-nuit)}
:focus-visible{outline:2px solid var(--pki-bleu);outline-offset:3px}
h1,h2,h3,h4,h5,h6{font-family:var(--pki-titre);font-weight:400;color:var(--pki-nuit);line-height:1.15;margin:0 0 .5em;letter-spacing:-.005em}
h2{font-size:clamp(30px,3.3vw,44px)}
h3{font-size:clamp(22px,2vw,26px)}
h4{font-size:20px}
p{margin:0 0 1em}
strong{font-weight:600;color:var(--pki-nuit)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pki-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--pki-blanc);color:var(--pki-nuit);padding:10px 16px}
.pki-skip:focus{left:8px}

/* ==========================================================
   4. En-tête
   ========================================================== */
.pki-header{position:sticky;top:0;z-index:50;background:var(--pki-nuit);border-bottom:1px solid var(--pki-filet)}
.admin-bar .pki-header{top:32px}
@media (max-width:782px){.admin-bar .pki-header{top:0}}
.pki-header__inner{max-width:1320px;margin:0 auto;padding:0 var(--pki-marge);height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pki-brand{display:flex;align-items:center;flex:0 0 auto}
.pki-brand__logo{height:46px;width:auto}
.pki-brand--perso{background:var(--pki-blanc);padding:6px 12px;border-radius:3px}
.pki-brand--perso .pki-brand__logo{height:56px}
.pki-nav{display:flex;align-items:center}
.pki-menu,.pki-menu ul{list-style:none;margin:0;padding:0}
.pki-menu{display:flex;align-items:center;gap:4px}
.pki-menu>li{position:relative}
.pki-menu a{display:block;color:var(--pki-gris);text-decoration:none;font-size:15px;font-weight:500;padding:10px 14px;letter-spacing:.01em;transition:color .15s}
.pki-menu>li>a{position:relative}
.pki-menu>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--pki-bleu);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.pki-menu a:hover,.pki-menu .current-menu-item>a,.pki-menu .current-menu-ancestor>a,.pki-menu .current_page_item>a{color:var(--pki-blanc)}
.pki-menu>li:hover>a::after,.pki-menu>.current-menu-item>a::after,.pki-menu>.current-menu-ancestor>a::after,.pki-menu>.current_page_item>a::after{transform:scaleX(1)}
.pki-menu .menu-item-has-children>a{padding-right:28px}
.pki-menu .menu-item-has-children>a::before{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.pki-menu .sub-menu{position:absolute;top:100%;left:0;min-width:250px;background:var(--pki-marine);border:1px solid var(--pki-filet);border-top:2px solid var(--pki-bleu);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;box-shadow:0 18px 40px rgba(4,10,26,.35)}
.pki-menu li:hover>.sub-menu,.pki-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.pki-menu .sub-menu a{padding:10px 20px;font-size:14.5px}
.pki-menu .sub-menu a:hover{background:rgba(62,134,217,.12)}
.pki-menu>li.pki-menu-cta{margin-left:10px}
.pki-menu>li.pki-menu-cta>a{background:var(--pki-bleu);color:var(--pki-blanc);border-radius:2px;padding:10px 20px}
.pki-menu>li.pki-menu-cta>a::after{display:none}
.pki-menu>li.pki-menu-cta>a:hover{background:var(--pki-bleu-clair)}
.pki-burger{display:none;background:none;border:1px solid var(--pki-filet);width:46px;height:46px;border-radius:2px;cursor:pointer;position:relative;color:var(--pki-blanc)}
.pki-burger>span:first-child,.pki-burger>span:first-child::before,.pki-burger>span:first-child::after{position:absolute;left:12px;right:12px;height:2px;background:currentColor;content:"";transition:transform .2s}
.pki-burger>span:first-child{top:22px}
.pki-burger>span:first-child::before{left:0;right:0;top:-7px}
.pki-burger>span:first-child::after{left:0;right:0;top:7px}
.pki-burger[aria-expanded="true"]>span:first-child{background:transparent}
.pki-burger[aria-expanded="true"]>span:first-child::before{transform:translateY(7px) rotate(45deg)}
.pki-burger[aria-expanded="true"]>span:first-child::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1360px){
  .pki-burger{display:block}
  .pki-nav{position:absolute;left:0;right:0;top:84px;background:var(--pki-nuit);border-bottom:1px solid var(--pki-filet);display:none;max-height:calc(100vh - 84px);overflow:auto}
  .pki-nav.is-open{display:block}
  .pki-menu{flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pki-marge) 24px}
  .pki-menu a{padding:14px 0;border-bottom:1px solid var(--pki-filet);font-size:16px}
  .pki-menu>li>a::after{display:none}
  .pki-menu .menu-item-has-children>a::before{right:6px}
  .pki-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 0 18px;display:none}
  .pki-menu li.is-open>.sub-menu{display:block}
  .pki-menu>li.pki-menu-cta{margin:18px 0 0}
  .pki-menu>li.pki-menu-cta>a{text-align:center;border:0}
}

/* ==========================================================
   5. Bandeau de page (hero)
   ========================================================== */
.pki-hero{position:relative;overflow:hidden;background:var(--pki-nuit);color:var(--pki-gris)}
.pki-hero::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid rgba(91,155,230,.22);right:-180px;top:-260px;pointer-events:none}
.pki-hero__inner{position:relative;z-index:1;max-width:var(--pki-largeur);margin:0 auto;padding:72px var(--pki-marge) 80px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.pki-hero--sans-image .pki-hero__inner{grid-template-columns:minmax(0,1fr)}
.pki-hero__surtitre{font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pki-bleu-clair);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.pki-hero__surtitre::before{content:"";width:32px;height:1px;background:currentColor}
.pki-hero__titre{font-family:var(--pki-titre);color:var(--pki-blanc);font-size:clamp(38px,4.6vw,60px);line-height:1.06;margin:0 0 22px;max-width:16ch}
.pki-hero__intro{font-size:19px;line-height:1.6;color:var(--pki-gris);max-width:56ch;margin:0}
.pki-hero__coord{display:flex;flex-wrap:wrap;gap:10px 32px;margin:22px 0 0;font-size:19px;line-height:1.5}
.pki-hero__coord a{color:var(--pki-blanc);text-decoration:none;border-bottom:1px solid var(--pki-bleu-clair);padding-bottom:2px}
.pki-hero__coord a:hover{color:var(--pki-bleu-clair)}
.pki-hero__media{position:relative;justify-self:end;width:100%;max-width:470px}
.pki-hero__media::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--pki-bleu);border-radius:2px;z-index:-1}
.pki-hero__media img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:2px;box-shadow:0 30px 60px rgba(2,6,18,.45)}
.pki-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.pki-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--pki-bleu) 0 120px,transparent 120px)}

/* Accueil : photo pleine largeur */
.pki-hero--accueil{min-height:min(88vh,720px);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(10,21,48,.96) 0%,rgba(10,21,48,.86) 42%,rgba(10,21,48,.35) 100%),var(--pki-hero-img,none);background-size:cover;background-position:center}
.pki-hero--accueil .pki-hero__inner{grid-template-columns:minmax(0,1fr);width:100%;padding-top:96px;padding-bottom:110px}
.pki-hero--accueil .pki-hero__titre{font-size:clamp(42px,5.8vw,76px);max-width:14ch}
.pki-hero--accueil::before{width:900px;height:900px;right:-300px;top:auto;bottom:-520px;border-color:rgba(91,155,230,.3)}

.pki-btn{display:inline-flex;align-items:center;gap:10px;background:var(--pki-bleu);color:var(--pki-blanc);text-decoration:none;font-weight:600;font-size:15.5px;letter-spacing:.02em;padding:15px 28px;border-radius:2px;border:1px solid var(--pki-bleu);transition:background .15s,color .15s,border-color .15s}
.pki-btn:hover{background:var(--pki-bleu-clair);border-color:var(--pki-bleu-clair);color:var(--pki-blanc)}
.pki-btn--ligne{background:transparent;border-color:rgba(255,255,255,.55);color:var(--pki-blanc)}
.pki-btn--ligne:hover{background:var(--pki-blanc);border-color:var(--pki-blanc);color:var(--pki-nuit)}

@media (max-width:900px){
  .pki-hero__inner{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:56px;padding-bottom:64px}
  .pki-hero__media{justify-self:start;max-width:520px;width:calc(100% - 18px);margin:18px 0 0 18px}
}

/* ==========================================================
   6. Contenu : bandes pleine largeur
   ========================================================== */
.pki-main{display:block}
.pki-main>*{margin-top:0;margin-bottom:0}
.pki-main>.alignfull,.pki-main>.wp-block-group{width:100%;max-width:none}
.pki-main .is-layout-constrained>:where(:not(.alignfull):not(.alignwide)),
.pki-main .wp-block-group.alignfull>:where(:not(.alignfull):not(.alignwide)){max-width:var(--pki-largeur);margin-left:auto!important;margin-right:auto!important}
.pki-main .wp-block-group.alignfull>.alignwide{max-width:1320px;margin-left:auto!important;margin-right:auto!important}

.wp-block-group.is-style-pki-blanc,.wp-block-group.is-style-pki-brume,.wp-block-group.is-style-pki-nuit{padding:clamp(64px,8vw,104px) var(--pki-marge)}
.wp-block-group.is-style-pki-blanc{background:var(--pki-blanc)}
.wp-block-group.is-style-pki-brume{background:var(--pki-brume)}
.wp-block-group.is-style-pki-nuit{background:var(--pki-nuit);color:var(--pki-gris);position:relative;overflow:hidden}
.wp-block-group.is-style-pki-nuit::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(91,155,230,.18);left:-260px;bottom:-300px;pointer-events:none}
.is-style-pki-nuit h1,.is-style-pki-nuit h2,.is-style-pki-nuit h3,.is-style-pki-nuit h4,.is-style-pki-nuit strong{color:var(--pki-blanc)}
.is-style-pki-nuit a{color:var(--pki-bleu-clair)}
.is-style-pki-nuit a:hover{color:var(--pki-blanc)}

/* Rythme vertical dans les bandes */
.pki-main .wp-block-group>*+*{margin-top:22px}
.pki-main .wp-block-group>.wp-block-heading+*{margin-top:0}
.pki-main .wp-block-group>*+.wp-block-heading{margin-top:44px}
.pki-main .wp-block-group>.is-style-pki-surtitre+.wp-block-heading{margin-top:0}
.pki-main .wp-block-group>*+.wp-block-columns,.pki-main .wp-block-group>*+.wp-block-gallery{margin-top:40px}
.pki-main .wp-block-group>:first-child{margin-top:0}
.pki-main .wp-block-group>:last-child{margin-bottom:0}
.pki-main .wp-block-heading{margin-bottom:18px}

/* ==========================================================
   7. Styles de blocs PKI
   ========================================================== */
/* Surtitre */
p.is-style-pki-surtitre{font-family:var(--pki-texte);font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pki-bleu);margin-bottom:14px!important;display:flex;align-items:center;gap:14px}
p.is-style-pki-surtitre::before{content:"";width:32px;height:1px;background:currentColor;flex:0 0 auto}
.has-text-align-center.is-style-pki-surtitre{justify-content:center}
.is-style-pki-nuit p.is-style-pki-surtitre{color:var(--pki-bleu-clair)}
/* Chapô */
p.is-style-pki-chapo{font-size:clamp(19px,1.8vw,22px);line-height:1.55;color:var(--pki-nuit)}
.is-style-pki-nuit p.is-style-pki-chapo{color:var(--pki-blanc)}
/* Chiffre clé */
p.is-style-pki-chiffre{font-family:var(--pki-titre);font-size:clamp(44px,5vw,60px);line-height:1;color:var(--pki-bleu);margin:0 0 10px!important}
.is-style-pki-nuit p.is-style-pki-chiffre{color:var(--pki-bleu-clair)}
p.is-style-pki-chiffre+p{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:0!important}
/* Numéro rond */
p.is-style-pki-numero{width:56px;height:56px;border-radius:50%;border:1px solid var(--pki-bleu);display:flex;align-items:center;justify-content:center;font-family:var(--pki-titre);font-size:22px;color:var(--pki-bleu);margin-bottom:22px!important}
.is-style-pki-nuit p.is-style-pki-numero{color:var(--pki-bleu-clair);border-color:var(--pki-bleu-clair)}

/* Listes */
ul.wp-block-list{padding-left:1.2em;margin:0 0 1em}
ul.wp-block-list li{margin:.35em 0}
ul.is-style-pki-coches{list-style:none;padding:0}
ul.is-style-pki-coches li{position:relative;padding-left:34px;margin:.7em 0}
ul.is-style-pki-coches li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:50%;background:var(--pki-bleu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.3l3 3 6-6.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
ul.is-style-pki-pastilles{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}
ul.is-style-pki-pastilles li{margin:0;padding:10px 20px;border:1px solid var(--pki-bord);border-radius:999px;font-size:15.5px;font-weight:500;color:var(--pki-nuit);background:var(--pki-blanc)}
.is-style-pki-nuit ul.is-style-pki-pastilles li{background:transparent;border-color:var(--pki-filet);color:var(--pki-blanc)}
ol.wp-block-list{padding-left:1.4em}

/* Cartes */
.wp-block-group.is-style-pki-carte{background:var(--pki-blanc);border:1px solid var(--pki-bord);border-radius:2px;padding:34px 32px;height:100%;position:relative}
.wp-block-group.is-style-pki-carte::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:3px;background:var(--pki-bleu)}
.is-style-pki-nuit .wp-block-group.is-style-pki-carte{background:var(--pki-marine);border-color:var(--pki-filet)}
.pki-main .wp-block-group.is-style-pki-carte>*+*{margin-top:12px}
.wp-block-group.is-style-pki-carte h3{margin-bottom:10px}
.wp-block-group.is-style-pki-carte p:last-child{margin-bottom:0}

/* Colonnes */
.pki-main .wp-block-columns{display:flex;gap:32px;margin-bottom:0;align-items:stretch!important}
.pki-main .wp-block-columns+.wp-block-columns{margin-top:32px}
.pki-main .wp-block-column{flex:1 1 0;min-width:0}
.pki-main .wp-block-column>*:first-child{margin-top:0}
.pki-main .wp-block-columns.are-vertically-aligned-center{align-items:center!important}
@media (max-width:781px){.pki-main .wp-block-columns{flex-wrap:wrap}.pki-main .wp-block-column{flex-basis:100%!important}}

/* Images */
.pki-main .wp-block-image{margin:0}
.pki-main .wp-block-image img{border-radius:2px}
.wp-block-image figcaption,.wp-block-video figcaption{font-size:14.5px;line-height:1.5;color:var(--pki-doux);margin-top:12px;text-align:left}
.is-style-pki-nuit .wp-block-image figcaption,.is-style-pki-nuit .wp-block-video figcaption{color:var(--pki-gris)}
.wp-block-image.is-style-pki-cadre{background:var(--pki-blanc);padding:14px;border:1px solid var(--pki-bord);box-shadow:0 18px 40px rgba(10,21,48,.08)}
.wp-block-image.is-style-pki-cadre img{width:100%}

/* Vidéos */
.pki-main .wp-block-video{margin:0}
.pki-main .wp-block-video video{width:100%;border-radius:2px;background:#000}

/* Galeries : grille commune */
.pki-main .wp-block-gallery[class*="is-style-pki-"]{display:grid!important;gap:20px!important;grid-template-columns:repeat(3,minmax(0,1fr));flex-wrap:nowrap}
.pki-main .wp-block-gallery[class*="is-style-pki-"].columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pki-main .wp-block-gallery[class*="is-style-pki-"].columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pki-main .wp-block-gallery[class*="is-style-pki-"].columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pki-main .wp-block-gallery[class*="is-style-pki-"].columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.pki-main .wp-block-gallery[class*="is-style-pki-"]>figure.wp-block-image{width:auto!important;margin:0!important;max-width:none!important;display:block!important;position:relative}
.pki-main .wp-block-gallery[class*="is-style-pki-"]>figure.wp-block-image img{width:100%!important;height:auto!important;flex:none!important}
.pki-main .wp-block-gallery[class*="is-style-pki-"]>figure.wp-block-image figcaption{position:static!important;background:none!important;color:var(--pki-doux)!important;padding:0!important;margin:12px 0 0!important;max-height:none!important;overflow:visible!important;text-align:left!important;font-size:14.5px!important;line-height:1.5!important;text-shadow:none!important}
.pki-main .wp-block-gallery[class*="is-style-pki-"]>figure.wp-block-image figcaption::before{display:none!important}
.pki-main .wp-block-gallery[class*="is-style-pki-"]>.wp-element-caption{grid-column:1/-1}
/* Photos (paysage) */
.wp-block-gallery.is-style-pki-photos>figure.wp-block-image img{aspect-ratio:4/3;object-fit:cover!important}
/* Photos verticales */
.wp-block-gallery.is-style-pki-portraits>figure.wp-block-image img{aspect-ratio:3/4;object-fit:cover!important}
/* Fiches (machines, réalisations) */
.wp-block-gallery.is-style-pki-fiches>figure.wp-block-image{background:var(--pki-blanc);border:1px solid var(--pki-bord);padding:0 0 22px}
.wp-block-gallery.is-style-pki-fiches>figure.wp-block-image img{aspect-ratio:4/3;object-fit:cover!important;border-radius:0!important}
.pki-main .wp-block-gallery.is-style-pki-fiches>figure.wp-block-image figcaption{padding:0 22px!important;margin-top:18px!important;color:var(--pki-encre)!important}
.wp-block-gallery.is-style-pki-fiches figcaption strong{display:block;font-family:var(--pki-titre);font-weight:400;font-size:21px;line-height:1.2;color:var(--pki-nuit);margin-bottom:8px}
/* Logos */
.wp-block-gallery.is-style-pki-logos>figure.wp-block-image{background:var(--pki-blanc);border:1px solid var(--pki-bord);aspect-ratio:3/2;display:flex!important;align-items:center;justify-content:center;padding:18px 22px}
.wp-block-gallery.is-style-pki-logos>figure.wp-block-image img{width:auto!important;max-width:100%!important;max-height:72px!important;object-fit:contain!important;margin:auto;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.wp-block-gallery.is-style-pki-logos>figure.wp-block-image:hover img{filter:none;opacity:1}
/* Produits (petites images sur fond blanc) */
.wp-block-gallery.is-style-pki-produits>figure.wp-block-image{background:var(--pki-blanc);border:1px solid var(--pki-bord);padding:20px}
.wp-block-gallery.is-style-pki-produits>figure.wp-block-image img{aspect-ratio:1/1;object-fit:contain!important;max-height:240px;margin:0 auto}
.is-style-pki-nuit .wp-block-gallery[class*="is-style-pki-"]>figure.wp-block-image figcaption{color:var(--pki-gris)!important}

@media (max-width:900px){
  .pki-main .wp-block-gallery[class*="is-style-pki-"].columns-4,.pki-main .wp-block-gallery[class*="is-style-pki-"].columns-3,.pki-main .wp-block-gallery[class*="is-style-pki-"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pki-main .wp-block-gallery.is-style-pki-logos.columns-6,.pki-main .wp-block-gallery.is-style-pki-logos.columns-5,.pki-main .wp-block-gallery.is-style-pki-logos.columns-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .pki-main .wp-block-gallery[class*="is-style-pki-"]:not(.is-style-pki-logos){grid-template-columns:minmax(0,1fr)!important}
  .pki-main .wp-block-gallery.is-style-pki-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Boutons */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}
.wp-block-buttons.is-content-justification-center{justify-content:center}
.wp-block-button__link{display:inline-block;background:var(--pki-bleu);color:var(--pki-blanc)!important;text-decoration:none;font-family:var(--pki-texte);font-weight:600;font-size:15.5px;letter-spacing:.02em;padding:15px 28px;border-radius:2px;border:1px solid var(--pki-bleu);transition:background .15s}
.wp-block-button__link:hover{background:var(--pki-nuit);border-color:var(--pki-nuit)}
.is-style-pki-nuit .wp-block-button__link:hover{background:var(--pki-bleu-clair);border-color:var(--pki-bleu-clair)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--pki-nuit)!important;border-color:var(--pki-nuit)}
.is-style-pki-nuit .wp-block-button.is-style-outline .wp-block-button__link{color:var(--pki-blanc)!important;border-color:rgba(255,255,255,.55)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--pki-nuit);color:var(--pki-blanc)!important}

/* Séparateur */
.wp-block-separator{border:0;border-top:1px solid var(--pki-bord);margin:40px auto}
.is-style-pki-nuit .wp-block-separator{border-color:var(--pki-filet)}

/* Contenu HTML (carte, etc.) */
.pki-carte-acces iframe{width:100%;height:420px;border:0;border-radius:2px;display:block;filter:saturate(.85)}

/* Fiche contact */
.pki-main .pki-contact a{color:var(--pki-nuit);text-decoration:none;font-weight:500}
.pki-main .pki-contact a:hover{color:var(--pki-bleu)}
.pki-main .pki-contact p{margin:0 0 6px}

/* Utilitaires */
.has-text-align-center{text-align:center}
.pki-main .has-text-align-center.is-style-pki-chapo,.pki-main p.has-text-align-center{margin-left:auto;margin-right:auto}

/* ==========================================================
   8. Pied de page
   ========================================================== */
.pki-footer{background:var(--pki-nuit);color:var(--pki-gris);border-top:4px solid var(--pki-bleu);font-size:15.5px}
.pki-footer__inner{max-width:var(--pki-largeur);margin:0 auto;padding:72px var(--pki-marge) 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.pki-footer h2{font-family:var(--pki-texte);font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pki-bleu-clair);margin:0 0 18px}
.pki-footer p{margin:0 0 8px}
.pki-footer a{color:var(--pki-gris);text-decoration:none}
.pki-footer a:hover{color:var(--pki-blanc)}
.pki-footer__logo{height:44px;width:auto;margin-bottom:20px}
.pki-footer__slogan{font-family:var(--pki-titre);font-size:22px;line-height:1.3;color:var(--pki-blanc);max-width:18ch}
.pki-footer ul{list-style:none;margin:0;padding:0}
.pki-footer li{margin:0 0 8px}
.pki-footer .sub-menu{display:none}
.pki-footer__bas{border-top:1px solid var(--pki-filet)}
.pki-footer__bas div{max-width:var(--pki-largeur);margin:0 auto;padding:20px var(--pki-marge);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13.5px;color:#8D9AB5}
@media (max-width:900px){.pki-footer__inner{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pki-footer__inner{grid-template-columns:1fr}}

/* ==========================================================
   9. Page 404 et contenus génériques
   ========================================================== */
.pki-simple{max-width:var(--pki-largeur);margin:0 auto;padding:72px var(--pki-marge)}

/* Carte avec image en tête (accueil) */
.wp-block-group.is-style-pki-carte.pki-carte-image{padding:0 0 26px;overflow:hidden}
.pki-carte-image>.wp-block-image{margin:0 0 24px!important}
.pki-carte-image>.wp-block-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.pki-carte-image>*:not(.wp-block-image){padding-left:28px;padding-right:28px}
.pki-carte-image a{font-weight:600;text-decoration:none}
/* Encart lien (fin de grille) */
.wp-block-group.pki-encart-lien{height:100%;border:1px dashed #AEBBD0;border-radius:2px;padding:34px 32px;display:flex;flex-direction:column;justify-content:center}
.pki-encart-lien p{margin:0}
.pki-encart-lien p:first-child{font-family:var(--pki-titre);font-size:22px;line-height:1.25;color:var(--pki-nuit)}
.pki-encart-lien a{font-weight:600;text-decoration:none}

/* Vidéos verticales (téléphone) : hauteur limitée, centrées */
.pki-main .wp-block-video{background:var(--pki-nuit);border-radius:2px;overflow:hidden}
.pki-main .wp-block-video video{width:100%;max-height:640px;object-fit:contain;margin:0 auto}
@media (max-width:700px){.pki-hero--accueil{background-image:linear-gradient(rgba(10,21,48,.9),rgba(10,21,48,.82)),var(--pki-hero-img,none)}}

/* ==========================================================
   10. Logo PKI + Emerson Authorized Service Provider
   ========================================================== */
.pki-marque{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.pki-asp{display:flex;flex-direction:column;align-items:center;gap:5px;padding-left:22px;border-left:1px solid var(--pki-filet);text-decoration:none}
.pki-asp img{height:34px;width:auto}
.pki-asp span{display:block;border-top:1px solid rgba(205,214,230,.45);padding-top:4px;font-size:9.5px;font-weight:500;letter-spacing:.04em;color:#AEB9CE;white-space:nowrap;line-height:1}
@media (max-width:520px){.pki-marque{gap:14px}.pki-asp{padding-left:14px}.pki-asp img{height:26px}.pki-asp span{font-size:7.5px}.pki-brand__logo{height:36px}}
.pki-footer .pki-asp{align-items:flex-start;border:0;padding:0;margin:4px 0 22px}
.pki-asp-carte{margin:0;background:var(--pki-blanc);border:1px solid var(--pki-bord);padding:44px 40px 36px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 18px 40px rgba(10,21,48,.08)}
.pki-asp-carte img{width:min(260px,80%);height:auto}
.pki-asp-carte figcaption{border-top:1px solid #9AA5B8;padding-top:10px;font-size:17px;letter-spacing:.02em;color:#6B7487;font-weight:500}

/* Frise chronologique */
ul.is-style-pki-frise{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;position:relative}
ul.is-style-pki-frise::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--pki-bleu)}
ul.is-style-pki-frise li{position:relative;margin:0;padding-top:30px;font-size:15.5px;line-height:1.55}
ul.is-style-pki-frise li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--pki-nuit);border:2px solid var(--pki-bleu-clair)}
ul.is-style-pki-frise li strong{display:block;font-family:var(--pki-titre);font-weight:400;font-size:24px;line-height:1.1;color:var(--pki-bleu-clair);margin-bottom:8px}
.is-style-pki-blanc ul.is-style-pki-frise li::before,.is-style-pki-brume ul.is-style-pki-frise li::before{background:var(--pki-blanc)}
.is-style-pki-blanc ul.is-style-pki-frise li strong,.is-style-pki-brume ul.is-style-pki-frise li strong{color:var(--pki-bleu)}
@media (max-width:900px){
  ul.is-style-pki-frise{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:34px}
  ul.is-style-pki-frise::before{left:7px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  ul.is-style-pki-frise li{padding-top:0}
  ul.is-style-pki-frise li::before{left:-34px;top:4px}
}

/* Noms (clients) */
ul.is-style-pki-noms{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
ul.is-style-pki-noms li{margin:0;border:1px solid var(--pki-bord);background:var(--pki-blanc);padding:22px 18px;text-align:center;font-family:var(--pki-titre);font-size:23px;line-height:1.15;color:var(--pki-nuit)}
.is-style-pki-nuit ul.is-style-pki-noms li{background:var(--pki-marine);border-color:var(--pki-filet);color:var(--pki-blanc)}
.wp-block-column ul.is-style-pki-noms{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){ul.is-style-pki-noms{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pki-main .wp-block-column>.wp-block-group.is-style-pki-carte+.wp-block-group.is-style-pki-carte{margin-top:16px}
.pki-main .wp-block-column .wp-block-group.is-style-pki-carte{height:auto}
.pki-main .wp-block-columns>.wp-block-column>.wp-block-group.is-style-pki-carte:only-child{height:100%}
/* Chiffres dans une colonne imbriquée */
.pki-main .wp-block-column .wp-block-columns{gap:24px}
.pki-main .wp-block-column .wp-block-columns p.is-style-pki-chiffre{font-size:clamp(32px,3.2vw,42px);white-space:nowrap}
.pki-asp img{height:38px}
/* Photos verticales dans une colonne : hauteur limitée */
.pki-main .wp-block-column>.wp-block-image:not(.is-style-pki-cadre) img{width:100%;max-height:560px;object-fit:cover}
.pki-main figure.wp-block-gallery{margin:0}
.pki-main .wp-block-video{background:none}
.pki-main .wp-block-video video{background:var(--pki-nuit)}

/* Logo VCA : uniquement dans les crédits, en bas du pied de page */
.pki-header__droite{display:flex;align-items:center;gap:18px}
.pki-vca{display:block;background:var(--pki-blanc);border-radius:3px;padding:5px 8px;line-height:0;flex:0 0 auto}
.pki-vca img{height:40px;width:auto}
@media (max-width:1360px){.pki-header__droite{gap:12px}}
@media (max-width:520px){.pki-vca img{height:30px}.pki-vca{padding:4px 6px}}
.pki-footer .pki-vca{display:inline-block;margin:0 0 22px}
.pki-footer .pki-vca img{height:46px}
@media (max-width:480px){.pki-header .pki-asp{display:none}.pki-brand__logo{height:34px}.pki-header__inner{gap:12px}}

/* Barre supérieure : contact + langues */
.pki-topbar{background:#060E22;color:var(--pki-gris);font-size:13px;border-bottom:1px solid var(--pki-filet)}
.pki-topbar__inner{max-width:1320px;margin:0 auto;padding:0 var(--pki-marge);height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pki-topbar__contact{display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:hidden}
.pki-topbar a{color:var(--pki-gris);text-decoration:none}
.pki-topbar a:hover{color:var(--pki-blanc)}
@media (max-width:560px){.pki-topbar__contact span,.pki-topbar__contact a[href^="mailto"]{display:none}}
/* Sélecteur de langue */
.pki-langues{display:flex;align-items:center;gap:2px}
.pki-langues a{display:block;color:var(--pki-gris);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.06em;padding:5px 8px;border-radius:2px;line-height:1}
.pki-langues a:hover{color:var(--pki-blanc)}
.pki-langues a.is-active{background:var(--pki-bleu);color:var(--pki-blanc)}

/* Logos haute définition (v2) */
.pki-brand__logo{height:54px}
.pki-footer__logo{height:54px}
.pki-vca{background:none;padding:0;border-radius:0}
.pki-vca img{height:52px;width:auto}
.pki-footer .pki-vca img{height:60px}
@media (max-width:520px){.pki-brand__logo{height:40px}.pki-vca img{height:38px}}
@media (min-width:1361px){
  .pki-brand__logo{height:50px}
  .pki-marque{gap:18px}
  .pki-asp{padding-left:18px}
  .pki-header__droite{gap:14px}
  .pki-menu a{padding:10px 11px;font-size:14.5px}
  .pki-menu>li>a::after{left:11px;right:11px}
  .pki-menu .menu-item-has-children>a{padding-right:25px}
  .pki-menu .menu-item-has-children>a::before{right:9px}
  .pki-menu>li.pki-menu-cta{margin-left:6px}
  .pki-menu>li.pki-menu-cta>a{padding:10px 18px}
}
/* Plan d'accès (carte de la brochure) */
.pki-carte-acces{margin:0;border:1px solid var(--pki-bord);border-radius:2px;overflow:hidden;background:#EEF2F6}
.pki-carte-acces img{width:100%;height:auto;display:block}
.pki-carte-acces figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Crédits : logo VCA */
.pki-footer__bas div{align-items:center}
.pki-footer__credits{display:flex;align-items:center;gap:16px}
.pki-footer .pki-footer__bas .pki-vca{display:inline-block;margin:0;line-height:0}
.pki-footer .pki-footer__bas .pki-vca img{height:34px;width:auto}

/* Actualités : liste des articles */
.pki-actus{background:var(--pki-brume);padding:72px 0 88px}
.pki-actus__grille{max-width:var(--pki-largeur);margin:0 auto;padding:0 var(--pki-marge);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:980px){.pki-actus__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pki-actus__grille{grid-template-columns:minmax(0,1fr)}}
.pki-actu{background:var(--pki-blanc);border:1px solid var(--pki-bord);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.pki-actu:hover{box-shadow:0 18px 40px rgba(10,21,48,.12);transform:translateY(-2px)}
.pki-actu__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--pki-brume)}
.pki-actu__image img{width:100%;height:100%;object-fit:cover;display:block}
.pki-actu__image img.pki-actu__sans-image{object-fit:contain;padding:22% 18%;box-sizing:border-box}
.pki-actu__corps{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.pki-actu__date{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pki-bleu);margin:0 0 10px}
.pki-actu__titre{font-family:var(--pki-titre);font-weight:400;font-size:24px;line-height:1.2;margin:0 0 12px;color:var(--pki-nuit)}
.pki-actu__titre a{color:inherit;text-decoration:none}
.pki-actu__titre a:hover{color:var(--pki-bleu)}
.pki-actu__extrait{color:var(--pki-encre);font-size:16px;line-height:1.6;margin:0 0 20px}
.pki-actu__lien{margin-top:auto;font-weight:600;font-size:15px;color:var(--pki-nuit);text-decoration:none;border-bottom:1px solid var(--pki-bleu);align-self:flex-start;padding-bottom:2px}
.pki-actu__lien::after{content:" →"}
.pki-actu__lien:hover{color:var(--pki-bleu)}
.pki-actus__vide{max-width:var(--pki-largeur);margin:0 auto;padding:0 var(--pki-marge);font-size:18px;color:var(--pki-doux)}
.pki-actus .navigation{max-width:var(--pki-largeur);margin:44px auto 0;padding:0 var(--pki-marge)}
.pki-actus .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pki-actus .page-numbers{display:inline-block;padding:9px 14px;border:1px solid var(--pki-bord);background:var(--pki-blanc);color:var(--pki-nuit);text-decoration:none;font-weight:600;font-size:15px}
.pki-actus .page-numbers.current,.pki-actus a.page-numbers:hover{background:var(--pki-nuit);border-color:var(--pki-nuit);color:var(--pki-blanc)}

/* Actualités : un article */
.pki-hero__surtitre a{color:inherit;text-decoration:none}
.pki-hero__surtitre a:hover{color:var(--pki-blanc)}
.pki-hero--article .pki-hero__titre{max-width:24ch;font-size:clamp(34px,3.8vw,50px)}
.pki-hero__date{margin:0;font-size:16px;color:var(--pki-gris)}
.pki-article{max-width:820px;margin:0 auto;padding:64px var(--pki-marge) 88px}
.pki-article__image{margin:0 0 40px}
.pki-article__image img{width:100%;height:auto;display:block;border-radius:2px}
.pki-article__contenu{font-size:18px;line-height:1.7;color:var(--pki-encre)}
.pki-article__contenu>*{margin-top:0;margin-bottom:22px}
.pki-article__contenu h2{font-family:var(--pki-titre);font-weight:400;font-size:32px;line-height:1.2;color:var(--pki-nuit);margin-top:40px}
.pki-article__contenu h3{font-family:var(--pki-titre);font-weight:400;font-size:25px;color:var(--pki-nuit);margin-top:32px}
.pki-article__contenu a:not(.wp-block-button__link){color:var(--pki-bleu)}
.pki-article__contenu img{max-width:100%;height:auto}
.pki-article__contenu .wp-block-buttons{margin-top:32px}
.pki-article__retour{margin:48px 0 0;padding-top:24px;border-top:1px solid var(--pki-bord)}
.pki-article__retour a{color:var(--pki-nuit);font-weight:600;text-decoration:none}
.pki-article__retour a:hover{color:var(--pki-bleu)}

/* Tableau PKI (bloc Tableau, style « Tableau PKI ») */
.wp-block-table.is-style-pki-tableau{margin:36px 0 32px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wp-block-table.is-style-pki-tableau table{width:100%;min-width:640px;border-collapse:collapse;background:var(--pki-blanc);border:1px solid var(--pki-bord);font-size:16px;line-height:1.5;table-layout:auto}
.wp-block-table.is-style-pki-tableau th{background:var(--pki-nuit);color:var(--pki-blanc);text-align:left;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 20px;border:0}
.wp-block-table.is-style-pki-tableau td{padding:14px 20px;border:0;border-top:1px solid var(--pki-bord);color:var(--pki-encre);vertical-align:top}
.wp-block-table.is-style-pki-tableau td:first-child{font-weight:600;color:var(--pki-bleu);width:18%;white-space:nowrap}
.wp-block-table.is-style-pki-tableau td:nth-child(2){font-weight:600;color:var(--pki-nuit);width:34%}
.wp-block-table.is-style-pki-tableau tr:has(td:first-child:not(:empty)) td{border-top:2px solid var(--pki-nuit)}
.wp-block-table.is-style-pki-tableau tbody tr:first-child td{border-top:0}
.wp-block-table.is-style-pki-tableau tbody tr:hover td{background:#F6F8FC}
@media (max-width:700px){
  .wp-block-table.is-style-pki-tableau table{min-width:0;border:0;background:none}
  .wp-block-table.is-style-pki-tableau thead{display:none}
  .wp-block-table.is-style-pki-tableau tbody,.wp-block-table.is-style-pki-tableau tr,.wp-block-table.is-style-pki-tableau td{display:block;width:auto}
  .wp-block-table.is-style-pki-tableau tr{background:var(--pki-blanc);border:1px solid var(--pki-bord);border-top:0;padding:12px 16px}
  .wp-block-table.is-style-pki-tableau tbody tr:first-child,.wp-block-table.is-style-pki-tableau tr:has(td:first-child:not(:empty)){border-top:1px solid var(--pki-bord);margin-top:18px}
  .wp-block-table.is-style-pki-tableau tbody tr:first-child{margin-top:0}
  .wp-block-table.is-style-pki-tableau td,.wp-block-table.is-style-pki-tableau tr:has(td:first-child:not(:empty)) td{border:0;padding:0;white-space:normal}
  .wp-block-table.is-style-pki-tableau td:first-child{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
  .wp-block-table.is-style-pki-tableau td:first-child:empty{display:none}
  .wp-block-table.is-style-pki-tableau td:first-child,.wp-block-table.is-style-pki-tableau td:nth-child(2){width:auto}
  .wp-block-table.is-style-pki-tableau td:nth-child(3){font-size:15px;color:var(--pki-doux);margin-top:2px}
  .wp-block-table.is-style-pki-tableau tbody tr:hover td{background:none}
}
/* Bandeau : le texte ne touche jamais le cadre de la photo */
@media (min-width:901px){.pki-hero:not(.pki-hero--accueil) .pki-hero__texte{padding-right:36px}}