/*
Theme Name: Nishavarta
Theme URI: https://example.com/nishavarta
Author: Nishavarta Development Team
Author URI: https://example.com
Description: Nishavarta is a modern, responsive, multilingual and AdSense-optimized news WordPress theme. It includes a multi-level header, attractive homepage with category containers, and custom post layout with summary, featured image, and floating headlines.
Version: 1.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nishavarta
Tags: news, magazine, adsense-ready, custom-layout, responsive, rtl-language-support

*/

/* Import TailwindCSS (if compiled via build tool) */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Fallback body styling */
body {
    font-family: 'Noto Sans Devanagari', 'Helvetica', sans-serif;
    background-color: #fdfdfd;
    color: #111827;
    margin: 0;
    padding: 0;
}

/* Typography Tokens */
h1, h2, h3, h4 {
    font-weight: 700;
    line-height: 1.2;
}
p {
    margin-bottom: 1rem;
}

/* Color Utilities */
.text-orange-part {
    color: #f97316; /* Tailwind's orange-500 */
}
.text-green-part {
    color: #16a34a; /* Tailwind's green-600 */
}
.text-black-part {
    color: #000000;
}

/* Header Sections */
.header-top {
    padding: 0.25rem 1rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-middle {
    padding: 0.5rem 1rem;
    background-color: #f3f4f6;
    overflow-x: auto;
    white-space: nowrap;
}
.header-bottom {
    padding: 0.4rem 1rem;
    background-color: #1f2937;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Floating News Headline Animation */
.floating-news {
    animation: scroll-left 20s linear infinite;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Button Style */
.nishavarta-button {
    background-color: #e11d48;
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 0.375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease;
}
.nishavarta-button:hover {
    background-color: #be123c;
}
