/*
Theme Name: NEWS 24 SOCIAL MEDIA
Theme URI: https://www.news24socialmedia.in
Author: NEWS 24 SOCIAL MEDIA Tech Team
Author URI: https://www.news24socialmedia.in
Description: Professional, modern, fast, and responsive Marathi News Portal WordPress Theme designed specifically for NEWS 24 SOCIAL MEDIA. Fully compatible with Elementor Free & Pro, Gutenberg, Yoast/RankMath SEO, and Core Web Vitals optimization.
Version: 1.0.2
Tested up to: 6.7
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news24socialmedia
Tags: news, marathi, blog, two-columns, three-columns, right-sidebar, custom-menu, featured-images, theme-options, full-width-template, rtl-language-support
*/

:root {
  --primary-navy: #06285B;
  --primary-red: #D50000;
  --dark-text: #172033;
  --accent-gold: #FFC400;
  --light-bg: #F8FAFC;
  --border-color: #E2E8F0;
  --font-marathi: 'Mukta', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: var(--font-marathi);
  color: var(--dark-text);
  background-color: var(--light-bg);
  line-height: 1.65;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Fallback base styles */
a { text-decoration: none; color: inherit; transition: color 0.15s ease; }
ul, ol { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: transparent; }

/* Base Brand Color Fallbacks */
.bg-\[\#06285B\] { background-color: #06285B !important; }
.bg-\[\#D50000\] { background-color: #D50000 !important; }
.text-\[\#06285B\] { color: #06285B !important; }
.text-\[\#D50000\] { color: #D50000 !important; }
.text-\[\#FFC400\] { color: #FFC400 !important; }

/* Breaking Ticker Marquee with Hardware Acceleration */
.news24-ticker-marquee {
  display: flex;
  white-space: nowrap;
  animation: news24Ticker 35s linear infinite;
  will-change: transform;
}
.news24-ticker-marquee:hover {
  animation-play-state: paused;
}
@keyframes news24Ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

/* Card Transitions */
.news24-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.news24-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(6, 40, 91, 0.08);
}

.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }