/*
Theme Name: شاهد عيان
Theme URI: https://yourdomain.com/al-akhbar
Author: AI Assistant
Description: قالب إخباري عربي احترافي متكامل مع دعم كامل للغات (RTL) وتصميم عصري متجاوب مبني على Tailwind CSS. نسخة مطابقة للمعاينة الاحترافية.
Version: 2.0.0
Text Domain: al-akhbar
*/

@import "tailwindcss";

:root {
    --news-red: #cc0000;
    --news-blue: #003366;
    --news-dark: #1a1a1a;
}

body {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    background-color: #f8f9fa;
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
}

.font-serif {
    font-family: 'Amiri', serif !important;
}

/* Custom Swiper Bullet Styling */
.main-hero-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    height: 4px !important;
    width: 20px !important;
    border-radius: 4px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.main-hero-swiper .swiper-pagination-bullet-active {
    background: var(--news-red) !important;
    width: 40px !important;
}

/* Form Styling */
.search-field:focus {
    box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.1);
}

/* Reading Progress Bar (Bonus for high quality) */
#reading-progress {
    position: fixed;
    top: 0;
    right: 0;
    height: 3px;
    background: var(--news-red);
    z-index: 9999;
    width: 0%;
}