/*
Theme Name: Alsham International
Description: قالب احترافي لشركة الشام الدولية (ونش وكرين سيارات) معتمد على Tailwind CSS
Author: الشام الدولية
Version: 1.0
Text Domain: alsham
*/

/* Custom Styles & Performance Tweaks */
body { font-family: 'Tajawal', sans-serif; -webkit-tap-highlight-color: transparent; }

/* Preloader */
#preloader {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: #0f172a; z-index: 9999;
    display: flex; justify-content: center; align-items: center; flex-direction: column;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}
.loader-logo { width: 180px; animation: glow-pulse 2s infinite ease-in-out; }
@keyframes glow-pulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(220, 38, 38, 0.4)); }
    50% { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(220, 38, 38, 0.8)); }
}
@keyframes load { 0% { width: 0; } 100% { width: 100%; } }

/* Floating Contact Button */
.floating-btn { animation: pulse 2s infinite; }
@keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
    50% { box-shadow: 0 0 0 15px rgba(220, 38, 38, 0); }
}

/* Gallery/Images */
.img-container { overflow: hidden; position: relative; }
.img-container img { transition: transform 0.5s ease; }
.img-container:hover img { transform: scale(1.1); }

/* Marquee Animation */
.marquee-container { display: flex; overflow: hidden; user-select: none; gap: 1rem; }
.marquee-content { display: flex; flex-shrink: 0; justify-content: space-around; min-width: 100%; gap: 1rem; animation: scroll 35s linear infinite; }
@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(100%); } }
.marquee-content:hover { animation-play-state: paused; }

/* FAQ Styling */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }