/*
Theme Name: OPEX OceanWP Child
Theme URI: https://opex-finance.fr/
Description: Thème enfant OceanWP pour le Cabinet OPEX Finance. Fondations propres (design tokens). Les CSS spécifiques aux pages restent inline pour le moment — la factorisation viendra en phase B.
Author: Cabinet Arnaud Pelegry — OPEX Finance
Template: oceanwp
Version: 1.0.1778908845
Text Domain: opex-oceanwp-child
*/

/* =====================================================================
   DESIGN TOKENS OPEX FINANCE
   Référence : charte graphique v1.0 (avril 2026).
   Ces variables sont disponibles globalement sur tout le site.
   ===================================================================== */
:root {
  --opex-navy: #0E1A33;
  --opex-navy-soft: #1A2744;
  --opex-copper: #C4975A;
  --opex-copper-dark: #A47B46;
  --opex-copper-light: #E0BC8A;
  --opex-cream: #FCFAF6;
  --opex-grey-blue: #6C768A;
  --opex-line: #d9cfbe;
}

/* =====================================================================
   AJUSTEMENTS GLOBAUX HEADER
   ===================================================================== */

/* Logo header — taille intermédiaire. Augmente le conteneur (#site-logo-inner
   limité à 74px par défaut) puis cap la hauteur de l'image à 150 px (desktop)
   ou 80 px (mobile <= 768 px). */
#site-header.top-header #site-logo #site-logo-inner,
#site-header.medium-header #site-logo #site-logo-inner,
#site-header.minimal-header #site-logo #site-logo-inner,
#site-logo #site-logo-inner {
  height: auto;
  min-height: 150px;
}

#site-logo .site-logo-inner .custom-logo-link img,
#site-logo img,
.custom-logo-link img,
.custom-logo {
  max-height: 150px;
  height: 150px;
  width: auto;
}

@media (max-width: 768px) {
  #site-header.top-header #site-logo #site-logo-inner,
  #site-header.medium-header #site-logo #site-logo-inner,
  #site-header.minimal-header #site-logo #site-logo-inner,
  #site-logo #site-logo-inner {
    min-height: 80px;
  }
  #site-logo .site-logo-inner .custom-logo-link img,
  #site-logo img,
  .custom-logo-link img,
  .custom-logo {
    max-height: 80px;
    height: 80px;
  }
}

/* =====================================================================
   PHASE A — fondations posées.
   Les CSS spécifiques par page restent dans le contenu Gutenberg de chaque
   page (blocs HTML personnalisés avec <style>). La phase B (à venir)
   consistera à factoriser ces CSS en composants réutilisables et à les
   migrer ici, en utilisant les design tokens ci-dessus.
   ===================================================================== */

/* OPEX_HEADER_V9_START */
html[lang] body #site-header{position:sticky !important;top:0 !important;z-index:100 !important;padding:4px 0 !important;background:#FFFFFF !important;box-shadow:0 4px 14px rgba(13,30,58,.07) !important}
html[lang] body.home #site-header{padding:4px 0 !important}
html[lang] body #site-logo-inner,html[lang] body #site-logo #site-logo-inner{height:auto !important;min-height:0 !important;line-height:1 !important}
html[lang] body #site-logo a img,html[lang] body #site-logo .site-logo-link img,html[lang] body #site-logo img.custom-logo,html[lang] body .custom-logo-link img,html[lang] body.home #site-logo a img,html[lang] body.home #site-logo img.custom-logo,html[lang] body.home .custom-logo-link img{max-height:clamp(48px,5.5vw,72px) !important;height:auto !important;width:auto !important}
@media (max-width:768px){html[lang] body #site-logo a img,html[lang] body #site-logo img.custom-logo,html[lang] body .custom-logo-link img,html[lang] body.home #site-logo a img,html[lang] body.home #site-logo img.custom-logo,html[lang] body.home .custom-logo-link img{max-height:clamp(38px,9vw,56px) !important}}
html[lang] body #site-navigation-wrap .dropdown-menu>li>a{line-height:1.18 !important;height:auto !important}
html[lang] body #site-navigation-wrap .dropdown-menu>li{height:auto !important}
html[lang] body #site-navigation-wrap .dropdown-menu{align-items:center !important}
html[lang] body #site-navigation-wrap .dropdown-menu>li:not(.menu-item-rdv-btn)>a{white-space:pre-line !important;text-align:center !important;padding:8px 12px !important;font-size:13.5px !important;letter-spacing:.02em !important;font-weight:600 !important}
html[lang] body.opex-scrolled #site-header{position:sticky !important;top:0 !important;width:auto !important;left:auto !important;right:auto !important;box-shadow:0 6px 18px rgba(13,30,58,.10) !important;padding:4px 0 !important}
html[lang] body.opex-scrolled #content-wrap{padding-top:0 !important}
html[lang] body.opex-scrolled #site-logo img,html[lang] body.opex-scrolled .custom-logo-link img{max-height:clamp(48px,5.5vw,72px) !important}
/* OPEX_HEADER_V9_END */

/* OPEX_STICKY_FIX_START */
html[lang]{overflow-x:visible !important;overflow-y:auto !important;max-width:100% !important}
html[lang] body{overflow-x:visible !important;overflow-y:visible !important;max-width:100vw !important;position:relative}
html[lang] body #outer-wrap,html[lang] body #wrap{max-width:100vw !important;overflow:visible !important}
/* OPEX_STICKY_FIX_END */