/*
Theme Name: MedicalPress Child Theme
Theme URI: http://themeforest.net/item/medicalpress-health-and-medical-wordpress-theme/7789703
Description: Child theme for MedicalPress, which is a premium theme for health and medical related websites. MedicalPress has various features that are suitable for doctors, dentists, surgeons, hospitals, health clinics and other types of health and medical related institutions.
Author: Inspiry Themes
Author URI: http://themeforest.net/user/InspiryThemes
Version: 1.4
Text Domain: inspiry-medicalpress
Template: inspiry-medicalpress
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, right-sidebar, responsive-layout, featured-images, full-width-template, threaded-comments, microformats, post-formats, translation-ready, one-column, two-columns, three-columns, four-columns, custom-menu, theme-options
*/

@media (min-width: 1200px) {
    .sticky-header-wrap .sticky-menu a {
        padding-right: 17px;
        padding-left: 17px;
        font-size: 12,5px !important;
    }
}

.trp-shortcode-switcher {
    padding: 0px 0 !important;
}

/* Global Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, 
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

.container {
  max-width: 1260px;   
}

:root {
    --container-max-width: 1260px;
}

.elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-parent.e-con-boxed > .e-con-inner {
    max-width: var(--container-max-width) !important;
}

.container, .wrapper, #main-content {
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1200px) {
    .sticky-header-wrap .sticky-menu a {
        padding-right: 17px;
        padding-left: 17px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .mean-container .menu-item-has-children > a::after {
        display: none !important;
    }

    .mean-container .mean-nav ul li {
        width: 100% !important;
        position: relative !important;
        display: block !important;
        clear: both !important;
        background: #1E2247 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .mean-container .mean-nav ul li a {
        width: 100% !important;
        display: block !important;
        padding: 18px 55px 18px 20px !important; 
        box-sizing: border-box !important;
        color: #ffffff !important;
        text-align: left !important;
        line-height: 1.4 !important;
        float: none !important;
    }

    .mean-container .mean-nav ul li .mean-expand {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 50px !important;
        height: 100% !important; 
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.03) !important; 
        border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin: 0 !important;
        font-size: 20px !important;
        color: #fff !important;
        z-index: 2 !important;
    }

    .mean-container .mean-nav ul li ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: rgba(0, 0, 0, 0.1) !important;
    }
}

body .site-footer .footer-legal-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .site-footer .footer-legal-menu li {
    margin-bottom: 0 !important; 
}

body .site-footer .footer-legal-menu li a {
    white-space: nowrap !important; 
    font-size: 11px !important;
    display: inline-block !important;
}

@media (max-width: 768px) {
    body .site-footer .footer-legal-menu {
        justify-content: center !important;
        flex-wrap: wrap !important; 
        gap: 0px !important;
    }
}

/* Mobile Header */

.mean-container .mean-nav {
    background: #1E2247 !important;
}

.mean-container .mean-nav ul {
    background-color: #1E2247 !important;
}

@media (max-width: 768px) {
    #mobile-navigation {
        background: #1E2247 !important;
        background-color: #1E2247 !important;
    }

    #mobile-navigation.mean-container {
        background: #1E2247 !important;
    }
}

.mean-container .mean-bar {
    background: #1E2247 !important;
}

.mean-container a.meanmenu-reveal {
    color: #fff;
    background: #1E2247 !important;
}

@media (max-width: 768px) {
    .site-header-middle .row {
        min-height: 75px;
    }
}

.menu-item-has-children:hover > a::after {
    border-color: white !important;
}

@media (min-width: 1200px) {
    .sticky-header-wrap .sticky-menu a {
        padding-right: 17px;
        padding-left: 17px;
    }
}

.sticky-menu ul li a:hover {
    color: #212121 !important;
}

.main-navigation ul ul.sub-menu li a {
    color: white !important;
}

.sticky-menu ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #efefef !important;
}

