.elementor-kit-10{--e-global-color-primary:#284FFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ebi_ink:#16161a;--e-global-color-ebi_ink2:#26261f;--e-global-color-ebi_muted:#54514b;--e-global-color-ebi_mute2:#6f6c66;--e-global-color-ebi_faint:#9a978f;--e-global-color-ebi_bg_alt:#f6f5f2;--e-global-color-ebi_bg_ticker:#f4f3f0;--e-global-color-ebi_border:#ececec;--e-global-color-ebi_blue_soft:#e7ecff;--e-global-color-ebi_dark:#131722;--e-global-color-ebi_dark2:#1c2230;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Merriweather";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-ebi_serif_h1-font-family:"Merriweather";--e-global-typography-ebi_serif_h1-font-size:42px;--e-global-typography-ebi_serif_h1-font-weight:800;--e-global-typography-ebi_serif_h1-line-height:1.05em;--e-global-typography-ebi_serif_h2-font-family:"Merriweather";--e-global-typography-ebi_serif_h2-font-size:28px;--e-global-typography-ebi_serif_h2-font-weight:700;--e-global-typography-ebi_serif_h2-line-height:1.1em;--e-global-typography-ebi_sans_body-font-family:"Inter";--e-global-typography-ebi_sans_body-font-size:16px;--e-global-typography-ebi_sans_body-font-weight:400;--e-global-typography-ebi_sans_body-line-height:1.6em;--e-global-typography-ebi_sans_ui-font-family:"Inter";--e-global-typography-ebi_sans_ui-font-size:13px;--e-global-typography-ebi_sans_ui-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 h2{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 h3{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 h4{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 h5{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 h6{font-family:"Merriweather", Sans-serif;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-family:"Inter", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --brand-blue:#3154ff; --ink:#080b12; --muted:#5b6472; --line:#d9dde7; --surface-soft:#f7f7f8; --accent-red:#e31e24; --surface:#ffffff; --editorial-display:Roboto; }
/* Start custom CSS *//* ============================================================
   eBina Infos — CSS GLOBAL POUR ELEMENTOR
   À coller dans : Elementor > Site Settings > Custom CSS
   (ou dans le Customizer si le thème enfant le permet)
   ============================================================ */

/* ----- Police Fraunces (titres) + Inter (UI/corps) -----
   À ajouter aussi via Elementor > Site Settings > Global Fonts,
   ou via une balise <link> dans le header de hello-elementor.
   Cette règle ci-dessous suffit si Elementor ne charge pas la police. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,800&family=Inter:wght@400;500;600;700&display=swap');

/* ============================================================
   1. TOKENS — variables globales
   ============================================================ */
:root{
  --ebi-blue:#2b54ff;
  --ebi-blue-soft:#e7ecff;
  --ebi-ink:#16161a;
  --ebi-ink-2:#26261f;
  --ebi-muted:#54514b;
  --ebi-mute-2:#6f6c66;
  --ebi-faint:#9a978f;
  --ebi-bg:#ffffff;
  --ebi-bg-alt:#f6f5f2;
  --ebi-bg-ticker:#f4f3f0;
  --ebi-border:#ececec;
  --ebi-border-strong:#dcd9d2;
  --ebi-dark:#131722;
  --ebi-dark-2:#1c2230;
  --ebi-dark-line:#2a3142;
  --ebi-serif:"Merriweather", Georgia, "Times New Roman", serif;
  --ebi-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ============================================================
   2. TYPOGRAPHIE GLOBALE
   ============================================================ */
body, .elementor-widget-text-editor, .elementor-widget-heading p{
  font-family:var(--ebi-sans);
  color:var(--ebi-ink);
}
h1, h2, h3, .elementor-heading-title{
  font-family:var(--ebi-serif);
  color:var(--ebi-ink);
  letter-spacing:-.01em;
}
h1, .elementor-heading-title.h1-style{font-weight:800;line-height:1.05}
h2{font-weight:700;line-height:1.1}
h3{font-weight:700;line-height:1.2}

/* ============================================================
   3. UTILITIES — classes à coller sur tes widgets Elementor
   (champ "Avancé > CSS Classes")
   ============================================================ */

/* Badge catégorie bleu (ex: POLITIQUE, ENQUÊTE) */
.ebi-badge{
  display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ebi-blue);background:var(--ebi-blue-soft);
  padding:4px 10px;border-radius:3px;line-height:1;
}
.ebi-badge--solid{color:#fff;background:var(--ebi-blue)}
.ebi-badge--dark{color:#9fb0ff;background:transparent;border:1px solid rgba(159,176,255,.4)}

/* Bouton DIRECT (header) */
.ebi-btn-direct .elementor-button,
a.ebi-btn-direct{
  display:inline-flex !important;align-items:center;gap:8px;
  font-family:var(--ebi-sans);font-size:11px !important;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#fff !important;
  background:var(--ebi-blue) !important;padding:10px 16px !important;
  border-radius:4px !important;border:none !important;
  transition:transform .12s;
}
.ebi-btn-direct .elementor-button:hover,
a.ebi-btn-direct:hover{transform:translateY(-1px)}
.ebi-btn-direct .elementor-button::before,
a.ebi-btn-direct::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.6);
  animation:ebi-pulseWhite 1.4s ease-out infinite;
}
@keyframes ebi-pulseWhite{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}
  70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

/* Pastille pulsante (rouge ou bleu, pour "EN DIRECT") */
.ebi-pulse{
  display:inline-flex;align-items:center;gap:7px;
  font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ebi-blue);
}
.ebi-pulse::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--ebi-blue);
  box-shadow:0 0 0 0 rgba(43,84,255,.4);
  animation:ebi-pulse 1.6s ease-out infinite;
}
@keyframes ebi-pulse{
  0%{box-shadow:0 0 0 0 rgba(43,84,255,.5)}
  70%{box-shadow:0 0 0 8px rgba(43,84,255,0)}
  100%{box-shadow:0 0 0 0 rgba(43,84,255,0)}
}

