@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* didbannaft.com — «دیدبان نفت» : dark petroleum industrial dashboard. Loaded AFTER euronews.css. */
:root, html:not([data-theme=dark]), html[data-theme=dark]{
  --eu-navy:#07100d; --eu-navy-2:#0c1a15;
  --eu-blue:#e0a53b; --eu-blue-d:#0a1712; --eu-blue-l:#12241d;
  --eu-yellow:#e0a53b; --eu-red:#d64545; --eu-green:#1f9d6b;
  --brand:#e0a53b; --brand-dark:#c48a26; --brand-2:#1f9d6b;
  --ink:#eef3ef; --text:#a7bcb2; --muted:#6f8579; --faint:#4f6157;
  --bg:#07100d; --bg-2:#091712; --bg-3:#0f221b; --card:#0c1a15;
  --border:#1a2e26; --border-2:#152420; --radius:3px; --radius-sm:3px; --shadow:none;
  --font-lat:'IBM Plex Mono',ui-monospace,monospace;
}
body{background:var(--bg-2);color:var(--text);font-size:15.5px}
.site-main,.site-main>.container{background:var(--bg)}
::selection{background:#e0a53b;color:#07100d}
/* util: dark, amber gauge feel */
.eu-util{background:#050b09;color:#6f8579;border-bottom:2px solid #e0a53b55;font-family:'IBM Plex Mono',monospace}
.eu-util b,.eu-clock{color:#e0a53b}
.eu-lang a{color:#6f8579;border-radius:3px}.eu-lang a.on{color:#07100d;background:#e0a53b}
/* masthead */
.eu-mast{background:linear-gradient(180deg,#0c1a15,#07100d);border-bottom:2px solid #e0a53b44}
.eu-logo img{display:none}
.eu-lockup{border-inline-start:0;padding-inline-start:0}
.eu-lockup b{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:26px;color:#eef3ef;letter-spacing:.5px}
.eu-lockup b::before{content:"◆ ";color:#e0a53b}
.eu-lockup i{color:#1f9d6b;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1px}
.eu-search{border:1px solid #e0a53b55;background:#0c1a15;border-radius:3px}
.eu-search input{color:#eef3ef}.eu-search button{background:#e0a53b;color:#07100d;font-weight:700}
.eu-btn-live{background:#1f9d6b;color:#07100d;border-radius:3px;font-family:'Rajdhani',sans-serif;font-weight:700}
.eu-icon-btn{border-radius:3px;border:1px solid #e0a53b55;color:#e0a53b;background:transparent}
.eu-icon-btn:hover{background:#e0a53b;color:#07100d}
/* nav: dark ruled, amber active */
.eu-nav{background:#0a1712;border-bottom:1px solid #e0a53b22}
.eu-nav a{color:#a7bcb2;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;letter-spacing:.5px;border-bottom:3px solid transparent}
.eu-nav a:hover{color:#e0a53b;background:#e0a53b0d}
.eu-nav a.on{color:#e0a53b;border-bottom-color:#1f9d6b}
.eu-nav .eu-nav-sep{background:#e0a53b33}
/* ticker as an oil-price bar */
.eu-tick{background:#050b09;border-bottom:1px solid #e0a53b33}
.eu-tick-lbl{background:#1f9d6b;color:#07100d;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:1px}
.eu-tick-track a{color:#a7bcb2;font-family:'IBM Plex Mono',monospace}
.eu-tick-track a::before{content:"▸";color:#e0a53b}
.eu-tick-track a:hover{color:#e0a53b}
.eu-market{background:#0a1712;border-bottom:1px solid #1a2e26}
.eu-market .n{color:#6f8579}.eu-market .v{color:#e0a53b;font-family:'IBM Plex Mono',monospace}
/* hero + cards */
.eu-hero{background:#1a2e26;margin-top:22px}.eu-hero-side{background:#0c1a15}
.eu-kick{background:#e0a53b;color:#07100d;font-weight:700;font-family:'Rajdhani',sans-serif}
.eu-lead-body h1{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:34px}
.eu-hs.on{background:#12241d;border-inline-start-color:#e0a53b}.eu-hs.on .eu-hs-n{color:#e0a53b}
.eu-hs-t .c{color:#e0a53b}.eu-hs-head b{color:#eef3ef}.eu-hs-head .lat{color:#1f9d6b}
.eu-numbers{background:#1a2e26}.eu-num{background:#0c1a15}
.eu-num b{color:#e0a53b;font-family:'IBM Plex Mono',monospace}.eu-num:hover{background:#12241d}.eu-num span{color:#a7bcb2}
.eu-sec-h{border-top:2px solid #e0a53b}
.eu-sec-h h2{color:#eef3ef;font-family:'Rajdhani',sans-serif;font-weight:700}.eu-sec-h h2 em{color:#1f9d6b}
.eu-sec-h .lat{color:#e0a53b;font-family:'IBM Plex Mono',monospace}.eu-sec-h a{color:#e0a53b}.eu-sec-h a:hover{color:#1f9d6b}
.eu-card-img{background:#0f221b}.eu-card-cat{background:#1f9d6b;color:#07100d;font-weight:700}
.eu-card h3{color:#eef3ef}.eu-card:hover h3{color:#e0a53b}.eu-card p{color:#6f8579}
.eu-fi{border-bottom:1px solid #1a2e26}.eu-fi h3{color:#eef3ef}.eu-fi:hover h3{color:#e0a53b}
.eu-promo{background:#0c1a15;color:#eef3ef;border:1px solid #e0a53b44}.eu-promo h3{color:#e0a53b}
.eu-promo-links a{background:#e0a53b;color:#07100d;border-radius:3px}
.eu-footer{background:#050b09;border-top:2px solid #e0a53b44}.eu-footer a:hover{color:#e0a53b}
@media(max-width:640px){.eu-lockup b{font-size:21px}.eu-lead-body h1{font-size:23px}}