/* =====================================================================
   FEYDUS NEWS — navy/orange theme layer (loads AFTER theme.css).
   Oil / Gas / Petrochemical news. RTL, Persian (Vazirmatn).
   Rebranded from the base news platform to match the Feydus mock-up.
   ===================================================================== */

:root, html[data-theme=dark]{
  --brand:#f6a821; --brand-dark:#e2960f; --brand-2:#f6a821;
  --navy-0:#0a1f4d;        /* deepest / footer */
  --navy-1:#173a8f;        /* page bg — BRIGHT royal blue (like mockup) */
  --navy-2:#0e2657;        /* card / panel — DARK navy */
  --navy-3:#16357c;        /* raised panel */
  --navy-line:rgba(150,180,240,.16);
  --ink:#ffffff; --text:#eaf0fb; --muted:#a9bbe0; --faint:#8195c0;
  --bg:var(--navy-1); --bg-2:var(--navy-2); --bg-3:var(--navy-3); --card:var(--navy-2);
  --border:var(--navy-line); --border-2:rgba(150,180,240,.10);
  --radius:16px; --radius-sm:11px;
  --shadow:0 2px 10px rgba(3,10,30,.28),0 14px 34px rgba(3,10,30,.30);
  --heading-color:#ffffff;
  --maxw:1240px;
}
html{background:var(--navy-0)}
body{background:
   radial-gradient(1100px 560px at 82% -6%, #2a5fc0 0%, rgba(42,95,192,0) 58%),
   linear-gradient(180deg,#1c46a8 0%, var(--navy-1) 45%, #102a66 100%);
   background-attachment:fixed;color:var(--text)}
h1,h2,h3,h4{color:#fff}
a{color:inherit}
.container{max-width:var(--maxw)}
html[lang=fa]{--font:var(--font-fa);--font-head:var(--font-fa)}
.chev{opacity:.8}

/* ============ generic section heads (orange dash + title) ============ */
.section-head h2, .col-head, .widget-title{position:relative}
.f-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.f-head h2{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
.f-head h2::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--brand)}
.f-head .more{color:var(--muted);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.f-head .more:hover{color:var(--brand)}

/* ===================================================================
   HEADER
   =================================================================== */
.site-header{background:linear-gradient(180deg,#1e48b4 0%, #17399c 100%);
  border-bottom:none;position:sticky;top:0;z-index:60;
  border-radius:0 0 26px 26px}
.utility-bar{display:none}
.header-main{height:88px;display:flex;align-items:center;gap:18px}
.main-nav{border-top:1px solid var(--border);background:transparent}

/* --- Feydus logo (real transparent PNG) --- */
.brand{display:inline-flex;align-items:center}
.brand-mark{display:none}
.f-logo .fl-img{height:66px;width:auto;display:block}

.hb-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:var(--brand);color:#0f1b3d}
.hb-search{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff}
.header-main .brand{margin-inline-start:auto;margin-inline-end:0}
.header-actions{display:flex;align-items:center;gap:10px}

.nav-inner{justify-content:center}
.nav-list{gap:2px;justify-content:center}
.nav-list a{color:#dbe6fb;font-weight:700;font-size:15px;padding:15px 15px;border-bottom:3px solid transparent}
.nav-list a:hover{color:var(--brand)}
.nav-list a.active{color:var(--brand);border-bottom-color:var(--brand)}
.nav-search{display:none}
.breaking-bar{background:linear-gradient(90deg,#0a1c46,#12306b);border-top:1px solid var(--border)}
.breaking-label{background:var(--brand);color:#0f1b3d}

/* ===================================================================
   HOME LAYOUT — sidebar (start side in RTL) + main
   =================================================================== */
.home2{grid-template-columns:1fr 340px;gap:28px;padding-top:26px}   /* RTL: main(right) + sidebar(left) */
@media(max-width:1024px){.home2{grid-template-columns:1fr}.home2-side{grid-template-columns:1fr}}

/* ---------- HERO (overlay: full image + text over dark side) ---------- */
.hero-row{grid-template-columns:1fr;border-bottom:none;padding-bottom:0;margin-bottom:30px}
.sec-col{display:none}
.hero-slider{border-radius:20px;border:1px solid var(--border);background:var(--navy-2);box-shadow:var(--shadow)}
.hero-slide{display:block !important;min-height:440px}
.hero-slide .hs-img{position:absolute !important;inset:0;aspect-ratio:auto !important;height:100% !important;width:100%;flex:none}
.hero-slide .hs-img img{width:100%;height:100%;object-fit:cover}
.hero-slide .hs-img::after{background:linear-gradient(270deg,rgba(8,19,52,.97) 0%,rgba(8,19,52,.82) 40%,rgba(8,19,52,.10) 100%) !important;inset:0 !important}
.hero-slide .hs-body{position:absolute !important;z-index:3;inset-block:0;inset-inline-start:0;width:56%;height:auto !important;
  display:flex;flex-direction:column;justify-content:center;gap:0;padding:44px;overflow:visible !important}
.hero-slide .hs-body::before{content:"تیتر اول";color:var(--brand);font-weight:800;font-size:13px;letter-spacing:1px;margin-bottom:12px}
.hero-slide .hs-body h1{font-size:29px;line-height:1.45;color:#fff !important;font-weight:900;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-slide .hs-body p{color:#c9d6f2 !important;font-size:15px;margin-top:14px;line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-slide .hs-meta{display:none}
.hero-slide .hs-body::after{content:"مشاهده گزارش ‹";margin-top:22px;align-self:flex-start;display:inline-flex;
  align-items:center;gap:8px;background:var(--brand);color:#12224e;font-weight:800;padding:12px 22px;border-radius:12px;font-size:14px}
.hero-slide .cat-badge{display:none}
.hero-dots{position:absolute;inset-block-end:22px !important;inset-inline-start:44px !important;inset-inline-end:auto !important;z-index:4;gap:8px}
.hero-dots .hd{width:9px;height:9px;background:rgba(255,255,255,.35)}
.hero-dots .hd.on{background:var(--brand);width:22px;border-radius:5px}

/* ---------- CATEGORY CARDS (دسته‌بندی‌های اصلی) — full-image rectangular ---------- */
.cat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat-card{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:1/1;
  border:1px solid var(--border);background:var(--navy-3);transition:.18s}
.cat-card:hover{transform:translateY(-4px);border-color:rgba(246,168,33,.55)}
.cat-card .cc-img{position:absolute;inset:0;display:block}
.cat-card .cc-img img{width:100%;height:100%;object-fit:cover}
.cat-card::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,19,52,.10) 0%,rgba(8,19,52,.30) 42%,rgba(8,19,52,.92) 100%)}
.cat-card .cc-icon{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:2;
  width:48px;height:48px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#12224e;
  border:3px solid rgba(255,255,255,.18);box-shadow:0 5px 14px rgba(0,0,0,.4)}
.cat-card .cc-icon svg{width:22px;height:22px}
.cat-card .cc-name{position:absolute;bottom:14px;left:0;right:0;z-index:2;text-align:center;
  color:#fff;font-weight:800;font-size:16px;padding:0 6px}
@media(max-width:560px){.cat-cards{grid-template-columns:repeat(2,1fr);gap:12px}
  .cat-card .cc-name{font-size:14px}.cat-card .cc-icon{width:42px;height:42px;bottom:46px}}

/* ---------- REPORTS (گزیده گزارش‌ها) ---------- */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rep-card{background:var(--navy-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:.18s}
.rep-card:hover{transform:translateY(-4px);border-color:rgba(246,168,33,.4)}
.rep-card .rc-img{aspect-ratio:16/10;background:var(--navy-3);overflow:hidden}
.rep-card .rc-img img{width:100%;height:100%;object-fit:cover}
.rep-card .rc-body{padding:16px 16px 18px}
.rep-card h3{font-size:16px;font-weight:800;color:#fff;line-height:1.6}
.rep-card p{color:var(--muted);font-size:13px;margin-top:8px;line-height:1.8}
.rep-card .rc-meta{margin-top:12px;color:var(--faint);font-size:12px;display:flex;gap:6px}

/* ---------- NEWSLETTER BAND ---------- */
.f-newsletter{background:linear-gradient(90deg,#163a95 0%,#2b5ecb 100%);border:1px solid rgba(255,255,255,.16);
  border-radius:18px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin:30px 0;position:relative;overflow:hidden}
.f-newsletter .nl-txt{flex:1;min-width:0}
.f-newsletter .nl-txt h3{font-size:20px;font-weight:800;color:#fff;max-width:560px;line-height:1.85;text-align:start}
.f-newsletter .nl-env{flex:none}
.f-newsletter .nl-env svg{width:116px;height:auto;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28))}
.f-newsletter form{display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:5px;flex:none}
.f-newsletter input{background:transparent;border:none;outline:none;color:#12224e;padding:11px 16px;
  width:210px;font-family:inherit;font-size:14px}
.f-newsletter input::placeholder{color:#8595b5}
.f-newsletter button{background:var(--brand);color:#12224e;font-weight:800;border-radius:9px;padding:12px 24px;font-size:14px}

/* ---------- VIDEOS & PODCASTS ---------- */
.vp-card{background:var(--navy-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  position:relative;transition:.18s}
.vp-card:hover{transform:translateY(-4px)}
.vp-card .vc-thumb{aspect-ratio:16/10;position:relative;background:var(--navy-3)}
.vp-card .vc-thumb img{width:100%;height:100%;object-fit:cover}
.vp-card .vc-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,22,60,0),rgba(9,22,60,.85))}
.vp-card .vc-thumb .play{position:absolute;inset:auto;top:50%;left:50%;right:auto;bottom:auto;
  transform:translate(-50%,-50%);margin:0;
  width:56px;height:56px;border-radius:50%;background:rgba(246,168,33,.96);color:#12224e;
  display:grid;place-items:center;z-index:3;font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.vp-card .vc-badge{position:absolute;top:12px;inset-inline-end:12px;z-index:2;background:var(--brand);
  color:#12224e;font-weight:800;font-size:11px;padding:4px 10px;border-radius:6px}
.vp-card .vc-time{position:absolute;bottom:10px;inset-inline-start:12px;z-index:2;color:#fff;font-size:12px;font-weight:700}
.vp-card h4{position:absolute;bottom:12px;inset-inline-end:14px;inset-inline-start:14px;z-index:2;
  color:#fff;font-size:14px;font-weight:800;line-height:1.6}

/* ---------- QUICK ACCESS ROW ---------- */
.quick-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0 10px}
.quick-item{background:var(--navy-2);border:1px solid var(--border);border-radius:14px;padding:18px 10px;
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:.18s}
.quick-item:hover{border-color:rgba(246,168,33,.5);transform:translateY(-3px)}
.quick-item .qi-ic{width:44px;height:44px;border-radius:12px;background:rgba(246,168,33,.14);
  display:grid;place-items:center;color:var(--brand)}
.quick-item span{font-size:13px;font-weight:700;color:#dbe6fb}

/* ===================================================================
   SIDEBAR widgets
   =================================================================== */
.home2-side .widget, .editor-note{background:var(--navy-2);border:1px solid var(--border);
  border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow)}
.widget-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.widget-title::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--brand)}

/* سخن نخست — editor note (matches ref: title+quote row, centered text, person row) */
.editor-note{background:linear-gradient(165deg,#12326c 0%,#0b1e4d 100%);border:1px solid var(--border);
  border-radius:18px;padding:20px 20px 18px;margin-bottom:22px;box-shadow:var(--shadow);text-align:center}
.editor-note .en-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.editor-note .en-title{color:#fff;font-weight:800;font-size:17px;position:relative;padding-inline-start:28px}
.editor-note .en-title::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
  width:20px;height:3px;border-radius:3px;background:var(--brand)}
.editor-note .en-q{color:var(--brand);font-size:46px;line-height:.9;font-weight:900;font-family:Georgia,'Times New Roman',serif}
.editor-note .en-text{color:#e6edfb;font-size:14px;line-height:2.05;margin:6px 2px 18px}
.editor-note .en-person{display:flex;align-items:center;justify-content:center;gap:12px;
  border-top:1px solid var(--border);padding-top:15px}
.editor-note .en-ph{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--brand);flex:none}
.editor-note .en-meta{display:flex;flex-direction:column;gap:3px;text-align:start}
.editor-note .en-name{font-weight:800;color:#fff;font-size:15px}
.editor-note .en-role{color:var(--muted);font-size:12.5px}

/* آخرین اخبار — latest with thumbnails */
.side-latest .sl-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}
.side-latest .sl-item:last-child{border-bottom:none}
.side-latest .sl-thumb{width:66px;height:56px;border-radius:10px;overflow:hidden;flex:none;background:var(--navy-3)}
.side-latest .sl-thumb img{width:100%;height:100%;object-fit:cover}
.side-latest h4{font-size:13.5px;font-weight:700;color:#eaf0fb;line-height:1.7}
.side-latest .sl-time{color:var(--faint);font-size:11.5px;margin-top:5px;display:block}
.widget-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--brand);
  font-weight:700;font-size:13px}

/* پربازدیدترین — most viewed, numbered with fire */
.most-read .widget-title::after{content:"🔥";margin-inline-start:4px}
.mr-list{list-style:none}
.mr-list li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--border)}
.mr-list li:last-child{border-bottom:none}
.mr-list .rank{width:26px;height:26px;border-radius:8px;background:rgba(246,168,33,.16);color:var(--brand);
  display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.mr-list .mr-thumb{display:none}
.mr-list .mr-title{font-size:13.5px;font-weight:700;color:#eaf0fb;line-height:1.7;display:block}
.mr-list .mr-cat{display:none}
.mr-list .mr-time{color:var(--faint);font-size:11.5px;margin-top:4px;display:block}

/* ===================================================================
   FOOTER
   =================================================================== */
.site-footer{background:#081735;border-top:1px solid var(--border);margin-top:40px}
.footer-grid{padding:40px 18px 26px}
.footer-about .brand{margin-bottom:14px}
.site-footer .f-logo .fl-badge{width:58px;height:54px}
.site-footer .f-logo .fl-badge b{font-size:25px}
.site-footer p{color:var(--muted);font-size:13.5px;line-height:2}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:14px;position:relative;padding-bottom:8px}
.footer-col h4::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:26px;height:3px;background:var(--brand);border-radius:3px}
.footer-col ul{list-style:none}
.footer-col li a{color:var(--muted);font-size:13.5px;line-height:2.4}
.footer-col li a:hover{color:var(--brand)}
.social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);
  display:grid;place-items:center;color:#cdd9f2;border:1px solid var(--border)}
.social a:hover{background:var(--brand);color:#12224e}
.footer-bottom{border-top:1px solid var(--border);color:var(--muted);font-size:13px;text-align:center}
.footer-bottom .container{padding-top:16px;padding-bottom:16px}

/* ===================================================================
   MOBILE
   =================================================================== */
@media(max-width:1024px){
  .cat-circles{grid-template-columns:repeat(4,1fr);gap:12px}
  .cards-3{grid-template-columns:1fr 1fr 1fr}
  .quick-row{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:680px){
  .header-main{height:70px;gap:10px}
  .f-logo .fl-badge{width:54px;height:50px}
  .f-logo .fl-badge b{font-size:23px}
  .f-logo .fl-txt .fl-name{font-size:18px}
  .f-logo .fl-txt .fl-sub{font-size:11px}
  .hero-slide,.hero-slider{min-height:340px}
  .hero-slide .hs-body{max-width:100%;padding:22px}
  .hero-slide .hs-body h1{font-size:21px}
  .cat-circles{grid-template-columns:repeat(4,1fr);gap:8px}
  .cat-circle{padding:14px 6px 12px}
  .cat-circle .cc-img{width:64px;height:64px}
  .cat-circle .cc-name{font-size:12.5px}
  .cards-3{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .rep-card h3{font-size:12.5px}
  .rep-card p{display:none}
  .f-newsletter{flex-direction:column;text-align:center;padding:22px}
  .f-newsletter .nl-env{display:none}
  .f-newsletter input{width:100%}
  .f-newsletter form{width:100%}
  .quick-row{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .cards-3{grid-template-columns:1fr 1fr}
}

/* ---- footer bottom + newsletter form ---- */
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot-nl-form{display:flex;background:rgba(255,255,255,.07);border:1px solid var(--border);border-radius:12px;padding:5px;margin-top:12px}
.foot-nl-form input{background:transparent;border:none;outline:none;color:#fff;padding:10px 12px;flex:1;min-width:0;font-family:inherit;font-size:13.5px}
.foot-nl-form input::placeholder{color:#9db0d6}
.foot-nl-form button{background:var(--brand);color:#12224e;font-weight:800;border-radius:9px;padding:9px 18px;font-size:13px;flex:none}

/* ---- bottom tab bar (feydus) ---- */
.feydus-tabbar{background:rgba(8,23,53,.97);border-top:1px solid var(--border);backdrop-filter:blur(10px)}
.feydus-tabbar .tab{color:var(--muted);gap:4px}
.feydus-tabbar .tab .tt-ic{display:grid;place-items:center;width:40px;height:34px;border-radius:11px;transition:.15s}
.feydus-tabbar .tab span:last-child{font-size:11px;font-weight:700}
.feydus-tabbar .tab.on{color:var(--brand)}
.feydus-tabbar .tab.home .tt-ic{background:var(--brand);color:#12224e}
.feydus-tabbar .tab.home{color:var(--brand)}

/* ===== elegant site watermark on all main images ===== */
.hs-img::before,.rep-card .rc-img::before,.vp-card .vc-thumb::before,.art-imgwrap::before,.art-figure::before{
  content:"فیدوس نیوز";position:absolute;z-index:4;bottom:10px;inset-inline-end:10px;
  font-family:var(--font-fa);font-size:10.5px;font-weight:700;color:rgba(255,255,255,.92);
  background:rgba(8,19,52,.44);padding:4px 10px;border-radius:20px;letter-spacing:.2px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.20);
  pointer-events:none;line-height:1}
.rep-card .rc-img,.vp-card .vc-thumb,.hs-img{position:relative}

/* ===== favorite / bookmark button in header ===== */
.header-actions .u-saved{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff}
.header-actions .u-saved:hover{background:var(--brand);color:#12224e}
.header-actions .u-saved .saved-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:17px;height:17px;
  padding:0 4px;border-radius:9px;background:var(--brand);color:#12224e;font-size:11px;font-weight:800;
  display:none;place-items:center;line-height:17px;text-align:center}
.header-actions .u-saved .saved-count:not(:empty){display:grid}

/* quick-access: always full width, responsive */
.quick-row{width:100%}
@media(max-width:520px){.quick-row{grid-template-columns:repeat(2,1fr)}}

/* RTL: mobile menu opens from the RIGHT (not left) */
html[dir=rtl] .mobile-drawer{inset-inline-start:0;inset-inline-end:auto;transform:translateX(105%)}
html[dir=rtl] .mobile-drawer.open{transform:translateX(0)!important}
.mobile-drawer{background:#0b1e4d;border-inline-start:1px solid var(--border)}
.mobile-drawer .md-head{border-bottom:1px solid var(--border);padding:16px}
.mobile-drawer .md-nav a{color:#dbe6fb;border-bottom:1px solid var(--border)}
.mobile-drawer .md-nav a:hover{color:var(--brand)}
.mobile-drawer .fl-img{height:52px}
.saved-panel{background:#0b1e4d}
.saved-panel .sp-head{border-bottom:1px solid var(--border);color:#fff}