/*
Theme Name: Medical Coordination Iraq - المنصة الوطنية للتنسيق الطبي
Theme URI: https://medical-coordination-iraq.com
Author: Medical Coordination Iraq Team
Author URI: https://medical-coordination-iraq.com
Description: قالب وردبريس تخصصي متكامل وسريع للمنصة الوطنية الأولى للتنسيق الطبي والجراحي في جمهورية العراق. يحتوي على دليل الأطباء والاستشاريين، المجمعات والمستشفيات، مستودعات المعدات الطبية، والبهو الطبي مع دعم كامل للـ RTL ومحسن الأداء للتصفح السريع.
Version: 2.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medical-coordination-iraq
Tags: medical, doctors, clinic, hospital, iraq, tailwind, rtl, custom-post-types, fast-loading
*/

/* Core CSS & Cairo Typography */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --brand-blue: #2563eb;
    --brand-dark: #0f172a;
    --brand-emerald: #059669;
    --brand-amber: #d97706;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    direction: rtl;
    text-align: right;
    background-color: #f8fafc;
    color: #0f172a;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Fast Rendering Fallbacks */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Utility Animations */
@keyframes pulse-subtle {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.animate-pulse-subtle {
    animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* WordPress Core Alignment Classes */
.alignleft { float: right; margin: 0 0 1em 1em; }
.alignright { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }