/*
Theme Name : Dental Care Child
Description: Adds support for languages written in a Right To Left (RTL) direction.
Version:    1.13
*/
/* ==========================================================================
   Custom Font: Noto Kufi Arabic with Metric Overrides
   ========================================================================== */

/* 1. تعريف الخط البديل المعدل (Arial) ليطابق مقاسات Noto Kufi */
@font-face {
    font-family: 'Noto Kufi Fallback';
    src: local('Arial');
    ascent-override: 102%;
    descent-override: 28%;
    line-gap-override: 0%;
    size-adjust: 100%;
}

/* 2. تعريف الخط الأصلي الخاص بك مع خاصية swap */
@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url("fonts/NotoKufiArabic.woff2") format('woff2'), /* يفضل استخدام الرابط الكامل أو التأكد من المسار */
         url("fonts/NotoKufiArabic.woff") format('woff'),
         url("fonts/NotoKufiArabic.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 3. تطبيق الخطوط على الموقع (الأصلي أولاً ثم البديل المعدل) */
body,p,h1,h2,h3,h4,h5,h6, a, span, li {    font-family: 'Noto Kufi Arabic', 'Noto Kufi Fallback', sans-serif ;}

/* ==========================================================================
   Global Styles & Resets
   ========================================================================== */


/* Fix blockquote alignment for RTL */
blockquote {
    border-right: 5px solid #1f8bd3;
    border-left: 0;
}

/* Hide specific menu item */
li.menu-item.hidemepro {
    display: none;
}

/* Hide page title on the homepage */
body.home .page-title-wrapper {
    display: none;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

.header-twelve-bottom-header-wrapper {
    left: 0px;
    z-index: 1;
}

/* Main Navigation Font and Spacing */
.navbar-nav > li > a,
body.rtl .navbar-nav > li > a,
.header-thirteen .header-booking-btn a,
body.rtl .main-navigation a,
.side-mobile-menu .mobile-menu li a {
    font-family: "Noto Kufi Arabic", sans-serif;
    font-weight: bold;
    font-size: 16px;
}

body.rtl .logo-wrap,
body.rtl .main-navigation,
body.rtl .nav-icons-right {
    float: right;
    margin-top: 13px;
}

.header-one .main-navigation,
.header-eighteen .main-navigation,
.header-thirteen .main-navigation,
.header-eleven .main-navigation,
.header-nine .main-navigation {
    margin: 0 auto;
}

body.rtl .header-one .main-navigation,
body.rtl .header-nine .main-navigation,
body.rtl .header-eleven .main-navigation,
body.rtl .header-thirteen .main-navigation {
    margin-right: -25px;
    margin-left: auto;
}

/* Sticky Header Styles */
body.rtl .sticky-header-wrapper .main-navigation {
    margin: 0 auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.rtl .sticky-header-wrapper .logo-wrap {
    margin-right: 0;
    margin-left: 15px;
}

body.rtl header.sticky-header-wrapper[style*="top: 0px"] nav#site-navigation {
    margin-top: -15px;
    margin-bottom: 15px;
}

body.rtl header.sticky-header-wrapper[style*="top: 0px"] .logo-wrap {
    margin-top: -17px;
    margin-left: 0;
}

body.rtl header.sticky-header-wrapper[style*="top: 0px"] .row.bottom-header {
    justify-content: flex-start;
}
/* admin-bar */
body.rtl.admin-bar header.sticky-header-wrapper[style*="top: 30px"] nav#site-navigation {   margin-top: 0px;    margin-bottom: -15px;}

body.rtl.admin-bar header.sticky-header-wrapper[style*="top: 30px"] .logo-wrap {
    margin-top: -17px;
    margin-left: 0;
}

body.rtl.admin-bar header.sticky-header-wrapper[style*="top: 30px"] .row.bottom-header {
    justify-content: flex-start;
}
/* Header 3 Specific Styles */
body.rtl .header-three .bottom-header {
    width: 70%;
    top: -5px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    position: relative;
}

.header-three .header-three-contact-info {
    text-align: right;
    float: right;
    font-size: 13px;
}

.header-three .header-three-contact-info h6,
.header-three .header-three-contact-info p {
    font-size: 13px;
}

body.rtl .header-three .bottom-header-branding-contact {
    padding: 0 15px 0px 0;
}

body.rtl .header-three .icon-wrapper i.lnr.lnr-phone-handset:before {
    display: block;
    transform: rotate(270deg);
}

.social-icons-list li a[href*="tiktok.com"]::before {content: "\e07b";}

.strhld-breadcrumb .breadcrumb-trail .trail-begin::before {font-family: 'Font Awesome 6 Free';}

/* Custom Logo Shape */
body.rtl .site-logo a.navbar-brand {
    position: relative;
    z-index: 15;
}
nav#site-navigation {
    right: 66px;
}
body.rtl .site-logo:before {
    content: " ";
    position: absolute;
    background-color: #fff;
    z-index: 14;
    border-left: 2px solid #006dd2;
    border-right: 2px solid #006dd2;
    transform: skewX(156deg);
    top: 74px;
    margin-right: -37px;
    width: 220px;
    height: 158px;
}body.rtl .site-logo, .sticky-logo {
    max-width: 160px;
    height: auto;
    margin-bottom: -31px;
    margin-top: 26px;
}

/* Header 13 Specific Styles */
header.masthead.header-thirteen {
    padding: 10px;
}

/* Masthead General */
.masthead {
    padding: 0px 20px 0px 0;
}

/* RTL Specific Fixes */
body.rtl .navbar-nav > li {
    margin-left: 20px;
    margin-top: -10px;
}

body.rtl .col-md-6.header-top-left {
    margin-right: 160px;
}

body.rtl .header-two .navbar,
body.rtl .header-three .logo-title-wrap,
body.rtl .header-three .navbar,
body.rtl .header-four .logo-title-wrap,
body.rtl .header-four .navbar {
    float: none;
}

body.rtl.home .site-logo a.navbar-brand {
    margin-top: -4px;
    margin-left: 7px;
}

/* ==========================================================================
   Mobile Header Styles
   ========================================================================== */

@media screen and (max-width: 680px) {
    .header-mobile .contact-item h6,
    .header-mobile .contact-item p {
        font-size: 10px;
    }

    .header-mobile .contact-item {
        max-width: 50%;
        padding: 0;
    }

    .mobile-logo,
    .mobile-header-one .mobile-logo,
    .mobile-header .mobile-logo {
        width: 50%;
    }

    .header-mobile .contact-item.call-contact,
    .header-mobile .contact-item.opening-contact {
        display: none;
    }

    .header-mobile .social-contact .social-menu-wrapper {
        padding-left: 0;
    }
}

/* ==========================================================================
   Content & Slider Styles
   ========================================================================== */

/* Elementor Heading Title */
.elementor-2142 .elementor-element.elementor-element-d9a8f0b .heading-title-element {
    color: var(--e-global-color-primary);
    text-shadow: 0px 2px #fff;
}

/* My Slider Customization */
#myslider .swiper-slide {
    height: 650px;
}

