/* 
 * تحديث ألوان الموقع وخط Cairo
 * Color Override & Cairo Font Stylesheet
 * التاريخ: 18 أكتوبر 2025
 */

/* ===================================
   تطبيق خط Cairo على كامل الموقع
   =================================== */

* {
    font-family: 'Cairo', sans-serif !important;
}

body {
    font-family: 'Cairo', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', sans-serif !important;
}

p, span, a, button, input, textarea, select, label {
    font-family: 'Cairo', sans-serif !important;
}

.btn, .navbar, .form-control, .card {
    font-family: 'Cairo', sans-serif !important;
}

/* ===================================
   تغيير الألوان الرئيسية
   =================================== */

/* تغيير اللون الأزرق الغامق إلى #2f66a3 */
h1, h2, h3, h4, h5, h6 {
    color: #2f66a3 !important;
}

.form-label {
    color: #2f66a3 !important;
}

.pagination .page-item .page-link {
    color: #2f66a3 !important;
}

footer {
    background-color: #2f66a3 !important;
}

.home-page .quality-section .doctor-desc {
    background-color: #2f66a3 !important;
}

.ui-datepicker .ui-state-active, 
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-state-hover, 
.ui-datepicker .ui-datepicker-next-hover {
    background: #2f66a3 !important;
    border: #2f66a3 !important;
}

/* تغيير اللون البرتقالي إلى #ff751f */
header .navbar .navbar-nav .nav-item .nav-link.active,
header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ff751f !important;
}

header .navbar .navbar-nav .nav-item .nav-link.active::after,
header .navbar .navbar-nav .nav-item .nav-link:hover::after {
    background-color: #ff751f !important;
}

.btn-primary {
    background-color: #ff751f !important;
    border-color: #ff751f !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #e66619 !important;
    border-color: #e66619 !important;
}

.form-check .form-check-input:checked {
    border-color: #ff751f !important;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item.active .page-link {
    background-color: #ff751f !important;
    color: #ffffff !important;
}

.card-hover .card:hover {
    background-color: #ff751f !important;
    border-color: #ff751f !important;
}

.slick-slider .slick-arrow {
    background-color: #ff751f !important;
}

.slick-slider .slick-arrow:hover {
    color: #ff751f !important;
    border: 1px solid #ff751f !important;
}

.slick-slider ul.slick-dots li.slick-active button {
    background-color: #ff751f !important;
}

footer .social-list li {
    background-color: #ff751f !important;
}

.home-page .achievements-section .achievement-number::after {
    background-color: #ff751f !important;
}

.home-page .easy-solution-section .solution-card:nth-child(2) .icon-box {
    background-color: rgba(255, 117, 31, 0.1) !important;
    color: #ff751f !important;
}

.appointment-page .contact-details-section .contact-details-block:nth-child(2) .icon-details-box,
.contact-page .information-section .information-block:nth-child(2) .icon-information-box {
    background-color: #FFF4ED !important;
    color: #ff751f !important;
}

.about-page .about-overview::before {
    background-color: #ff751f !important;
}

/* ===================================
   ألوان الأيقونات في الهيدر
   =================================== */

/* تحديث ألوان أيقونات السوشيال ميديا */
.header-social-link[aria-label="Twitter"] {
    background: linear-gradient(135deg, #2f66a3 0%, #1e4a78 100%) !important;
}

.header-social-link[aria-label="Twitter"]:hover {
    background: linear-gradient(135deg, #1e4a78 0%, #0d2f4f 100%) !important;
}

/* ===================================
   زر واتساب
   =================================== */
/* يبقى باللون الأخضر الأصلي */
.whatsapp-float {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
}

.whatsapp-float:hover {
    background: linear-gradient(135deg, #128C7E 0%, #075E54 100%) !important;
}

/* ===================================
   الأزرار الأخرى
   =================================== */

.btn-success {
    background-color: #ff751f !important;
    border-color: #ff751f !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #e66619 !important;
    border-color: #e66619 !important;
}

.go-top {
    background-color: #ff751f !important;
}

.go-top:hover {
    background-color: #e66619 !important;
}