/*
Theme Name: Olympe
Theme URI: https://og-patrimoine.com
Author: Olympe Gestion Patrimoine
Author URI: https://og-patrimoine.com
Description: Thème OGP — header et footer du cabinet intégrés au thème ; les contenus (pages et articles) s'affichent bruts. Charte : navy #1A2954, or pêche #F9C075, fond #F1F2F1.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: olymp
*/

/* ===== Charte OGP ===== */
:root{
  --navy:#1A2954; --navy2:#233359; --navy3:#101B36;
  --peche:#F9C075; --peche2:#F0D781;
  --bg:#F1F2F1; --blanc:#FFFFFF; --encre:#2A3347; --acier:#5A6472;
  --hair:rgba(26,41,84,.14); --hair-peche:rgba(249,192,117,.55);
  --serif:'Sorts Mill Goudy',Georgia,serif; --sans:'Jost',sans-serif; --display:'Cinzel',serif;
}

/* ===== Base ===== */
html{margin:0;padding:0}
body{margin:0;background:var(--bg)}
img{max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ===== Header : bandeau + nav + dropdown + burger ===== */
.topbar{background:var(--blanc);border-bottom:1px solid rgba(26,41,84,.12)}
.topbar .in{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 0;font-family:var(--sans);font-size:12px;letter-spacing:.12em;color:var(--navy);text-transform:uppercase}
.topbar .rdv{background:var(--peche);color:var(--navy);padding:6px 16px;font-weight:500;letter-spacing:.14em;text-decoration:none;transition:all .3s;white-space:nowrap}
.topbar .rdv:hover{background:var(--navy);color:var(--peche)}
.topbar a{color:var(--navy);text-decoration:none;transition:color .3s}
.topbar a:hover{color:var(--peche)}
.topbar .tel{color:var(--navy);letter-spacing:.16em;font-weight:500}

nav.top{position:sticky;top:0;z-index:60;background:var(--blanc);color:var(--navy);border-bottom:2px solid var(--peche)}
nav.top .in{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:14px;max-width:1400px}
nav.top .links{display:flex;gap:13px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;flex-wrap:wrap;font-family:var(--sans);font-weight:400;align-items:center}
nav.top .links>a,nav.top .links .has-drop>a{color:var(--navy);text-decoration:none;transition:color .3s;padding-bottom:3px;white-space:nowrap;border-bottom:1px solid transparent}
nav.top .links a:hover{color:var(--peche)}
nav.top .links a.on{color:var(--peche);border-bottom-color:var(--peche)}

.has-drop{position:relative}
.has-drop>a .caret{display:inline-block;margin-left:6px;font-size:8px;vertical-align:2px;transition:transform .25s}
.has-drop:hover>a .caret{transform:rotate(180deg)}
.drop{position:absolute;top:100%;left:0;min-width:250px;background:var(--navy2);border:1px solid rgba(249,192,117,.3);border-top:2px solid var(--peche);padding:8px 0;display:none;z-index:70}
.has-drop:hover .drop{display:block}
.drop a{display:block;padding:10px 20px;font-size:12px;letter-spacing:.11em;color:rgba(255,255,255,.8);text-decoration:none;white-space:nowrap;transition:color .3s}
.drop a:hover{color:var(--peche);background:rgba(255,255,255,.05)}
.drop a.on{color:var(--peche)}

.burger-check{display:none}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;margin-left:auto}
.burger span{display:block;width:26px;height:2px;background:var(--navy);transition:all .3s}

@media(max-width:1330px){
  .burger{display:flex}
  nav.top .links{display:none;flex-direction:column;align-items:stretch;width:100%;padding:6px 0 14px;gap:0}
  nav.top .links>a,nav.top .links .has-drop>a{display:block;padding:11px 2px;border-top:1px solid rgba(26,41,84,.14);font-size:13px;letter-spacing:.12em}
  nav.top .links .has-drop>a{border-bottom:1px solid rgba(26,41,84,.14)}
  .burger-check:checked~.links{display:flex}
  .burger-check:checked~.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger-check:checked~.burger span:nth-child(2){opacity:0}
  .burger-check:checked~.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .has-drop .drop{position:static;display:block;min-width:0;background:transparent;border:none;padding:0 0 0 16px}
  .has-drop .drop a{border-top:1px solid rgba(26,41,84,.14);padding:9px 2px;font-size:12px;color:var(--navy);background:transparent}
}
@media(max-width:620px){.topbar .hours{display:none}}

::selection{background:var(--peche);color:var(--navy)}
::-moz-selection{background:var(--peche);color:var(--navy)}

/* ===== Logo ===== */
.logo{font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.logo a{color:inherit;text-decoration:none}
.logo em{font-style:normal;color:var(--peche)}

/* ===== Footer ===== */
footer.site{background:var(--navy3);color:rgba(255,255,255,.72);padding:44px 0 30px;font-size:14.5px}
footer.site .fg{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:24px;font-family:var(--sans);font-weight:300}
footer.site h5{font-family:var(--display);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--peche);margin:0 0 12px;font-weight:500}
footer.site .fg a{color:rgba(255,255,255,.72);text-decoration:none;margin-right:20px}
footer.site .fg div:not(.logo) a{display:block;margin:0 0 8px}
footer.site a:hover{color:var(--peche)}
footer.site .disc{border-top:1px solid rgba(249,192,117,.3);padding-top:16px;font-size:12px;line-height:1.9;color:rgba(255,255,255,.5);font-family:var(--sans);font-weight:300}

/* ===== Articles du blog : largeur alignée sur les colonnes du site ===== */
#art-seo .art-card, #art-seo .art-notes { max-width: 1000px !important; }
#art-seo .art-cover h1 { max-width: 960px !important; }