#myslider .swiper-slide-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#myslider .swiper-slide-image {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */
   .strhld-breadcrumb .breadcrumb-trail .trail-begin::before {    content: '\e00d'; font-family: 'Font Awesome 6 free';   font-weight: 100;    font-size: 22px;    margin-bottom: -7px;}
footer i.fab.fa-facebook-f:before {
    content: '\f39e';
}footer i.fab.fa-youtube:before {
    content: '\f167';
}footer i.fab.fa-instagram:before {
    content: '\f16d';
}footer .fa-google:before {
    content: "\e07b"; /* tiktok */
}ul#menu-service-menu li:before {
    content: "";
    font-size: 15px;
    line-height: 25px;
    padding-left: 5px;
    color: wheat;
}

footer i.fab.fa-youtube,
footer i.fab.fa-instagram,
footer i.fab.fa-facebook-f,
footer i.fab.fa-google {    color: #fff;font-family: 'Font Awesome 6 Brands'; font-style: normal; padding: 5px;}

/* Custom Google Icon */
body.rtl .navbar-nav > li {    margin-left: 20px;    margin-top: -10px;
}
/* .strhld-breadcrumb .breadcrumb-trail .trail-begin:before ,.widget_nav_menu li:before ,#to-top:before,blockquote:before {font-family: 'Font Awesome 5 Free';}*/
/* .social-icon a[title="tiktok"]::before {font-family: "Font Awesome 5 Brands";font-weight: 400;font-size: 16px;color: #000;display: inline-block;}    */
    .mobile-logo-area {    padding-top: 0;}
    .dental-care-testimonials-item.slick-slide {height:200px;}
    body.rtl .header-three .bottom-header-branding-contact .col-md-4.book-appointment-contact a {
    padding: 5px 0 5px 10px ;
}li.menu-item.hidemepro {
    display: inline-block;
}html, body {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}body.rtl .navbar-nav > li {
    margin-left: 5px;
    margin-top: -12px;
}body.rtl {    direction: rtl;
}
body.rtl div#primary *:not(.carousel_arrow_nav_top),body.rtl .header-area-contact-info {
    direction: rtl;
}body.rtl .mf-form-wrapper .metform-form-content .mf-input,
body.rtl .metform-form-content input, 
body.rtl .metform-form-content textarea,
body.rtl aside#media_image-2 h5 {
    text-align: right !important;
}

