/*
Theme Name: ONA RDC Pro
Theme URI: https://wordpress.org/
Author: Projet numérique ONA RDC
Description: Thème institutionnel français pour l’Ordre National des Architectes de la RDC. Annuaire et ERP fournis par l’extension compagnon ONA RDC ERP.
Version: 1.0.4
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: ona-rdc-pro
Tags: custom-logo, custom-menu, featured-images, translation-ready, wide-blocks
*/
:root{--navy:#124b59;--navy-deep:#073b49;--gold:#edce19;--cream:#f0f8f8;--muted:#526d73;--line:#d6e7e9;--white:#fff;--radius:4px;--font:"Montserrat",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font:16px/1.7 var(--font)}a{color:inherit;text-decoration:none}a:hover{color:#087e92}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #edce19}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(40px,5.7vw,78px)}h2{font-size:clamp(29px,3.5vw,46px)}h3{font-size:24px}p{color:var(--muted)}.ona-container{max-width:1304px;margin:0 auto;padding:0 48px}.ona-topbar{background:var(--navy-deep);color:#dce4eb;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.ona-topbar .ona-container{display:flex;justify-content:space-between;align-items:center;min-height:35px}.ona-topbar a{color:#eee8db}.ona-topbar a:hover{color:#fff}.ona-country{display:flex;gap:9px;align-items:center}.ona-country:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.ona-site-header{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.ona-header-inner{display:flex;align-items:center;gap:36px;min-height:106px}.ona-brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.ona-wordmark{font-size:45px;font-weight:750;line-height:1;letter-spacing:-.08em;position:relative;padding-right:15px;border-right:1px solid #c9cecf}.ona-wordmark:after{content:'';position:absolute;bottom:-9px;left:1px;width:33px;height:3px;background:var(--gold)}.ona-brand-label{font-size:10px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}.ona-brand-label b{display:block;font-size:11px;letter-spacing:.12em;margin-top:2px}.custom-logo-link img{max-width:200px;max-height:66px;width:auto}.ona-main-nav{margin-left:auto}.ona-main-nav ul{padding:0;list-style:none;display:flex;gap:25px;align-items:center;margin:0}.ona-main-nav li{font-size:13px;font-weight:600}.ona-main-nav .current-menu-item>a{color:#087e92}.ona-header-action,.ona-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 20px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;border:1px solid var(--navy);border-radius:2px;cursor:pointer;line-height:1.5}.ona-header-action:hover,.ona-button:hover{background:#086b7e;color:#fff}.ona-header-action{font-size:12px;padding:12px 16px;white-space:nowrap}.ona-menu-toggle{display:none;background:none;border:1px solid #cbd1d5;padding:9px 12px;color:var(--navy)}.ona-skip{position:absolute;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.ona-skip:focus{top:10px}.ona-hero{background:var(--cream);overflow:hidden;position:relative}.ona-hero:after{content:'';position:absolute;height:1px;width:100%;bottom:52px;background:#d9d8d0;z-index:0}.ona-hero-inner{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;align-items:center;min-height:625px;position:relative;z-index:1;padding-top:54px;padding-bottom:96px}.ona-eyebrow,.ona-kicker{display:block;font-size:10px;letter-spacing:.17em;font-weight:700;text-transform:uppercase;color:#086b7e;margin-bottom:22px}.ona-hero .ona-eyebrow:before{content:'';display:inline-block;background:var(--gold);height:1px;width:29px;vertical-align:middle;margin-right:12px}.ona-hero h1{margin-bottom:24px;font-size:clamp(44px,5.3vw,74px);line-height:1.06;letter-spacing:-.045em;max-width:640px}.ona-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#07869c}.ona-hero-copy>p{font-size:15px;line-height:1.85;max-width:440px;margin-bottom:29px}.ona-hero-actions{display:flex;align-items:center;gap:24px}.ona-text-link{font-size:13px;border-bottom:1px solid #c8b790;padding-bottom:4px}.ona-hero-art{position:relative;margin-right:-24px;min-width:0}.ona-hero-art img{width:100%;display:block;mix-blend-mode:multiply}.ona-art-note{position:absolute;left:20px;bottom:5px;display:flex;align-items:center;gap:10px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#7f827d}.ona-art-note:before{content:'+';font-size:21px;color:var(--gold)}.ona-hero-bottom{position:absolute;bottom:16px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:10px;color:#7b827e;letter-spacing:.1em}.ona-hero-bottom span:last-child{color:#087e92}.ona-services{padding-top:79px;padding-bottom:82px}.ona-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:33px}.ona-section-heading h2{font-size:36px;max-width:600px;margin-bottom:0}.ona-section-heading .ona-eyebrow{margin-bottom:12px}.ona-section-heading>p{font-size:13px;max-width:325px;margin-bottom:4px}.ona-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ona-service-card{position:relative;border:1px solid #dce0e0;padding:30px 29px 27px;min-height:275px;transition:transform .2s,border-color .2s;background:#fff}.ona-service-card:hover{border-color:#a98a51;transform:translateY(-4px)}.ona-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#9aa3aa;font-size:11px}.ona-service-icon{color:#9b793f;width:33px;height:33px;display:block}.ona-service-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.3}.ona-service-card h3{font-size:23px;letter-spacing:-.025em;margin-bottom:10px}.ona-service-card p{font-size:13px;line-height:1.75;margin-bottom:24px;max-width:275px}.ona-service-card>a{font-size:12px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e4e7e7}.ona-home-directory{background:var(--navy);color:white;padding:64px 0}.ona-directory-banner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.ona-home-directory h2{font-size:39px;max-width:470px}.ona-home-directory p{color:#bdc8d2;font-size:14px;max-width:440px;margin:0}.ona-home-directory .ona-eyebrow{color:#d0ad70;margin-bottom:16px}.ona-home-search{display:flex;gap:10px;background:white;padding:7px;border-radius:3px}.ona-home-search label{flex:1;min-width:0}.ona-home-search input{width:100%;border:0;padding:11px 14px;font-size:13px;color:var(--navy);background:#fff}.ona-home-search button{background:var(--gold);color:#fff;border:0;width:50px;font-size:20px;cursor:pointer}.ona-search-caption{display:flex;justify-content:space-between;font-size:10px;color:#a9bac6;margin-top:13px}.ona-news-section{padding-top:80px;padding-bottom:80px}.ona-news-section .ona-section-heading{margin-bottom:32px}.ona-home-empty{border:1px solid #e0e3e3;background:#fafaf8;padding:25px 30px;display:flex;justify-content:space-between;gap:35px;align-items:center}.ona-home-empty strong{font-weight:500;font-size:21px}.ona-home-empty p{font-size:13px;margin:7px 0 0}.ona-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ona-content-card{border:1px solid #e0e5e7;padding:25px;background:white}.ona-content-card img{aspect-ratio:16/10;object-fit:cover;margin-bottom:20px;width:100%}.ona-content-card h2,.ona-content-card h3{font-size:24px}.ona-content-card p{font-size:14px}.ona-content-card>a:last-child{font-size:12px;border-bottom:1px solid #cbb78f}.ona-content-card .ona-kicker{margin-bottom:13px}.ona-footer{background:#f3f3f0;border-top:1px solid #dfe2df;padding-top:54px}.ona-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:43px}.ona-footer .ona-brand{margin-bottom:26px}.ona-footer-intro{font-size:12px;max-width:330px;color:#78818a;line-height:1.8}.ona-footer h3{font-size:11px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.ona-footer-links{display:grid;gap:9px;font-size:12px;color:#536473}.ona-footer-bottom{border-top:1px solid #d6dcd9;padding-top:20px;padding-bottom:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#77828a}.ona-footer-bottom div{display:flex;gap:18px}.ona-page-heading{background:var(--cream);border-bottom:1px solid #e3e2db;padding:47px 0 48px}.ona-breadcrumbs{font-size:11px;color:#6e7a80;display:flex;gap:10px;margin-bottom:24px}.ona-page-heading h1{font-size:clamp(35px,5vw,56px);margin-bottom:12px}.ona-page-heading p{max-width:670px;font-size:14px;margin:0}.ona-page-body{padding-top:50px;padding-bottom:75px;min-height:400px}.ona-page-body .entry-content{max-width:100%}.entry-content>p,.entry-content>h2,.entry-content>h3,.entry-content>ul{max-width:850px}.entry-content a:not([class]){text-decoration:underline;text-underline-offset:3px}.ona-single{max-width:850px;margin:0 auto}.ona-single .wp-post-image{margin-bottom:30px}.ona-admin-warning{padding:15px 20px;margin-bottom:25px;background:#fff5da;color:#6c4d1e;font-size:13px;border-left:3px solid var(--gold)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.alignwide{max-width:1200px}.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px}.sticky{border-top:2px solid var(--gold)}.bypostauthor{font-weight:bold}
@media(min-width:1500px){.ona-hero-inner{min-height:665px}}@media(max-width:1100px){.ona-container{padding-left:30px;padding-right:30px}.ona-header-inner{gap:20px}.ona-main-nav ul{gap:17px}.ona-main-nav li{font-size:12px}.ona-brand-label{font-size:9px}.ona-brand-label b{font-size:10px}.ona-wordmark{font-size:37px}.ona-hero-inner{gap:15px}.ona-hero-bottom{left:30px;right:30px}.ona-hero-actions{gap:15px}.ona-hero h1{font-size:57px}}@media(max-width:900px){.ona-header-inner{min-height:88px;flex-wrap:wrap}.ona-menu-toggle{display:block;margin-left:auto}.ona-header-action{display:none}.ona-main-nav{display:none;order:5;width:100%;padding:12px 0 25px}.ona-main-nav.is-open{display:block}.ona-main-nav ul{align-items:flex-start;flex-direction:column;gap:16px}.ona-main-nav li{font-size:15px}.ona-hero-inner{grid-template-columns:1fr 1fr;min-height:570px;padding-top:45px;padding-bottom:80px}.ona-hero h1{font-size:49px}.ona-hero-copy>p{font-size:14px}.ona-hero-actions{align-items:flex-start;flex-direction:column}.ona-service-grid{gap:14px}.ona-service-card{padding:22px 18px}.ona-service-card h3{font-size:21px}.ona-directory-banner{gap:35px}.ona-footer-main{gap:35px}.ona-topbar span:last-child{display:none}.ona-hero-art{margin-right:-35px}}
@media(max-width:650px){.ona-container{padding-left:22px;padding-right:22px}.ona-topbar .ona-container{min-height:31px;font-size:9px}.ona-brand-label{font-size:9px}.ona-brand-label b{font-size:10px}.ona-wordmark{font-size:38px}.ona-header-inner{gap:15px;min-height:80px}.ona-hero-inner{grid-template-columns:1fr;gap:5px;padding-top:39px;padding-bottom:62px}.ona-hero h1{font-size:54px;max-width:500px}.ona-hero-copy>p{max-width:470px}.ona-hero-actions{flex-direction:row;align-items:center;gap:20px}.ona-button{padding:12px 17px;font-size:12px;gap:20px}.ona-text-link{font-size:12px}.ona-hero-art{margin:5px -10px 0 0;max-width:460px;justify-self:center;width:100%}.ona-art-note{font-size:8px;bottom:0;left:20px}.ona-hero:after{bottom:41px}.ona-hero-bottom{bottom:11px;left:22px;right:22px;font-size:8px}.ona-hero-bottom span:last-child{display:none}.ona-services,.ona-news-section{padding-top:48px;padding-bottom:48px}.ona-section-heading{align-items:flex-start;flex-direction:column;gap:16px}.ona-section-heading h2{font-size:31px}.ona-section-heading>p{max-width:100%;margin:0}.ona-service-grid,.ona-news-grid{grid-template-columns:1fr}.ona-service-card{min-height:auto;padding:25px}.ona-service-top{margin-bottom:20px}.ona-service-card h3{font-size:25px}.ona-service-card p{max-width:100%;font-size:14px}.ona-directory-banner{grid-template-columns:1fr;gap:28px}.ona-home-directory{padding:43px 0}.ona-home-directory h2{font-size:33px}.ona-footer-main{grid-template-columns:1fr 1fr;gap:30px}.ona-footer-main>div:first-child{grid-column:1/-1}.ona-footer-bottom{flex-direction:column;gap:8px}.ona-home-empty{align-items:flex-start;flex-direction:column;gap:15px}.ona-page-heading{padding:33px 0}.ona-page-heading h1{font-size:38px}.ona-page-body{padding-top:30px;padding-bottom:45px}.ona-page-body h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:900px){.ona-topbar .ona-container>span:nth-child(2){display:none}.ona-topbar .ona-container{gap:12px}.ona-country{white-space:nowrap}.ona-topbar a{white-space:nowrap}}
@media(max-width:650px){.ona-topbar .ona-container{min-height:31px}.ona-country,.ona-topbar a{font-size:8px;letter-spacing:.04em}}

/* Identité visuelle issue du logo fourni : turquoise, jaune et tracés architecturaux. */
.ona-logo-image{display:block;width:155px;height:104px;object-fit:contain}.ona-brand-logo{gap:10px}.ona-brand-logo .ona-brand-label{border-left:1px solid var(--line);padding-left:14px}.ona-site-header{border-bottom:3px solid var(--gold)}.ona-topbar{color:#e4f5f7}.ona-topbar a{color:#fff}.ona-hero h1 em{color:#087e92}.ona-eyebrow,.ona-kicker{color:#086b7e}.ona-service-icon{color:#087e92}.ona-service-card{border-top:3px solid #12a1b5}.ona-text-link{border-color:#bc9f00}.ona-footer .ona-logo-image{background:white;border-radius:3px}.ona-footer .ona-brand-label{color:#fff}.ona-home-directory .ona-eyebrow{color:#f3d62d}.ona-art-note{color:#3e747d}.ona-page-heading{background:#f0f8f8}.ona-button:focus-visible,a:focus-visible{outline-color:#087e92}.ona-page-body .ona-btn{background:#087e92;border-color:#087e92}.ona-page-body .ona-avatar{background:#e3f5f7;color:#076b7d}
@media(max-width:650px){.ona-logo-image{width:110px;height:80px}.ona-brand-logo .ona-brand-label{font-size:8px;padding-left:10px}.ona-brand-logo .ona-brand-label b{font-size:9px}.ona-header-inner{min-height:92px}}

.ona-page-body .ona-form button,.ona-page-body .ona-directory-search button{background:#087e92;border-color:#087e92}.ona-page-body .ona-directory-search{background:#f0f8f8}.ona-page-body .ona-result-count a{color:#087e92}.ona-page-body .ona-architect-card{border-top:3px solid #12a1b5}

/* Montserrat intégrée au thème : aucune requête de police vers un service tiers. */
@font-face{font-family:"Montserrat";src:url("assets/fonts/Montserrat-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
body,button,input,select,textarea{font-family:var(--font)}
h1,h2,h3,h4,h5,h6,.ona-hero h1 em,.ona-avatar,.ona-empty>span{font-family:var(--font)}
.ona-hero h1{font-weight:500;letter-spacing:-.045em}.ona-hero h1 em{font-weight:500}
.ona-main-nav li{font-size:12px}.ona-brand-label{letter-spacing:0}
@media(max-width:650px){.ona-hero h1{font-size:clamp(36px,9vw,50px)}.ona-brand-logo .ona-brand-label{font-size:7px}.ona-main-nav li{font-size:14px}}

.ona-campaign{width:100%;max-width:570px;justify-self:center;min-width:0}.ona-campaign-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#086b7e;margin-bottom:12px;font-weight:700}.ona-campaign-stage{position:relative;aspect-ratio:1;background:white;box-shadow:0 15px 45px #073b4915;border:1px solid #d6e7e9;overflow:hidden}.ona-campaign-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.ona-campaign-slide.is-active{opacity:1;z-index:1}.ona-campaign-slide img{display:block;width:100%;height:100%;object-fit:contain}.ona-campaign-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:15px}.ona-campaign-controls button{border:1px solid #b9d7dc;background:white;color:#075f70;min-height:42px;min-width:42px;padding:6px 14px;cursor:pointer;font-size:13px}.ona-campaign-controls button:hover{background:#e1f2f4}.ona-campaign-count{font-size:12px;min-width:38px;text-align:center}.ona-hero-inner{gap:40px;padding-top:40px;padding-bottom:75px}.ona-hero:after{display:none}@media(max-width:900px){.ona-hero-inner{grid-template-columns:1fr}.ona-hero-copy>p{max-width:600px}.ona-hero-actions{flex-direction:row}.ona-campaign{margin-top:25px;max-width:580px}}@media(max-width:650px){.ona-hero-inner{gap:16px}.ona-campaign{margin-top:15px}.ona-campaign-controls{gap:12px}}@media(prefers-reduced-motion:reduce){.ona-campaign-slide{transition:none}}