/* ----------------------------------------------------------------
    - General Styles
----------------------------------------------------------------- */
:root,
[data-bs-theme=light] {
    --bs-blue: #0081C3;
    --bs-primary: #0081C3;
    --bs-primary-rgb: 0, 129, 195;
}

/* ----------------------------------------------------------------
    - Utilities
----------------------------------------------------------------- */
/* background  ----------- */
.bg-blur {
	background-color: rgba(0, 129, 195, .3);
}

/* ----------------------------------------------------------------
    - Components
----------------------------------------------------------------- */
/* progress -------- */
.progress,
.progress-stacked {
	--bs-progress-bar-bg: #0081C3;
}

/* ribbon ----------------- */
.red span {
    background: -o-linear-gradient(#F70505 0%, #0081C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#F70505), to(#0081C3));
    background: linear-gradient(#F70505 0%, #0081C3 100%);
}

.red span::before {
    border-left-color: #0081C3;
    border-top-color: #0081C3;
}

.red span::after {
    border-right-color: #0081C3;
    border-top-color: #0081C3;
}

/*Button primary*/
.btn-primary {
    --bs-btn-bg: #0081c3;
    --bs-btn-border-color: #0081c3;
    --bs-btn-hover-bg: #0273a0;
    --bs-btn-hover-border-color: #0273a0;
    --bs-btn-active-bg: #0273a0;
    --bs-btn-active-border-color: #0273a0;
    --bs-btn-disabled-bg: #0081c3;
    --bs-btn-disabled-border-color: #0081c3;
}

.btn-outline-primary {
    --bs-btn-color: #0081C3;
    --bs-btn-border-color: #0081C3;
}

.btn-outline-default {
	--bs-btn-hover-color: #0081C3;
	--bs-btn-disabled-color: #0081C3;
}

/* -----------------------------------------------------------------
    - Navbar
----------------------------------------------------------------- */
/*Navbar Brand ------*/
@media(min-width: 576px) {

    .navbar-brand img,
    .custom-navbar .navbar-brand img {
        height: 46px;
    }
}

/* Dropdown menu */
.btn-user {
    font-size: 16px;
}

/*------------------------------------------------------------------------------
  - Hero header
------------------------------------------------------------------------------*/
/* MRT video icin eklenen css */

.hero-header {
    position: relative;
    overflow: hidden;
}

.hero-fallback-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}
/* MRT Banner yazilarini koyulastiriyor
.hero-header.dark-overlay::after {
    z-index: 2;
    opacity: 0.22;
}

....................................*/

.overlay-content {
    position: relative;
    z-index: 3;
}
/* MRT video icin eklenen css sonu */

/* Header search content ---- */
.search-wrapper {
    grid-column-gap: 10px;
    padding: 10px 12px 10px 24px;
}

/* -----------------------------------------------------------------
    - Explore cities two
----------------------------------------------------------------- */
.region-card-image::after {
	background-color: rgba(13, 13, 13, .2);
}

.region-card-info {
    padding: 8px 25px;
}

.region-card-link {
    margin-bottom: 20px;
}

/* MRT hover eklendi -------*/
.region-card-content {
    pointer-events: none;
}

.region-card-content a {
    pointer-events: auto;
}

.region-hover-card {
    transition: all .3s ease;
}

/*.region-hover-card h3,*/
/*.region-hover-card span,*/
.region-hover-card li,
.region-hover-card /*.region-card-link-text,*/
.region-hover-card svg {
    color: transparent; */
    transition: color .3s ease;
}

/*.region-hover-card:hover h3,*/
/*.region-hover-card:hover span,*/
.region-hover-card:hover li,
.region-hover-card:hover /*.region-card-link-text,*/
.region-hover-card:hover svg {
    color: #fff;
}
.region-hover-card {
    position: relative;
    overflow: hidden;
}

.region-hover-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0); /* başlangıçta şeffaf */
    transition: background .3s ease;
    z-index: 1;
}

/* Hover'da koyulaşsın */
.region-hover-card:hover::after {
    background: rgba(0, 0, 0, 0.35);
}

.region-card-content {
    position: relative;
    z-index: 2;
}
/* MRT hover eklendi bitti--*/

/* MRT Sonradan eklenen 3 buton icin özel css */

.desc-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.number-wrap h4 a,
.number-wrap .number-circle {
    transition: all 0.2s ease;
}

.number-wrap h4 a:hover {
    color: var(--bs-primary) !important;
}

.number-wrap .number-circle:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    box-shadow: 0 .25rem .75rem rgba(13, 110, 253, .25);
    transform: translateY(-2px);
}
.how-it-works-title {
    min-height: 64px;
}

.how-it-works-desc {
    min-height: 150px;
}

.how-it-works-btn {
    width: 190px;
}

.how-it-works-btn:hover {
    transform: translateY(-2px);
}
/*.............................................*/


/* Navbar linkleri için duzenleme */
html {
    scroll-behavior: smooth;
}

#Works,
#Mood,
#Movement,
#Location,
#WellPro {
    scroll-margin-top: 98px;
}

@media (max-width: 991.98px) {
    #Works,
    #Mood,
	#Movement,
    #Location
	#WellPro {
        scroll-margin-top: 105px;
    }
}
/*.............................................*/


/* ======MRT=ANASAYFA=SEARCH=======*/
/* =========================
   GLASS CARD
========================= */
.search-glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px; /* Mobil default */
}

/* Desktop pill görünüm */
@media (min-width: 992px) {
    .search-glass {
        border-radius: 999px;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}
@media (min-width: 992px) {
    .search-item {
        flex: 1 1 25%;    /* Hepsine eşit alan ver */
        max-width: 25%;   /* İçerik uzasa bile %25'i geçme */
    }
}

/* =========================
   SELECT STYLE
========================= */
.search-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-radius: 0;
    color: #ffffff;
    box-shadow: none;
    padding-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Sığmayan yazının sonuna ... koyar */
    width: 100%;             /* Alanını tam kaplasın */
}
}

.search-select:focus {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #0d6efd;
    color: #ffffff;
}

/* Dropdown option rengi */
.search-select option {
    color: #000;
	text-overflow: ellipsis;
}

/* =========================
   DESKTOP DIVIDER
========================= */
@media (min-width: 992px) {
    .search-item:not(:last-child) {
        border-right: 1px solid rgba(255,255,255,0.2);
    }
}

/* =========================
   BUTTON STYLE
========================= */
.search-btn {
    border-radius: 999px;
    padding: 13px 20px;
    font-weight: 500;
    white-space: nowrap;
}

/* Mobilde full width buton */
@media (max-width: 991.98px) {
    .search-btn {
        width: 100%;
    }
}
/* ======MRT=ANASAYFA=SEARCH====END===*/