/**
 * Modern News Portal - Redesign
 * Theme colors: #E2332F (accent/red), #1A1818 (dark)
 */

/* ========== CSS Variables ========== */
:root {
  --news-white: #ffffff;
  --news-bg: #f8f9fa;
  --news-bg-card: #ffffff;
  --news-gray-100: #f1f3f5;
  --news-gray-200: #e9ecef;
  --news-gray-300: #dee2e6;
  --news-gray-500: #6c757d;
  --news-gray-700: #495057;
  --news-gray-900: #1A1818;
  --news-accent: #E2332F;
  --news-accent-hover: #c42b28;
  --news-accent-soft: #fdeaea;
  --news-breaking: #E2332F;
  --news-dark: #1A1818;
  --news-border: rgba(0, 0, 0, 0.08);
  --news-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --news-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
  --news-radius: 8px;
  --news-radius-lg: 12px;
  --news-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --news-font-heading: var(--news-font);
  --news-transition: 0.2s ease;
}

/* ========== Typography ========== */
.news-modern,
.news-modern body {
  font-family: var(--news-font);
  color: var(--news-gray-900);
  background-color: var(--news-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.news-modern h1, .news-modern h2, .news-modern h3, .news-modern h4, .news-modern h5 {
  font-family: var(--news-font-heading);
  font-weight: 600;
  line-height: 1.3;
  color: var(--news-gray-900);
}

.news-modern a {
  color: inherit;
  text-decoration: none;
  transition: color var(--news-transition);
}

.news-modern a:hover {
  color: var(--news-accent);
}

/* ========== Sticky Header / Navbar ========== */
.news-modern .main-header-wrapper {
  background: var(--news-white) !important;
  box-shadow: var(--news-shadow);
  position: sticky;
  top: 0;
  z-index: 1030;
  transition: box-shadow var(--news-transition);
}

.news-modern .main-header-wrapper.news-nav-scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.news-modern .top-header {
  background: var(--news-dark) !important;
  border-bottom: 1px solid var(--news-gray-200);
  padding: 0.4rem 0;
}

.news-modern .top-header a {
  color: var(--news-gray-700);
  font-size: 0.875rem;
}

.news-modern .navbar {
  padding: 0.75rem 0 !important;
  background: var(--news-white) !important;
  border: none !important;
}

.news-modern .navbar-brand img {
  max-height: 36px;
  width: auto;
}
.news-head-cat-inn ul {
    gap: 0px 47px!important;
       justify-content: center;
}


.news-head-cat-inn ul li:after {
    right: -24px!important;}

.news-modern .navbar-nav .nav-link {
  color: var(--news-gray-700) !important;
  font-weight: 500;
  padding: 0.5rem 1rem !important;
  border-radius: var(--news-radius);
}

.news-modern .navbar-nav .nav-link:hover,
.news-modern .navbar-nav .nav-link.active {
  color: var(--news-accent) !important;
  background: var(--news-accent-soft);
}

.news-modern .nav-right .login-btn a {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.4rem 0.9rem;
  border-radius: var(--news-radius);
  background: var(--news-accent);
  color: var(--news-white) !important;
}

.news-modern .nav-right .login-btn a:hover {
  background: var(--news-accent-hover);
  color: var(--news-white) !important;
}

/* ========== Category bar (below nav) ========== */
.news-modern .news-category-head-bar {
  background: var(--news-white);
  border-bottom: 1px solid var(--news-gray-200);
  padding: 0.6rem 0;
}

.news-modern .news-head-cat-inn ul li a {
  color: var(--news-gray-700);
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.35rem 0.75rem;
  border-radius: var(--news-radius);
}

.news-modern .news-head-cat-inn ul li a:hover {
  color: var(--news-accent);
  background: var(--news-accent-soft);
}

/* ========== Breaking news bar ========== */
.news-modern .breaking-news-bar {
  background: linear-gradient(90deg, var(--news-breaking) 0%, #c82333 100%);
  color: var(--news-white);
  padding: 0.6rem 0;
}

.news-modern .breaking-news-bar .bar-con h5 span {
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.news-modern .breaking-news-bar .bar-con .breaking-news-slide .item a h5 {
  color: var(--news-white);
  font-size: 0.95rem;
  font-weight: 500;
  margin: 0;
}

.news-modern .breaking-news-bar .bar-con .breaking-news-slide .item a:hover h5 {
  text-decoration: underline;
}

/* ========== Banner section ========== */
.news-modern .full-banner-section {
  margin-bottom: 1.5rem;
}

.news-modern .full-banner-item .banner-image {
  border-radius: var(--news-radius-lg);
  overflow: hidden;
  box-shadow: var(--news-shadow);
}

.news-modern .full-banner-item .banner-image img {
  width: 100%;
  height: auto;
  display: block;
}

.news-modern .full-banner-item .banner-title h3 {
  font-size: 1.25rem;
  margin: 0;
  color: var(--news-white);
}


.news-modern .top-stories-wrapp.world-60-seconds {
  background: var(--news-accent-soft);
  padding: 2rem 0;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
}

.news-modern .top-stories-wrapp.world-60-seconds .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.news-modern .top-stories-wrapp.world-60-seconds .top-stories-inner {
  background: #fff8f0 !important;
  box-shadow: var(--news-shadow);
}

/* ========== Hero / Main content area ========== */
.news-modern .hero-wrapp {
  padding: 1.5rem 0;
}

/* Section titles */
.news-modern .top-stories-head h3,
.news-modern .new-sec-news-head h3,
.news-modern .section-heading h2,
.news-modern .section-heading h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--news-gray-900);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid var(--news-accent);
  display: inline-block;
}

/* ========== News cards (sliders) ========== */
.news-modern .top-stories-wrapp {
 
}
.top-stories-head {
    margin-bottom: 3px !important;
}

.top-stories-inner.second-category {
    background: #fff8f0 !important;
}
.news-modern .top-stories-inner {
  background: var(--news-bg-card);
  border-radius: var(--news-radius-lg);
  padding: 1.5rem;
  box-shadow: var(--news-shadow);
  border: 1px solid var(--news-border);
}

.news-modern .gulf-box,
.news-modern .word-image {
  background: var(--news-bg-card);
  border-radius: var(--news-radius);
  overflow: hidden;
  border: 1px solid var(--news-border);
  transition: box-shadow var(--news-transition), transform var(--news-transition);
  height: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.news-modern .gulf-box:hover,
.news-modern .word-image:hover {
  box-shadow: var(--news-shadow-hover);
  transform: translateY(-2px);
}

.news-modern .gulf-box img,
.news-modern .word-image img {
  width: 100%;
height: 170px !important;
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px !important;  object-fit: cover;
  display: block;
}

.news-modern .gulf-box h4,
.news-modern .word-image h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0.75rem 1rem 1rem;
  line-height: 1.4;
}

.news-modern .gulf-box a,
.news-modern .word-image a {
  display: block;
  color: var(--news-gray-900);
}

.news-modern .gulf-box a:hover,
.news-modern .word-image a:hover {
  color: var(--news-accent);
}

/* ========== Sidebar - Trending ========== */
.news-modern .trending-headline {
  background: var(--news-bg-card);
  border-radius: var(--news-radius-lg);
  padding: 1.25rem;
  box-shadow: var(--news-shadow);
  border: 1px solid var(--news-border);
}

.news-modern .trending-headline-inn h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--news-gray-900);
  border-bottom: 3px solid var(--news-accent);
  padding-bottom: 0.5rem;
  display: inline-block;
}

