/*
Theme Name: الفهد لتأجير السيارات - ElFahd CAR RENTAL
Theme URI: https://wa.me/201027137079
Author: Abanob Gerges
Author URI: https://wa.me/201027137079
Description: قالب ووردبريس مخصص واحترافي لشركات تأجير السيارات في مصر والوطن العربي. يدعم الاتجاه من اليمين لليسار (RTL)، متجاوب بنسبة 100% مع كافة الشاشات، متوافق مع معايير الـ SEO، ويشمل لوحة تحكم كاملة ومربعات بيانات مخصصة لمعرض الصور وسلايدر الزوم والأسعار والمواصفات ونظام CRM لإدارة الحجوزات.
Version: 1.2.0
Requires at least: 5.8
Tested up to: 6.7
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: alfahdauto
Tags: car-rental, rtl-language-support, custom-menu, custom-logo, featured-images, theme-options, translation-ready
*/

/* ==========================================================================
   Base Theme Variables & Reset Styles
   ========================================================================== */
:root {
    --brand-red: #dc2626;
    --brand-red-hover: #b91c1c;
    --brand-red-light: #fef2f2;
    --brand-red-border: #fecaca;
    --brand-dark: #1e2329;
    --brand-charcoal: #111827;
    --brand-surface: #ffffff;
    --brand-gray-bg: #f8fafc;
    --brand-border: #e2e8f0;
    --brand-whatsapp: #25D366;
    --brand-whatsapp-hover: #20bd5a;
}

body {
    font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background-color: var(--brand-gray-bg);
    color: var(--brand-charcoal);
    direction: rtl;
    text-align: right;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* بطاقات وتأثيرات التحويم */
.card-hover {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1);
    border-color: #fca5a5;
}

/* الخط الأحمر الفاصل المميز للهوية */
.brand-red-divider {
    height: 2px;
    background-color: var(--brand-red);
    width: 100%;
}

/* شريط السلايدر المتحرك اللانهائي للشركاء */
@keyframes marquee-scroll-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

.marquee-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll-rtl 28s linear infinite;
}

.marquee-track:hover {
    animation-play-state: paused;
}

/* تأثير الزوم في صفحة السيارة */
@media (min-width: 1024px) {
    .zoom-container {
        overflow: hidden;
        cursor: crosshair;
    }
    .zoom-container img {
        transition: transform 0.2s ease-out;
        transform-origin: center center;
    }
    .zoom-container:hover img {
        transform: scale(2.2);
    }
}

.mobile-zoom-img {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform-origin: center center;
}

.thumb-active {
    border-color: var(--brand-red) !important;
    opacity: 1 !important;
}

/* أزرار الفلترة النشطة */
.category-btn.active {
    background-color: var(--brand-red) !important;
    color: #ffffff !important;
    border-color: var(--brand-red) !important;
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.25);
}