.ebi-ticker{
  background:var(--ebi-bg-ticker) !important;
  border-bottom:1px solid #ebe9e4;
  min-height:36px;padding:6px 40px !important;
}
.ebi-ticker .elementor-container{align-items:center}
.ebi-ticker p, .ebi-ticker span, .ebi-ticker a{
  font-size:12px;color:var(--ebi-ink-2);font-weight:500;
  white-space:nowrap;font-family:var(--ebi-sans);
}
.ebi-ticker__items{
  display:flex !important;gap:28px;overflow:hidden;flex:1;
  white-space:nowrap;
}
.ebi-ticker__marquee{
  display:inline-block;animation:ebi-scroll 35s linear infinite;
}
@keyframes ebi-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.ebi-nav .elementor-nav-menu > li > a{
  font-family:var(--ebi-sans) !important;
  font-size:13px !important;font-weight:500 !important;
  color:var(--ebi-muted) !important;
  letter-spacing:.005em !important;
  padding:0 11px !important;
  transition:color .15s;
}
.ebi-nav .elementor-nav-menu > li > a:hover,
.ebi-nav .elementor-nav-menu > li.current-menu-item > a{
  color:var(--ebi-blue) !important;
}
.ebi-nav .elementor-nav-menu > li.menu-item-ebina-tv > a{
  color:var(--ebi-blue) !important;
  font-weight:700 !important;
}

.ebi-dark{background:var(--ebi-dark) !important;color:#fff}
.ebi-dark h2, .ebi-dark h3, .ebi-dark .elementor-heading-title{color:#fff !important}
.ebi-dark p{color:#9fb0ff}

.ebi-video-card{position:relative;background:var(--ebi-dark-2);border:1px solid var(--ebi-dark-line);border-radius:6px;aspect-ratio:16/9;overflow:hidden}
.ebi-video-card::after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:rgba(43,84,255,.92);transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.ebi-video-card::before{content:"";position:absolute;top:50%;left:50%;z-index:2;width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;transform:translate(-40%,-50%)}

.ebi-mag{padding:64px 40px 70px !important;text-align:center;background:#fff}
.ebi-mag .elementor-heading-title{font-family:var(--ebi-serif);font-weight:800;line-height:1.05;max-width:680px;margin:0 auto;font-size:42px}

.ebi-card{display:flex;flex-direction:column;gap:10px}
.ebi-card .ebi-card__img{position:relative;width:100%;aspect-ratio:16/10;background:#eeece7;border-radius:6px;overflow:hidden}
.ebi-card .ebi-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.ebi-card .ebi-card__title{font-family:var(--ebi-serif);font-weight:700;font-size:18px;color:var(--ebi-ink);line-height:1.25;letter-spacing:-.005em}
.ebi-card .ebi-card__meta{font-size:11px;color:var(--ebi-faint)}
.ebi-card--hero .ebi-card__title{font-size:34px;line-height:1.1}
.ebi-card--hero .ebi-card__img{aspect-ratio:16/9;min-height:340px}

.ebi-footer{background:var(--ebi-bg-alt);padding:48px 40px 24px}
.ebi-footer .elementor-heading-title{font-family:var(--ebi-sans);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ebi-ink-2);text-transform:uppercase;margin-bottom:16px}
.ebi-footer a{color:var(--ebi-mute-2);font-size:12px;text-decoration:none}
.ebi-footer a:hover{color:var(--ebi-blue)}
.ebi-legal{background:var(--ebi-dark);color:#6b7385;padding:16px 40px;font-size:11px}
.ebi-legal a{color:#9fb0ff;text-decoration:none}

@media (max-width:980px){
  .ebi-ticker{padding:6px 18px !important}
  .ebi-ticker .ebi-ticker__items > *:nth-child(n+2){display:none}
  .ebi-card--hero .ebi-card__title{font-size:24px}
  .ebi-mag .elementor-heading-title{font-size:28px}
}/* End custom CSS */