/* webmarketing-seo.fr — design Target Blank (lavande + violet indigo, Plus Jakarta Sans auto-hébergée) */

@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/PlusJakartaSans.woff2) format('woff2')}

:root{
  --tb-bg:#FAFCFF; --tb-lav:#EEF4FF; --tb-lav-2:#DCE8FF; --tb-line:#E1E9F5;
  --tb-primary:#2563EB; --tb-primary-dark:#1D4FBF; --tb-link:#1D4FBF; --tb-navy:#0E2145; --tb-text:#4A5870;
  --tb-mint:#DDF5F0; --tb-mint-ink:#0E7C6B; --tb-green:#14A38B;
  --tb-font:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;

  /* Variables d'Oxence (dérivées de la palette ci-dessus) */
  --oxence-primary-color:var(--tb-primary); --oxence-secondary-color:var(--tb-navy); --oxence-custom1-color:var(--tb-primary);
  --oxence-headline-color:var(--tb-navy); --oxence-body-color:var(--tb-text); --oxence-light-color:var(--tb-lav);
  --oxence-border-color:var(--tb-line); --oxence-primary-font:'Plus Jakarta Sans'; --oxence-secondary-font:'Plus Jakarta Sans';
  /* Variables globales d'Elementor (couleurs "oxence_*" + kit) */
  --e-global-color-oxence_primary:var(--tb-primary); --e-global-color-oxence_secondary:var(--tb-navy);
  --e-global-color-oxence_custom1_color:var(--tb-primary); --e-global-color-oxence_headline:var(--tb-navy);
  --e-global-color-oxence_body:var(--tb-text); --e-global-color-oxence_light:var(--tb-lav); --e-global-color-oxence_border:var(--tb-line);
  --e-global-color-primary:var(--tb-primary); --e-global-color-secondary:var(--tb-navy); --e-global-color-text:var(--tb-text); --e-global-color-accent:var(--tb-primary);
  --e-global-typography-primary-font-family:'Plus Jakarta Sans'; --e-global-typography-secondary-font-family:'Plus Jakarta Sans';
  --e-global-typography-text-font-family:'Plus Jakarta Sans'; --e-global-typography-accent-font-family:'Plus Jakarta Sans';
}

/* ---------- Typographie ---------- */
body,html body .elementor p,html body .elementor li,html body .elementor span:not([class*="fa"]):not([class*="icon"]),html body .elementor a,
html body .elementor .elementor-button,html body .site-header,html body .site-footer,html body input,html body textarea,html body button{font-family:var(--tb-font)!important}
body{background:var(--tb-bg);color:var(--tb-text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,html body .elementor-heading-title,html body .elementor .oxence-advanced-heading .heading,html body .elementor .title{font-family:var(--tb-font)!important;color:var(--tb-navy);font-weight:700!important;letter-spacing:-.02em;line-height:1.15}
a{color:var(--tb-link)}
::selection{background:var(--tb-lav-2)}

/* ---------- Barre du haut : vert -> bleu nuit ---------- */
html body .site-header .elementor-element-12a4a7d,html body .site-header .elementor-element-12a4a7d>.elementor-container{background:var(--tb-navy)!important}
html body .site-header .elementor-element-12a4a7d a,html body .site-header .elementor-element-12a4a7d span,html body .site-header .elementor-element-12a4a7d i{color:#fff!important}

/* ---------- En-tête & menu ---------- */
html body .site-header{background:#fff;border-bottom:1px solid var(--tb-line)}
html body .site-header .elementor-section.oxence-sticky,html body .oxence-sticky.is-sticky,html body .oxence-sticky.elementor-sticky--active{background:#fff!important}
html body .oxence-nav-menu a{font-family:var(--tb-font)!important;font-weight:600!important;font-size:15px!important;color:var(--tb-navy)!important}
html body .oxence-nav-menu li:hover>a,html body .oxence-nav-menu li.current-menu-item>a,html body .oxence-nav-menu li.current-menu-ancestor>a{color:var(--tb-link)!important}
html body .oxence-nav-menu .sub-menu{border-radius:12px!important;border:1px solid var(--tb-line)!important;box-shadow:0 18px 36px -18px rgba(20,17,60,.25)!important}

/* ---------- Boutons ---------- */
html body .elementor-button,html body .oxence-button .btn,html body .oxence-btn,html body a.button,html body button[type=submit],html body input[type=submit]{background:var(--tb-navy)!important;color:#fff!important;border:1px solid var(--tb-navy)!important;border-radius:10px!important;font-weight:700!important;text-transform:none!important;padding:1rem 1.5rem!important;transition:transform .15s,background .15s,box-shadow .15s}
html body .elementor-button:hover,html body .oxence-button .btn:hover,html body a.button:hover,html body button[type=submit]:hover,html body input[type=submit]:hover{background:var(--tb-primary-dark)!important;border-color:var(--tb-primary-dark)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--tb-primary-dark) 55%,transparent)}

/* ---------- Hero accueil (Elementor 34dac92) : bleu nuit -> lavande ---------- */
html body .elementor-97 .elementor-element-34dac92,html body .elementor-97 .elementor-element-34dac92:not(.elementor-motion-effects-element-type-background){
  background:radial-gradient(60% 70% at 85% 10%,color-mix(in srgb,var(--tb-primary) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--tb-lav) 0%,var(--tb-bg) 100%)!important}
html body .elementor-97 .elementor-element-34dac92>.elementor-background-overlay{opacity:0!important}
html body .elementor-97 .elementor-element-34dac92 :is(h1,h2,h3,p,li,strong,span,div):not(.elementor-button-text){color:var(--tb-navy)!important}
html body .elementor-97 .elementor-element-34dac92 p,html body .elementor-97 .elementor-element-34dac92 p *{color:var(--tb-text)!important}
html body .elementor-97 .elementor-element-34dac92 p strong,html body .elementor-97 .elementor-element-34dac92 p b{color:var(--tb-navy)!important}
html body .elementor-97 .elementor-element-34dac92 p a,html body .elementor-97 .elementor-element-34dac92 p span[style]{color:var(--tb-link)!important}
html body .elementor-97 .elementor-element-141b679>.elementor-widget-container{background:var(--tb-lav-2)!important;border-color:var(--tb-primary)!important;border-radius:10px;color:var(--tb-navy)!important}
html body .elementor-97 .elementor-element-141b679 :is(p,span,div){color:var(--tb-navy)!important;font-weight:700}

html body .elementor-97 .elementor-element-34dac92 .elementor-button,html body .elementor-97 .elementor-element-34dac92 .elementor-button *{color:#fff!important}

/* ---------- Blocs, compteurs, cartes ---------- */
html body .oxence-counter-box{background-color:var(--tb-navy)!important;border-radius:16px!important}
html body .oxence-counter-box :is(h2,h3,h4,p,span,div){color:#fff!important}
html body .oxence-advanced-heading .sub-heading,html body .oxence-advanced-heading .sub-heading *{color:var(--tb-link)!important;font-weight:700!important}
html body .oxence-advanced-heading .sub-heading .dots span{background:var(--tb-primary)!important}
html body .elementor-icon-list-icon i,html body .elementor-icon-list-icon svg{color:var(--tb-green)!important;fill:var(--tb-green)!important}
html body .elementor-section.elementor-top-section:nth-of-type(even) .elementor-widget-wrap{border-radius:0}
html body .oxence-box,html body .oxence-service,html body .oxence-icon-box,html body .oxence-post-grid .post,html body article.post{border:1px solid var(--tb-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(20,17,60,.04);transition:border-color .15s,transform .15s,box-shadow .15s}
html body .oxence-box:hover,html body .oxence-service:hover,html body .oxence-icon-box:hover{border-color:var(--tb-primary);transform:translateY(-3px);box-shadow:0 18px 36px -18px color-mix(in srgb,var(--tb-primary) 40%,transparent)}
/* Cartes technologies (Prestashop, WordPress…) : bandeau vert -> violet */
html body .elementor-97 [class*="elementor-element"] .title,html body .oxence-tech-title{background:var(--tb-navy)}

/* ---------- Bandeau de titre des pages ---------- */
html body .page-title-area{background:var(--tb-lav)!important;background-image:none!important;border-bottom:1px solid var(--tb-line)}
html body .page-title-area :is(h1,h2,.page-title,a,li,span){color:var(--tb-navy)!important}
html body .page-title-area a:hover{color:var(--tb-link)!important}

/* ---------- Pied de page ---------- */
html body .site-footer,html body .site-footer .elementor-section{background-color:var(--tb-navy)!important}
html body .site-footer :is(p,li,a,span,div){color:rgba(255,255,255,.76)!important}
html body .site-footer :is(h1,h2,h3,h4,h5,h6,.title,.widget-title){color:#fff!important}
html body .site-footer a:hover{color:#fff!important}

/* ---------- Articles ---------- */
html body .entry-content a{color:var(--tb-link)}
html body .entry-content :is(h2,h3,h4){color:var(--tb-navy)}

@media(prefers-reduced-motion:reduce){*{transition:none!important}}