@media (max-width: 768px) {
    /* 1. Üst Header: Saat ve Sosyal Medyayı Yan Yana Yap ve Ortala */
    .site-header-top .container .row {
        display: flex !important;
        flex-direction: row !important; /* Yan yana getir */
        justify-content: center !important; /* Ortala */
        align-items: center !important;
        gap: 20px; /* Aralarındaki boşluk */
    }

    .site-header-top-col-left, 
    .site-header-top-col-right {
        width: auto !important; /* Genişlikleri serbest bırak */
        margin: 0 !important;
        padding: 0 !important;
    }

    .opening-hours-label, .icon-clock, .header-search-form-container {
        display: none !important; /* "Çalışma Saatleri" yazısını ve aramayı gizle, sadece saat kalsın */
    }

    .header-social-nav {
        margin: 0 !important;
        display: flex !important;
    }

    /* 2. Orta Header: Adres ve Telefon Box'larını Tamamen Kaldır */
    .header-address, 
    .header-contact-number,
    .tag-line { 
        display: none !important; 
    }

    /* 3. Logoyu Ortala */
    .site-header-middle-col-left {
        width: 100% !important;
        text-align: center !important;
        padding: 20px 0 !important;
    }

    .site-logo-inner {
        display: flex;
        justify-content: center;
    }

    .custom-logo {
        max-width: 200px !important; /* Logoyu bir tık belirgin yapalım */
        height: auto !important;
    }

    /* 4. Alt Bar: Menü ve Buton Hizalaması */
    .site-header-bottom .container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        padding: 0 !important;
    }

    #mobile-navigation {
        flex: 0 0 60px !important;
        background: #78d144 !important;
    }

    #header-appointment-button {
        flex: 1 !important;
        margin: 0 !important;
        height: 50px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #008eb0 !important;
        border-radius: 0 !important;
        font-weight: bold;
    }
}

