/* css/style.css */

body { font-family: 'Tajawal', 'Inter', sans-serif; -webkit-font-smoothing: antialiased; background-color: #f8fafc; }
html[dir="rtl"] body { font-family: 'Tajawal', sans-serif; }
html[dir="ltr"] body { font-family: 'Inter', sans-serif; }
html { scroll-behavior: smooth; }

/* Header & Buttons */
.header-glass { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.btn-premium { background: linear-gradient(135deg, #b45309 0%, #d97706 100%); color: white; padding: 1rem 2.5rem; border-radius: 50px; font-weight: 700; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 25px -5px rgba(180, 83, 9, 0.4); display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.1); cursor: pointer;}
.btn-premium:hover { transform: translateY(-3px); box-shadow: 0 20px 35px -10px rgba(180, 83, 9, 0.6); }
.btn-whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.4); }
.btn-whatsapp:hover { box-shadow: 0 20px 35px -10px rgba(37, 211, 102, 0.6); }

/* Hero Section */
.hero-section { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 100px; }
.hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -2; transform: translate(-50%, -50%); object-fit: cover; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.95) 100%); z-index: -1; }

/* Forms & Inputs */
.modern-input { width: 100%; background: #ffffff; border: 1px solid #cbd5e1; color: #1e293b; border-radius: 1rem; padding: 1rem 1.25rem; transition: all 0.3s ease; outline: none; font-weight: 500; }
.modern-input:focus { border-color: #d97706; box-shadow: 0 0 0 4px rgba(180, 83, 9, 0.1); }
input[type="file"]::file-selector-button { border: none; background: #f1f5f9; padding: 0.5rem 1rem; border-radius: 0.5rem; color: #0f172a; cursor: pointer; transition: background .2s; font-weight: bold; margin-inline-end: 1rem; }

/* Titles & Cards */
.fancy-title { position: relative; display: inline-block; margin-bottom: 2rem; padding-bottom: 1rem; }
.fancy-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 4px; background: #d97706; border-radius: 2px; }
.service-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(0,0,0,0.05); }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); border-color: rgba(180, 83, 9, 0.3); }
.service-card:hover .service-icon { transform: scale(1.1) rotate(5deg); }

/* How it Works Connector */
.step-connector { position: absolute; top: 3rem; left: 12.5%; width: 75%; height: 2px; background: #e2e8f0; z-index: -1; }
html[dir="rtl"] .step-connector { right: 12.5%; left: auto; }
@media (max-width: 1024px) { .step-connector { display: none; } }

/* Preloader & Animations */
#preloader { transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s; }
#preloader.hidden { opacity: 0; visibility: hidden; }
.reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.loader { border: 3px solid rgba(180, 83, 9, 0.2); border-top: 3px solid #ffffff; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite; display: none; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Form Messages */
#form-message { display: none; padding: 1rem; border-radius: 0.75rem; margin-top: 1rem; text-align: center; font-weight: 700; }
#form-message.success { display: block; background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
#form-message.error { display: block; background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

/* Floating Socials */
.social-float { position: fixed; left: 20px; bottom: 30px; display: flex; flex-direction: column; gap: 15px; z-index: 1000; }
html[dir="rtl"] .social-float { left: auto; right: 20px; }
.social-circle { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.2); transition: all 0.3s ease; }
.social-circle:hover { transform: scale(1.15) translateY(-5px); }

/* News Ticker */
.ticker-wrap { width: 100%; background-color: #0f172a; color: white; height: 38px; display: flex; align-items: center; overflow: hidden; position: relative; border-top: 1px solid rgba(255,255,255,0.1); }
.ticker-label { background-color: #d97706; color: white; padding: 0 1.5rem; font-weight: 800; font-size: 0.8rem; height: 100%; display: flex; align-items: center; z-index: 10; position: relative; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; box-shadow: 2px 0 10px rgba(0,0,0,0.3); }
html[dir="rtl"] .ticker-label { box-shadow: -2px 0 10px rgba(0,0,0,0.3); }
.ticker-track { flex: 1; overflow: hidden; position: relative; height: 100%; }
.ticker-content { display: inline-flex; align-items: center; height: 100%; white-space: nowrap; position: absolute; animation: ticker-scroll-ltr 30s linear infinite; }
html[dir="rtl"] .ticker-content { animation: ticker-scroll-rtl 30s linear infinite; }
.ticker-wrap:hover .ticker-content { animation-play-state: paused; }
@keyframes ticker-scroll-ltr { 0% { left: 100%; transform: translateX(0); } 100% { left: 0; transform: translateX(-100%); } }
@keyframes ticker-scroll-rtl { 0% { right: 100%; transform: translateX(0); } 100% { right: 0; transform: translateX(100%); } }
.news-badge { display: inline-block; background-color: rgba(255,255,255,0.15); padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; margin: 0 8px; }

/* --- PROFILE SPECIFIC STYLES --- */
.profile-paper { background-color: #ffffff; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15); }
.section-marker { position: absolute; left: -1.5rem; top: 0.25rem; width: 6px; height: 2.5rem; background: linear-gradient(to bottom, #d97706, #f59e0b); border-radius: 0 4px 4px 0; }
html[dir="rtl"] .section-marker { left: auto; right: -1.5rem; border-radius: 4px 0 0 4px; }
.profile-hero-banner { background: linear-gradient(to right, rgba(10, 25, 47, 0.95), rgba(30, 58, 138, 0.85)), url('../images/bg-office.jpg') center/cover; background-color: #0a192f; }
.logo-card { background: white; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; }
.logo-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border-color: #cbd5e1; transform: scale(1.05); }

/* Print Styles */
@media print {
    body { background: white !important; background-image: none !important; }
    .profile-paper { box-shadow: none; max-width: 100%; padding: 0; border: none; }
    .no-print { display: none !important; }
    .profile-hero-banner { background: #0a192f !important; color: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .print-bg-slate { background-color: #f8fafc !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .print-bg-primary { background-color: #0a192f !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .print-text-white { color: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .logo-card { box-shadow: none !important; border: 1px solid #e2e8f0 !important; }
    .reveal { opacity: 1 !important; transform: none !important; }
}