/* ocr-style.css */

/* خطوط مخصصة */
body { font-family: 'Outfit', 'Tajawal', sans-serif; }

/* تأثيرات شريط التحميل */
.loading-bar {
    background: linear-gradient(90deg, #7e22ce 0%, #5D5CDE 50%, #7e22ce 100%);
    background-size: 200% 100%;
    animation: gradientMove 1.5s infinite linear;
}
@keyframes gradientMove { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }

/* زر القهوة العائم */
@keyframes float-wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.floating-coffee-btn { animation: float-wave 4s ease-in-out infinite; }
.floating-coffee-btn:hover { animation-play-state: paused; }

/* تخصيص شريط التمرير (Scrollbar) */
textarea::-webkit-scrollbar { width: 8px; }
textarea::-webkit-scrollbar-track { background: transparent; }
textarea::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 20px; }
.dark textarea::-webkit-scrollbar-thumb { background-color: #4b5563; }

/* تنسيق النافذة المنبثقة (Modal) */
#newsletter-modal-overlay { 
    display: none; 
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: fixed; 
    inset: 0; 
    z-index: 2002; 
    background-color: rgba(0, 0, 0, 0.6); 
    align-items: center; 
    justify-content: center; 
}
#newsletter-modal-overlay.visible { display: flex; }
#newsletter-modal-content { transform: scale(0.95); opacity: 0; transition: all 0.3s ease-in-out; }
#newsletter-modal-overlay.visible #newsletter-modal-content { transform: scale(1); opacity: 1; }

/* تأثيرات الظهور */
.fade-in { 
    opacity: 0; 
    transform: translateY(20px); 
    animation: fadeInUp 0.6s ease-out forwards; 
}
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
/* === Tools Navigation Bar Styles === */
.tools-nav-scroll {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px; /* مسافة للظل */
    scrollbar-width: none; /* إخفاء السكرول بار لفايرفوكس */
}
.tools-nav-scroll::-webkit-scrollbar {
    display: none; /* إخفاء السكرول بار لكروم */
}

.tools-nav-conteiner {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.7); /* خلفية شفافة للنهاري */
    backdrop-filter: blur(10px);
    border-radius: 9999px; /* شكل كبسولة */
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.dark .tools-nav-conteiner {
    background-color: rgba(31, 41, 55, 0.6); /* خلفية شفافة لليلي */
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.tool-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500;
    transition: all 0.3s ease;
    color: #4b5563; /* text-gray-600 */
    white-space: nowrap;
}

.dark .tool-nav-btn {
    color: #d1d5db; /* text-gray-300 */
}

.tool-nav-btn:hover {
    background-color: rgba(126, 34, 206, 0.1); /* لون Primary شفاف */
    color: #7e22ce; /* Primary */
}

/* الزر النشط (الأداة الحالية) */
.tool-nav-btn.active {
    background-color: #7e22ce; /* Primary */
    color: white;
    box-shadow: 0 4px 12px rgba(126, 34, 206, 0.3);
}