/*
Theme Name: El-Alamya Theme
Theme URI: https://elalamya-kw.com
Description: قالب مخصص لموقع الشركة العالمية لخدمات البنشر والكراج المتنقل في الكويت.
Author: elnour-marketing
Author URI: https://elnour-marketing.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elalamya
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, translation-ready
*/

/* Custom Styles for things Tailwind doesn't cover easily */
html, body {
    overflow-x: hidden;
}
body {
    font-family: 'Cairo', sans-serif;
}
.hero-bg {
    background-image: linear-gradient(rgba(17, 24, 39, 0.8), rgba(30, 58, 138, 0.7)), url('https://images.unsplash.com/photo-1619642751034-765dfdf7c58e?auto=format&fit=crop&q=80&w=1920');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.floating-btn {
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.marquee-container {
    overflow: hidden;
    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-content {
    display: flex;
    width: max-content;
    animation: marquee 20s linear infinite;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); } /* Positive % for RTL direction */
}
.marquee-content:hover {
    animation-play-state: paused;
}

/* Menu Styles */
#primary-menu, #mobile-nav-menu, footer ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

#primary-menu li, #mobile-nav-menu li, footer ul li {
    list-style: none !important;
}

#primary-menu a {
    color: #4b5563;
    font-weight: 700;
    transition: color 0.3s;
    text-decoration: none;
}

#primary-menu a:hover {
    color: #f59e0b;
}

.current-menu-item > a {
    color: #1e3a8a !important;
}

#mobile-nav-menu a {
    display: block;
    padding: 0.5rem;
    color: #4b5563;
    font-weight: 700;
    text-decoration: none;
}

#mobile-nav-menu a:hover {
    color: #1e3a8a;
    background-color: #f3f4f6;
    border-radius: 0.5rem;
}

footer .menu-item a {
    color: #9ca3af;
    transition: color 0.3s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

footer .menu-item a:hover {
    color: #f59e0b;
}

footer .menu-item a::before {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.75rem;
}