@media (max-width: 768px) {
    .site-header-middle {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .site-logo, .site-logo-inner {
        padding: 0 !important;
        margin: 0 !important;
    }

    .site-header-middle .row {
        margin: 0 !important;
    }
	.site-header-middle .row {
    min-height: 95px;
    padding-top: 0px;
    padding-bottom: 0px;
}
}

/* Mobile Header */

.main-navigation ul li.current-menu-ancestor > a, 
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.menu-item-has-children:hover > a,
.main-navigation ul li:hover > a {
    background-color: transparent !important; 
    color: #2c3e50 !important; 
}

.main-navigation ul li.menu-item-has-children:hover > a {
    color: #2c3e50 !important; /* Üzerindeyken hafif turkuaz/mavi olsun */
}

.main-navigation ul ul.sub-menu {
    background-color: #1b234d !important; /* Koyu lacivert kalsın dersen */
    border-top: 3px solid #008eb0 !important; /* Üstüne ince modern bir hat çekelim */
}

.main-navigation ul ul.sub-menu li a:hover {
    background-color: #252f5f !important; /* Hafif açılan bir lacivert */
    color: #ffffff !important;
}

/* Alt Menü Akıllı Genişlik Ayarı */
.main-navigation ul li ul.sub-menu {
    width: auto !important;         /* Sabit genişliği iptal et */
    min-width: 220px !important;    /* Çok kısa kalmasın (Örn: Kurumsal) */
    max-width: 450px !important;    /* Çok aşırı uzayıp ekranı kaplamasın */
    display: block !important;
    left: 0 !important;
    padding: 8px 0 !important;
}

.main-navigation ul ul.sub-menu li a {
    width: auto !important;
    display: block !important;
    white-space: nowrap !important; /* Metni tek satırda tut, kutu ona göre genişlesin */
    padding: 12px 25px !important;  /* Sağdan soldan güzelce boşluk bırak */
    font-size: 14px !important;
}

/* Eğer en sağdaki menü öğesi genişleyince ekrandan taşıyorsa */
.main-navigation ul li:last-child ul.sub-menu {
    right: 0 !important;
    left: auto !important;
}

button, input[type=submit], .read-more {
    background-color: #1E2247;
    color: #fff;
    border-radius: 30px;
}

.blog-page .entry-author {
    display: none;
}

.entry-content.clearfix p {
    font-weight: 400;
    color: #212121;
}

.blog-page .post-title, .blog-page .entry-title {
    font-size: 32px;
    font-weight: 700;
}

.banner-image-overlay {
    opacity: 0 !important;
}

.banner-image-overlay {
    background-color: #000;
}

::selection {
    background-color: #007bff; 
}

.site-logo img { width: 230px !important; }
img.custom-logo {
	width: 230px !important;}
small.tag-line { display: none; }

.sticky-menu, .header-nav { display: flex; align-items: center; height: 100%; margin: 0; }

.header-contact-number > span, 
.header-contact-number > a { color: #1E2247; }

.header-address .icon-pin, 
.header-contact-number .icon-phone { fill: #1E2247; }

.site-header-middle {
    border-bottom: 1px solid #efefef;
}

/* Search Form Wrapper */
.searchform div {
    position: relative;
    display: flex;
    align-items: center;
}

.searchform input[type="text"] {
    text-align: left;
    padding-left: 15px;
    width: 100%;
}

.searchform div::before {
    content: "Arama yapın...";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    z-index: 5;
    transition: opacity 0.2s;
}

.searchform:focus-within div::before {
    opacity: 0;
    visibility: hidden;
}

.screen-reader-text { display: none; }

.site-header-top {
    background-color: #f8f9fa !important; 
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.header-opening-hours svg {
    fill: #00A896 !important; 
    margin-right: 8px;
    vertical-align: middle;
}

.opening-hours-label {
    font-weight: 700 !important;
    color: #1b294b !important; 
}

/* Sosyal Medya İkonları */
.header-social-nav li a {
    color: #666 !important;
    transition: all 0.3s ease !important;
}

.header-social-nav li a:hover {
    color: #00A896 !important; 
    transform: translateY(-3px); 
}

.header-address svg, 
.header-contact-number svg {
    fill: #00A896 !important; 
    width: 30px !important;
    height: 30px !important;
    transition: transform 0.3s ease !important;
}

.header-contact-number a {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1b294b !important;
    text-decoration: none !important;
}

.header-contact-number small {
    color: #00A896 !important; 
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Header - Bottom */

.menu-item-has-children > a {
    position: relative;
    display: flex;
    align-items: center;
}

.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px; 
	margin-bottom: 4px;
    border-right: 2px solid #999; 
    border-bottom: 2px solid #999;
    transform: rotate(45deg); 
    transition: all 0.3s ease;
}

.menu-item-has-children:hover > a::after {
    border-color: #1E2247;
    transform: rotate(225deg); 
    margin-top: 4px;
}

.header-appointment-button {
    background-color: #037F9B;
	padding: 12px 22px 12px 62px;
}

.header-appointment-button:hover {
    background-color: #1E2247;
}

.main-navigation a {
    color: #2c3e50;
}

#main-navigation li a:hover, #main-navigation .sub-menu {
    background: #1E2247 !important;
    color: #fff !important;
}

/* Footer */

ul#menu-footer-menu-kurumsal {
    display: none !important;
}

.col-md-5.site-footer-bottom-right-col {
    margin-top: 10px;
}

.site-footer-top {
    padding-top: 4rem;
    padding-bottom: 2rem;
	background-color: ;
}

.site-footer-bottom {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
	    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;

}

.site-logo-inner a img { transition: transform 0.3s ease; }
.site-logo-inner a:hover img { transform: scale(0.97); }

.widget_nav_menu .title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
}

.widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_nav_menu ul li {
    margin-bottom: 12px;
}

.widget_nav_menu ul li a {
    color: #F8F9FA; 
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    transition: all 0.3s ease; 
}

.widget_nav_menu ul li a:hover {
    color: #ffffff; 
    transform: translateX(5px); 
}

#custom_html-3 .title {
    font-weight: 600 !important;
}

#site-footer {
    background: linear-gradient(145deg, #121826 0%, #1b294b 100%) !important;
}

#site-footer .site-footer-bottom {
    background: linear-gradient(135deg, #0f1421 0%, #161e2d 50%, #1b294b 100%) !important;
    border-top: 1px solid rgba(0, 168, 150, 0.15) !important; 
    box-shadow: inset 0 10px 20px -10px rgba(0, 168, 150, 0.05); 
}

.site-info {
    color: #F8F9FA;
}

#site-footer .icon-frame {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#site-footer .contact-box:hover .icon-frame {
    background: #00A896 !important;
    box-shadow: 0 0 20px rgba(0, 168, 150, 0.4) !important;
    transform: scale(1.1) rotate(-5deg) !important;
}

#site-footer .widget .title {
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#site-footer .widget .title::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 40px !important; 
    height: 3px !important; 
    background: linear-gradient(90deg, #7ED321 0%, #00A896 100%) !important;
    border-radius: 50px !important; 
}

#site-footer .widget:hover .title::after {
    width: 60px !important;
    transition: width 0.4s ease !important;
}