/*
Theme Name: Zakra Child
Theme URI: https://dr-mohammed-abdelgayed.com
Description: Child theme for Zakra theme customized for Dr. Mohammed Abdel-Gayed Clinic
Author: Your Name
Author URI: https://dr-mohammed-abdelgayed.com
Template: zakra
Version: 1.0.0
Text Domain: zakra-child
*/

/* Import parent theme styles */
@import url("../zakra/style.css");

/* Custom styles for Dr. Mohammed Abdel-Gayed Clinic */

/* Import Google Font (Almarai) */
@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");


html[lang^="ar"] body,
html[lang^="ar"] p,
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] li,
html[lang^="ar"] a,
html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] button,
html[lang^="ar"] select,
html[lang^="ar"] option,
html[lang^="ar"] input::placeholder,
html[lang^="ar"] textarea::placeholder{
    font-family: "Almarai", sans-serif !important;
}

html[lang^="ar"] td , html[lang^="ar"] thead{
        text-align : right;
        font-family: "Almarai", sans-serif !important;

}


.widget li a {
        text-decoration: none !important;
}
/* Brand Colors */
:root {
    --zakra-primary-color: #171f69; /* Dark Navy */
    --zakra-accent-color: #0060a9; /* Medium Blue */
}

/* Header and Navigation */
.site-header {
    background-color: var(--zakra-primary-color) !important;
}

.main-navigation a {
    color: white !important;
}

.main-navigation a:hover {
    color: var(--zakra-accent-color) !important;
}

/* Buttons and CTAs */
.zak-button,
button, 
input[type="submit"] {
    background-color: var(--zakra-accent-color) !important;
    border-color: var(--zakra-accent-color) !important;
}

.zak-button:hover {
    background-color: #171f69 !important;
}

/* Hero Section Enhancements */
.hero-section {
    background-color: #f8f9fa;
}

/* Services Cards */
.service-card {
    border-left: 5px solid var(--zakra-accent-color);
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 96, 169, 0.1);
}

/* RTL Support for Arabic */
.rtl .main-navigation {
    text-align: right;
}



/* Custom style */

.custom-logo-link{
   width : 250px; 
}

.main-navigation a {
    color: #505050 !important;
}