.news-modern .trending-headline-inn ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-modern .trending-headline-inn ul li {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--news-gray-200);
  align-items: flex-start;
}

.news-modern .trending-headline-inn ul li:last-child {
  border-bottom: none;
}

.news-modern .trending-headline-inn ul li img {
  width: 80px;
  min-width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--news-radius);
}

.news-modern .trending-headline-inn ul li h5 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.4;
}

.news-modern .trending-headline-inn ul li h5 a {
  color: var(--news-gray-900);
}

.news-modern .trending-headline-inn ul li h5 a:hover {
  color: var(--news-accent);
}

/* ========== New section - Kashmir News / Top stories list ========== */
.news-modern .new-section-wrapp {
  padding: 1.5rem 0 2rem;
}

.news-modern .new-sec-news-wrapp {
  background: var(--news-bg-card);
  border-radius: var(--news-radius-lg);
  padding: 1.5rem;
  box-shadow: var(--news-shadow);
  border: 1px solid var(--news-border);
}

.news-modern .new-sec-news-wrapp ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-modern .new-sec-news-wrapp .top-st-box {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--news-gray-200);
  transition: background var(--news-transition);
}

.news-modern .new-sec-news-wrapp .top-st-box:hover {
  background: var(--news-gray-100);
  margin: 0 -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: var(--news-radius);
}

.news-modern .new-sec-news-wrapp .top-st-box a img {
  width: 140px;
  min-width: 140px;
  height: 95px;
  object-fit: cover;
  border-radius: var(--news-radius);
}

.news-modern .new-sec-news-con h4 {
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
  line-height: 1.4;
}

.news-modern .new-sec-news-con h4 a {
  color: var(--news-gray-900);
}

