/*
Theme Name: CG COSE GABON Institutionnel
Author: COSE GABON - Socle technique
Description: Portail institutionnel et interface du système intégré de gestion et pilotage CG-COSE GABON. Fonctionnalités métiers fournies par le plugin dédié.
Version: 1.4.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: cg-cose-theme
*/
:root{--navy:#242e72;--blue:#374590;--gold:#ad8d56;--ink:#202942;--sub:#64708b;--bg:#f4f7fb;--white:#fff;--line:#e1e7f1}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}.cg-wrap{max-width:1220px;margin:auto;padding:0 24px}.cg-head{background:white;border-bottom:1px solid var(--line);box-shadow:0 1px 9px #26335a0c}.cg-head .cg-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:91px}.cg-brand{display:flex;align-items:center;gap:15px}.cg-brand img{height:72px;width:175px;object-fit:contain}.cg-brand span{font-size:12px;line-height:1.3;color:var(--sub)}.cg-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.cg-nav a{font-size:14px;font-weight:700}.cg-hero{background:linear-gradient(115deg,#242e72,#41539f);color:white;padding:65px 0 73px}.cg-eyebrow{color:#e4c48a;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.cg-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.12;max-width:850px;margin:18px 0}.cg-hero p{font-size:17px;max-width:760px;color:#e6eaf9}.cg-button,.cg-primary{display:inline-block;border:0;border-radius:9px;background:var(--gold);color:#fff;padding:12px 21px;font-weight:750;cursor:pointer}.cg-button:hover{background:#96733f;color:#fff;text-decoration:none}.cg-shell{padding:42px 0 60px}.cg-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;margin-bottom:20px;box-shadow:0 6px 22px #1f2a4c08}.cg-card h2{margin-top:0}.cg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.cg-feature{background:white;border:1px solid var(--line);padding:25px;border-radius:14px}.cg-feature strong{display:block;color:var(--navy);font-size:18px}.cg-feature p{font-size:14px;color:var(--sub)}.cg-footer{background:#1e2858;color:#dce3ff;padding:27px 0;font-size:13px}.cg-footer .cg-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cg-prose{max-width:900px;margin:auto}.cg-prose h1{font-size:34px}.cg-login{max-width:420px;margin:35px auto}.cg-login label{display:block;margin-bottom:5px}.cg-login input[type=text],.cg-login input[type=password]{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px}.cg-login input[type=submit]{border:0;background:var(--navy);color:white;padding:11px 23px;border-radius:9px;cursor:pointer}.cg-notice{background:#eef2ff;padding:14px;border-left:4px solid var(--navy)}@media(max-width:800px){.cg-head .cg-wrap{flex-direction:column;padding:12px}.cg-grid{grid-template-columns:1fr}.cg-nav{justify-content:center}.cg-hero{padding:45px 0}.cg-brand img{height:60px}}


/* V1.1 — page de pilotage plein écran et en-tête compact */
body.page .cg-shell:has(.cg-dashboard){padding:0;max-width:none}body.page .cg-card.cg-prose:has(.cg-dashboard){max-width:none;border:0;border-radius:0;box-shadow:none;margin:0;padding:0;background:#f0f4fb}body.page .cg-card.cg-prose:has(.cg-dashboard)>h1{display:none}
body.page:has(.cg-dashboard) .cg-head{display:none}body.page:has(.cg-dashboard) .cg-footer{display:none}


/* V1.3 – domaines de pilotage : centrage et icônes SVG autonomes (sans CDN). */
.cg-domains-section { padding: 54px 0 72px; background: #f4f7fb; }
.cg-domains-title { text-align:center; color:#182c60; font-size:clamp(26px,3vw,36px); font-weight:800; line-height:1.25; margin:0 0 37px; }
.cg-domains-title::after {content:"";display:block;width:88px;height:4px;border-radius:10px;background:linear-gradient(90deg,#b48a3e,#e2bc68);margin:15px auto 0;}
.cg-domains-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch; }
.cg-domain-card { min-width:0; display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:32px 24px 35px;border:1px solid #dee5f0;border-radius:18px;box-shadow:0 8px 26px rgba(27,47,90,.055);transition:transform .2s ease, box-shadow .2s ease; }
.cg-domain-card:hover {transform:translateY(-3px);box-shadow:0 12px 30px rgba(27,47,90,.11);}
.cg-domain-icon {display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:20px;background:linear-gradient(135deg,#263777,#4660a8);color:white;margin:0 auto 19px;box-shadow:0 8px 20px rgba(36,46,114,.18);}
.cg-domain-icon svg {display:block;width:39px;height:39px;}
.cg-domain-card h3 {color:#202f6d;font-size:20px;font-weight:800;line-height:1.35;margin:0 0 12px;}
.cg-domain-card p {color:#566783;font-size:15px;line-height:1.65;margin:0;max-width:330px;}
@media(max-width:900px){.cg-domains-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.cg-domains-grid{grid-template-columns:1fr;gap:16px}.cg-domains-section{padding:36px 0 48px}.cg-domain-card{padding:25px 20px}.cg-domain-icon{width:68px;height:68px}.cg-domain-icon svg{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.cg-domain-card{transition:none}.cg-domain-card:hover{transform:none}}

/* V1.4 — illustration institutionnelle des métiers dans la bannière d’accueil. */
.cg-hero{overflow:hidden;isolation:isolate}
.cg-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;column-gap:18px;min-height:380px}
.cg-hero-copy{position:relative;z-index:2;min-width:0;padding:6px 0}
.cg-hero-copy h1{font-size:clamp(32px,3.2vw,50px);max-width:700px}
.cg-hero-copy p{max-width:670px}
.cg-hero-visual{width:100%;align-self:center;display:flex;justify-content:center;align-items:center;min-width:0;pointer-events:none}
.cg-hero-visual img{display:block;width:min(100%,610px);max-height:410px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(6,18,50,.17))}
@media(max-width:940px){.cg-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:8px}.cg-hero-copy h1{font-size:clamp(29px,3.6vw,42px)}.cg-hero-visual img{max-height:360px}}
@media(max-width:700px){.cg-hero-layout{grid-template-columns:1fr;gap:24px;text-align:center}.cg-hero-copy h1,.cg-hero-copy p{margin-left:auto;margin-right:auto}.cg-hero-visual img{width:min(100%,470px);max-height:350px}.cg-hero{padding:44px 0 38px}}