/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.menu-item:hover > .menu-link {
  color: #ff075b;
}
.menu-item.current > .menu-link {
  color: #ff075b;
}

::-moz-selection {
  background: #ff075b;
}

::selection {
  background: #ff075b;
}

::-moz-selection {
  background: #ff075b;
}

::-webkit-selection {
  background: #ff075b;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
  background-color: #ff075b!important;
}

/* Sadece harita çizimlerini siyah-beyaz yapar */
        .leaflet-tile-pane { filter: grayscale(100%); }

        /* --- HARİTA ÜZERİNDEKİ İNGİLİZCE BİLGİ YAZISI --- */
        .map-overlay {
            position: absolute;
            top: 20px; /* Üstten bırakılacak boşluk */
            left: 50%; /* Yatayda ortalamak için */
            transform: translateX(-50%);
            z-index: 1000; /* Harita katmanlarının en üstünde durması için */
            background-color: rgba(255, 255, 255, 0.9); /* Yarı saydam beyaz arkaplan */
            padding: 6px 15px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
            font-family: Arial, sans-serif;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            text-align: center;
            pointer-events: none; /* Bu kutuya tıklamayı engeller, altındaki harita tıklanabilir kalır */
        }

        /* Özel bayraklı pinlerin görünümü */
        .custom-pin {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .custom-pin img {
            width: 32px; 
            height: auto;
            box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
            border-radius: 2px;
            margin-bottom: 3px;
            cursor: pointer; 
        }

        .custom-pin span {
            font-family: Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            color: #222;
            white-space: nowrap;
            text-shadow: 1.5px 1.5px 0px #fff, -1.5px -1.5px 0px #fff, 1.5px -1.5px 0px #fff, -1.5px 1.5px 0px #fff;
            pointer-events: none; 
        }

        /* Popup içindeki HTML içerikleri için genel stil */
        .popup-icerik {
            font-family: Arial, sans-serif;
            font-size: 13px;
            line-height: 1.5;
            color: #333;
            min-width: 200px;
        }
        .popup-icerik h6 {
            margin: 0 0 5px 0;
            color: #e4002b; 
            border-bottom: 1px solid #ccc;
            padding-bottom: 3px;
        }

#map { height: 100%; width: 100%; }

#partners.page-section {
  padding-bottom: 0!important;
}

#partners.section {
  margin: 0!important;
}

#cta.page-section {
  padding: 0!important;
}

#contact.page-section {
  padding-bottom: 50px!important;
}

.button:hover {
  background-color: #ff075b!important;
  border-color: #ff075b!important;
  color:#FFF!important;
}

#oc-clients-full {
  padding-bottom: 25px!important;
}

#gotoTop:hover {
  --cnvs-gotoTop-hover-color: #ff075b!important;
}

#logo a {
    padding: 20px;
}

#header-wrap #logo img {
    height: 85px
}

.tabs, .tab-content {
    --cnvs-tab-padding-width: 0px;
}

.nav-fill > .nav-link, .nav-fill .nav-item {
    width: 25%;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #ee284e !important
}

.portfolio-desc h3, .portfolio-desc span {
    color:#000!important;
}

.nav-tabs .nav-link.active .portfolio-desc h3, .nav-tabs .nav-link.active .portfolio-desc span {
    color: #FFF!important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: transparent;
    border-radius: 0 0 20px 20px;
    position: relative;
    overflow: visible;
}

.nav-tabs .nav-link.active::after, .nav-tabs .nav-item.show .nav-link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid white;
}

.tab-pane h3 {
    color: #ee284e !important;
    margin: 50px 0 20px;
}

.page-section {
    padding: 30px 0;
}

#header-wrap {
    z-index: 1001;
}

@media (max-width: 575.98px) {
    .tabs {
        flex-direction: row;
    }

    .portfolio-desc h3 {
        font-size: 12px;
        text-align: center;
    }

    .portfolio-desc span {
        display: none;
    }
}

#contact .col-padding {
    padding: 1rem 4rem;
}

#side-panel {
  z-index: 1002;
}

.overlay-trigger-icon:not([class*=text-white]):hover {
    color: #ee284e !important;
}
/* контраст (Lighthouse): подзаголовки секций и ссылки в подвале */
.heading-block > span { color: #5f5f66 !important; }
#footer address a, #footer address, #copyrights, #copyrights a { color: #d0d0d5 !important; }