/* ----------------------------------------------------------------
    - General Styles
----------------------------------------------------------------- */
:root,
[data-bs-theme=light] {
    --bs-blue: #0081C3;
    --bs-primary: #ffcd11;
    --bs-primary-rgb: 255, 205, 17;
}

/* ----------------------------------------------------------------
    - 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 ------*/
.custom-navbar.navbar.navbar-fixed {
top: 29px;
}

@media(min-width: 576px) {

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

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

/*------------------------------------------------------------------------------
  - Hero header
------------------------------------------------------------------------------*/
/*  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);
}

.text-orange {
	color: #f84525;
}

/*  Banner yazilarini koyulastiriyor
.hero-header.dark-overlay::after {
    z-index: 2;
    opacity: 0.22;
}

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

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

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

/*---How it works bg yatay kesik cizgiler---*/
@media (min-width: 768px) {
  .numbers-wrapper {
    background-image: url("../images/line.png");
    background-position: 50% 54px;
    background-size: 73%;
  }
}
/*---------------------------------------*/

/* -----------------------------------------------------------------
    - 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;
}

/*  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); /* baslangicta seffaf */
    transition: background .3s ease;
    z-index: 1;
}

/* Hover'da koyulassin */
.region-hover-card:hover::after {
    background: rgba(0, 0, 0, 0.35);
}

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

/*  Sonradan eklenen 3 buton icin ozel 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 icin 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;
    }
}
/*.............................................*/


/* =======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  */
@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 esit alan ver */
        max-width: 25%;   /* Icerik uzasa bile %25'i gecme */
    }
}

/* =========================
   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; /* Sigmayan yazinin sonuna ... koyar */
    width: 100%;             /* Alanini tam kaplasin */
}

.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: 10px 17px;
    font-weight: 500;
    white-space: nowrap;
}

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

/* ----------------------------------------------------------------
    - General ICON Styles (SVG to PNG)
----------------------------------------------------------------- */


/* ===== ICON SIZES ===== */

.icon-sm {
    width: 16px;
    height: 16px;
    object-fit: contain;
    display: inline-block;
}

.icon-18 {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.icon-md {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: inline-block;
}

.icon-lg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: inline-block;
}

.icon-xl {
	width:32px;
	height:32px;
	object-fit:contain;
	display:inline-block;
	vertical-align:middle; }

/* Menu Icon */
.icon-menu {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

/* Iconlarda dikeyde hizalama kayarsa güvenlik satiri -- */
img.form-icon-start, 
img.form-icon-end {
    transform: translateY(-50%);
}

/*---Navbar Menu Icon. Tirnak i�inde adres varsa (<img src="")
icon gorunur yapar, adres yoksa gorunmezligi saglar---------*/
.icon-menu:not([src]), 
.icon-menu[src=""] {
    display: none !important;
}

/* Buton ici icon hizalama duzeltmesi */
.btn img[class^="icon-"] {
    vertical-align: middle;
}

/* Region Arrow Hover System (Professional Version) */

.btn-icon-md {
    position: relative;
}

.region-arrow {
    transition: opacity 0.2s ease-in-out;
}

.arrow-hover {
    opacity: 0;
}

.region-hover-card:hover .arrow-default {
    opacity: 0;
}

.region-hover-card:hover .arrow-hover {
    opacity: 1;
}

/* ===== HEART HOVER EFFECT ===== */

.btn-icon {
    position: relative;
}

.heart-hover {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.heart-default {
    transition: opacity 0.2s ease-in-out;
}

.btn-icon:hover .heart-default {
    opacity: 0;
}

.btn-icon:hover .heart-hover {
    opacity: 1;
}

.btn-icon:hover {
    transform: scale(1.08);
    transition: transform 0.2s ease;
}

/* Kare favorite butonu (BOOK NOW yanindaki) — sadece bu yapiya ozel */
.btn-fav-square {
    width: 58px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.card-badge {
    white-space: nowrap;
    padding: 6px 14px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

/* ===== SEARCH HOVER EFFECT ===== */

.search-hover {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.search-default {
    transition: opacity 0.2s ease-in-out;
}

.btn-icon:hover .search-default {
    opacity: 0;
}

.btn-icon:hover .search-hover {
    opacity: 1;
}
/* -------------------------------------------------------------------*/



/* ------ Equipment image alan yuksekligi degisti---------------------
index.html
equipment-details.html
equipment-listings-map-grid.html
---------------------------------------------------------------------*/

.card-img-wrap-equipment {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

.items-content-equipment {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

/* ------ Locations image alan yuksekligi degisti---------------------
index.html
locations-details.html
locations-listings-map-grid.html
---------------------------------------------------------------------*/

.card-img-wrap-locations {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

.items-content-locations {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

/* ------ Feel image alan yuksekligi degisti---------------------
index.html
feel-details.html
feel-listings-map-grid.html
---------------------------------------------------------------------*/

.card-img-wrap-feel {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

.items-content-feel {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

/* ------ Pro image alan yuksekligi degisti---------------------
index.html
pro-details.html
pro-listings-map-grid.html
---------------------------------------------------------------------*/

.card-img-wrap-pro {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}

.items-content-pro {
  height: 0;
  padding-bottom: 61%;
  position: relative;
}


/* ===== REGION CARD (How I Feel)- 9:16 DİKEY ORAN ===== */
/* 9:16 Oranını Bootstrap standardına uygun olarak tanımlıyoruz */
.ratio-9-16 {
    --bs-aspect-ratio: calc(16 / 9 * 100%); /* %177.77 dikey oran sağlar */
}

/* Kartın Owl Carousel içinde doğru listelenmesi için genişlik sınırı (İsteğe bağlı) */
.region-card {
    width: 100%;
    max-width: 100%;
}

/* Google Maps uzerindeki butik resimlerini kucultmek icin kullanildi */
.gm-style img {
	max-width: 100% !important;
}
/*--------------------------------------------------------------------*/

/* WellPros card koyu golge azaltilid */
.card.dark-overlay::after {
	opacity: 0.3;
}