body.rtl aside#media_image-2 h5 {
    font-size: 15px;
    line-height: 1.85;
    margin-right: 18px;
}
.header-three .header-three-contact-info a.customize-unpreviewable,
.elementor-element.elementor-element-515c70e a, body.rtl .header-mobile .contact-item.col-md-12.col-sm-12.col-xs-12.call-contact a {    direction: ltr !important;    unicode-bidi: embed;}
/*Header*/
.header-three .header-three-contact-info {
    max-width: 150px;
}body.rtl .header-mobile .social-contact .social-menu-wrapper {
    padding-left: 0;
    padding-right: 0px;
}

body.rtl .header-mobile .social-contact li {
    width: 15%;
}

body.rtl .header-three .bottom-header-branding-contact .col-md-4 {
    padding: 10px 0 5px 0;
}

.mobile-logo a {padding: 20px 10px;
}.header-mobile .icon-wrapper i{font-size:35px;}
@media (min-width: 1100px) {    body.rtl .site-logo:before {        top: 42px;    } }

@media (min-width: 769px) {
body.rtl .header-mobile .contact-item {
 display: block;
        width: 25%;
        padding-top: 0px;
        text-align: center;
    } .header-mobile{align-content: center;}
    body.rtl .header-mobile .contact-item.social-contact {
        height: 100px;
        margin-top: auto;
        margin-bottom: auto;
        align-content: center;
    }

    body.rtl .header-mobile .icon-wrapper {
        text-align: center;
        float: none;
        padding-bottom: 10px;margin-top:-10px;
    }.header-mobile .header-area-contact-info { width: 146px !important; }
    .header-mobile .header-area-contact-info *:not(.social-contact, .social-icon > a {
        width: 150px;
        font-size: 11px;
    }
.header-mobile .header-area-contact-info.booking-contact,
    .header-mobile .header-area-contact-info.booking-contact h6,
    .header-mobile .header-area-contact-info.booking-contact p {width: 100px;    }
}
@media screen and (max-width: 768px) {
    body.rtl .row.page-title-info { display: grid;    width: 100%;}
	body.rtl .mobile-logo-area {    padding: 0 0 20px 0;}
	body.rtl .header-mobile .contact-item { display: block;        width: 50%;        padding-top: 0px;        text-align: center;    }
    body.rtl .hekimogludental_logo:before { top: 40px; }
    body.rtl .mobile-logo-area { padding-top: 5px; }
    
    .mobile-logo img { margin-top: -30px; }
.contact-item.booking-contact, body.rtl .header-mobile .contact-item.col-md-12.col-sm-12.col-xs-12 {        border-right: 1px solid #ccc;    }

    .page-title-info {        display: inline-grid;        text-align: center;        width: 100%;    }
	#SR7_5_1 .metis.sr7-arrows {    width: 30px;    height: 30px;}.elementor-widget-image img {        width: 300px;        height: 155px;        aspect-ratio: 300 / 155;    }
    .elementor-location-header {        min-height: 150px;     }
}