.news-modern .new-sec-news-con h4 a:hover {
  color: var(--news-accent);
}

.news-modern .new-sec-news-con h5 {
  font-size: 0.8rem;
  color: var(--news-gray-500);
  margin: 0;
  font-weight: 400;
}

.news-modern .ts-cat {
  color: var(--news-accent);
  font-weight: 500;
}

/* ========== Sidebar - Latest / Most Read tabs ========== */
.news-modern .most-read-wrapp {
  background: var(--news-bg-card);
  border-radius: var(--news-radius-lg);
  padding: 1.25rem;
  box-shadow: var(--news-shadow);
  border: 1px solid var(--news-border);
}

.news-modern .most-read-wrapp .nav-pills .nav-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--news-gray-700);
  border-radius: var(--news-radius);
  padding: 0.5rem 1rem;
  margin-right: 0.25rem;
}

.news-modern .most-read-wrapp .nav-pills .nav-link.active {
  background: var(--news-accent);
  color: var(--news-white);
}

.news-modern .most-read-wrapp .news-tab-data .top-st-box {
  display: flex;
  gap: 0.75rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--news-gray-200);
}

.news-modern .most-read-wrapp .news-tab-data .top-st-box:last-child {
  border-bottom: none;
}

.news-modern .most-read-wrapp .news-tab-data img {
  width: 70px;
  min-width: 70px;
  height: 52px;
  object-fit: cover;
  border-radius: var(--news-radius);
}

.news-modern .most-read-wrapp .news-tab-data .new-sec-news-con h4 {
  font-size: 0.9rem;
  margin: 0;
}

/* ========== Ad placement (banner in sidebar) ========== */
.news-modern .full-banner-section .full-banner-item .banner-image {
  border: 1px solid var(--news-border);
}

/* ========== Short video section ========== */
.news-modern .short-news-section {
  padding: 1.5rem 0;
}

.news-modern .short-video-card {
  border-radius: var(--news-radius);
  overflow: hidden;
  border: 1px solid var(--news-border);
  background: var(--news-bg-card);
  transition: box-shadow var(--news-transition);
}

.news-modern .short-video-card:hover {
  box-shadow: var(--news-shadow-hover);
}

/* ========== Footer ========== */
.news-modern .footer-1.footer-3 {
  background: var(--news-dark) !important;
  color: var(--news-gray-300);
  padding: 2.5rem 0 0;
  margin-top: 2rem;
}

.news-modern .footer-1 .single-footer-wid .wid-title {
  color: var(--news-white) !important;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.news-modern .footer-1 .single-footer-wid ul li {
  margin-bottom: 0.5rem;
}

.news-modern .footer-1 .single-footer-wid ul li a {
  color: var(--news-gray-300);
  font-size: 0.9rem;
}

.news-modern .footer-1 .single-footer-wid ul li a:hover {
  color: var(--news-white);
}

.news-modern .footer-1 .description p {
  color: var(--news-gray-300);
  font-size: 0.9rem;
  line-height: 1.6;
}

.news-modern .footer-1 .footer-logo img {
  opacity: 0.95;
}

.news-modern .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 0 !important;
  margin-top: 1.5rem !important;
}

.news-modern .footer-bottom .coppyright {
  color: var(--news-gray-500);
  font-size: 0.85rem;
}

.news-modern .news-form-input .form-control {
  border-radius: var(--news-radius);
  border: 1px solid var(--news-gray-300);
}

.news-modern .news-form-input .btn {
  border-radius: 0 var(--news-radius) var(--news-radius) 0;
  background: var(--news-accent);
  border-color: var(--news-accent);
}

.news-modern .news-foot-social .social-profile ul li a {
  color: var(--news-gray-300);
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  transition: background var(--news-transition), color var(--news-transition);
}

.news-modern .news-foot-social .social-profile ul li a:hover {
  background: var(--news-accent);
  color: var(--news-white);
}

/* ========== Container spacing ========== */
.news-modern .container {
  max-width: 1200px;
}

.news-modern section {
  position: relative;
}

/* ========== Utility ========== */
.news-modern .ancher-head {
  color: inherit;
}

.news-modern .ancher-head:hover {
  color: var(--news-accent);
}

/* Owl carousel nav tweaks */
.news-modern .owl-carousel .owl-nav button {
  background: var(--news-bg-card) !important;
  color: var(--news-gray-700) !important;
  border-radius: 50%;
  box-shadow: var(--news-shadow);
}

.news-modern .owl-carousel .owl-nav button:hover {
  background: var(--news-accent) !important;
  color: var(--news-white) !important;
}