/*
  Modern News Theme
  - Elegant, professional colors
  - RTL-friendly
  - Responsive grid/cards
  - SEO-friendly semantics (styles for headings, breadcrumbs, etc.)
  - Accessible focus states and contrast
*/

:root {
  --color-bg: #0f172a; /* slate-900 */
  --color-bg-elev: #111827; /* gray-900 */
  --color-panel: #0b1224; /* deep panel */
  --color-surface: #111827;
  --color-text: #e5e7eb; /* gray-200 */
  --color-text-soft: #cbd5e1; /* slate-300 */
  --color-muted: #64748b; /* slate-500 */
  --color-border: #1f2937; /* gray-800 */
  --color-primary: #a21caf; /* fuchsia-700 */
  --color-primary-600: #c026d3; /* fuchsia-600 */
  --color-accent: #22d3ee; /* cyan-400 */
  --color-success: #10b981; /* emerald-500 */
  --color-warning: #f59e0b; /* amber-500 */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.4);
}

html, body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: Vazir, IRANSans, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* General */
a { color: var(--color-accent); text-decoration: none; }
a:hover { color: var(--color-primary-600); }

img { border-radius: var(--radius-sm); }

.btn, .btn-primary {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  border: 0;
  color: #fff;
  padding: 10px 16px;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
}
.btn:hover, .btn-primary:hover { filter: brightness(1.08); box-shadow: var(--shadow-md); }

.container, .container-fluid { position: relative; }

/* Header */
.header {
  background: linear-gradient(180deg, rgba(17,24,39,.85), rgba(15,23,42,.85));
  border-bottom: 1px solid var(--color-border);
  backdrop-filter: blur(6px);
}

.topbar-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.topbar-today-date { color: var(--color-muted); font-size: 13px; }

.typing { color: var(--color-text); font-weight: 600; }
.typing .lbl-n-news { background: var(--color-warning); color: #111; padding: 2px 8px; border-radius: 999px; margin-inline-end: 8px; font-size: 12px; }
.nav-news button { background: transparent; border: 1px solid var(--color-border); color: var(--color-text); border-radius: 10px; padding: 2px 8px; margin: 0 4px; }
.nav-news button:hover { border-color: var(--color-accent); color: var(--color-accent); }

.c-navi { gap: 18px; }
.c-navi .logo img { height: 52px; width: auto; filter: drop-shadow(0 6px 18px rgba(0,0,0,.35)); }

.c-navi-new-list__categories > ul > li > a.main-menu,
.c-navi-new-list__categories > ul > li.main-menu > a {
  color: var(--color-text);
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
}
.c-navi-new-list__categories > ul > li > a.main-menu:hover { background: rgba(255,255,255,.06); }

.has-sub > .main-menu > a { color: var(--color-text); }
.has-sub > ul { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; box-shadow: var(--shadow-md); }
.has-sub ul li a { color: var(--color-text-soft); }
.has-sub ul li a:hover { color: #fff; }

/* Search */
.search-item .search-wrapper { background: var(--color-panel); border: 1px solid var(--color-border); border-radius: 14px; padding: 8px; box-shadow: var(--shadow-sm); }
.search-item .search-field { background: transparent; color: var(--color-text); border: 0; outline: none; }
.search-item .search-submit { background: var(--color-primary); border: 0; color: #fff; padding: 8px 12px; border-radius: 10px; }

/* Homepage */
.body-content { background: radial-gradient(1200px 600px at 100% -100%, rgba(34,211,238,.06), transparent 60%), radial-gradient(900px 400px at 10% 110%, rgba(162,28,175,.08), transparent 60%); }

.owl-slider .item .layer-slide,
.owl-blog .item .layer-slide,
.img-big-blog .layer-slide {
  position: absolute; inset: 0; display: flex; align-items: flex-end; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%);
  border-radius: var(--radius-md);
  padding: 20px;
}

.cat-name { display: inline-flex; align-items: center; gap: 6px; background: rgba(34,211,238,.14); color: #e0f2fe; padding: 4px 10px; border-radius: 999px; font-size: 12px; border: 1px solid rgba(34,211,238,.28); }
.title-big-blog, .c-project, .b-title-blog { font-weight: 800; color: #fff; letter-spacing: -.2px; }
.short-desc-big-blog, .b-short-desc, .news-short-desc { color: var(--color-text-soft); }

.crd-blog, .crd-add, .crd-author, .card.crd-info {
  background: linear-gradient(180deg, rgba(17,24,39,.95), rgba(17,24,39,.82));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  padding: 16px;
}

.subtitle, .subtitle-w { color: var(--color-text); font-weight: 800; letter-spacing: .1px; }
.subtitle .green-line, .subtitle-w .green-line { display: inline-block; height: 2px; width: 40px; background: linear-gradient(90deg, var(--color-accent), transparent); border-radius: 2px; margin-inline-start: 10px; }

.list-news-latest li { border-bottom: 1px dashed var(--color-border); padding: 10px 0; }
.list-news-latest h2 { font-size: 14px; font-weight: 700; color: var(--color-text); margin: 0; }
.list-news-latest .d-news { color: var(--color-muted); font-size: 12px; }

.lbl-list li a, .c-list-blog li a { background: rgba(255,255,255,.04); border: 1px solid var(--color-border); color: var(--color-text); padding: 6px 10px; border-radius: 999px; display: inline-block; }
.lbl-list li a:hover, .c-list-blog li a:hover { border-color: var(--color-accent); color: var(--color-accent); }

.f-list li + li { margin-top: 10px; }
.small-img-news img { width: 100px; height: 70px; object-fit: cover; border-radius: 10px; }

/* Article page */
.news-title { font-size: clamp(20px, 2.6vw, 34px); font-weight: 900; color: #fff; }
.news-lead { background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.25); color: #e2e8f0; padding: 14px 16px; border-radius: 14px; }
.share a { color: var(--color-text); border: 1px solid var(--color-border); padding: 8px; border-radius: 10px; }
.share a:hover { color: var(--color-accent); border-color: var(--color-accent); }

/* Breadcrumbs */
.breadcrumb-section { background: linear-gradient(180deg, rgba(17,24,39,.6), rgba(17,24,39,.1)); padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.breadcrumb .breadcrumb-item a { color: var(--color-text-soft); }
.breadcrumb .breadcrumb-item a:hover { color: var(--color-accent); }

/* Footer */
.footer { background: linear-gradient(180deg, rgba(17,24,39,1), rgba(10,14,24,1)); border-top: 1px solid var(--color-border); }
.sotial-footer img { filter: drop-shadow(0 4px 18px rgba(0,0,0,.35)); }
.copy { background: #0b1224; color: var(--color-muted); border-top: 1px solid var(--color-border); }
.back-to-top { position: fixed; inset-inline-end: 16px; inset-block-end: 16px; background: var(--color-primary); color: #fff; border-radius: 999px; width: 44px; height: 44px; display: grid; place-items: center; box-shadow: var(--shadow-lg); cursor: pointer; opacity: .9; }
.back-to-top:hover { opacity: 1; }

/* Utilities */
.sticky_column { position: sticky; top: 90px; }
.w-full-img img { width: 100%; height: auto; }

/* Animations */
@keyframes softFloat { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
.logo-mob img, .logo img { animation: softFloat 6s ease-in-out infinite; }

/* Responsive */
@media (max-width: 992px) {
  .c-navi { padding: 8px 12px; }
  .sticky_column { position: static; }
}

@media (prefers-color-scheme: light) {
  :root { --color-bg: #ffffff; --color-bg-elev: #fafafa; --color-panel: #ffffff; --color-surface: #ffffff; --color-text: #0f172a; --color-text-soft: #334155; --color-muted: #64748b; --color-border: #e5e7eb; }
  .footer, .copy { background: #f8fafc; }
}