/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/*============================================================================================*/
/* FENIKS PRIORITY HOTEL — Premium Liquid Glass Tasarım Katmanı                                */
/*============================================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  /* ---- Marka renkleri: Ana renk (koyu lacivert) + Secondary/vurgu renk (teal) ---- */
  --gw-accent: #118a82;
  --gw-accent-light: #64b3ae;
  --gw-accent-dark: #0e6e68;
  --gw-teal: var(--gw-accent);
  --gw-teal-dark: var(--gw-accent-dark);
  --gw-ink: #1d1f26;
  --gw-ink-soft: #2a2c34;
  --gw-cream: #f6f7f9;
  --gw-serif: 'Fraunces', 'Georgia', serif;

  /* ---- Liquid Glass tasarım token'ları — sitedeki tüm cam yüzeyler bunları kullanır ---- */
  --glass-blur: 22px;
  --glass-saturate: 180%;
  --glass-bg: rgba(246,247,249,0.62);
  --glass-bg-strong: rgba(246,247,249,0.88);
  --glass-bg-dark: rgba(29,31,38,0.55);
  --glass-bg-dark-strong: rgba(29,31,38,0.78);
  --glass-border: rgba(255,255,255,0.55);
  --glass-border-dark: rgba(255,255,255,0.14);
  --glass-specular: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(29,31,38,0.04);
  --glass-specular-dark: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.25);
  --glass-shadow: 0 10px 34px rgba(29,31,38,0.14);
  --glass-shadow-strong: 0 16px 40px rgba(29,31,38,0.20);
}

/* ---------- Tipografi: editoryal, sıcak-otel hissi veren serif başlıklar ---------- */
body{ -webkit-font-smoothing:antialiased; }

/* ---------- Ana sayfa "Odalarımız" carousel kartları: rozet + m²/kişi + CTA ---------- */
.gw-room-slide{ position: relative; display: block; }
.gw-room-slide figure{ position: relative; overflow: hidden; }
.gw-room-slide__badge{
  position: absolute; top: 18px; left: 18px; z-index: 5;
  background: var(--glass-bg-dark);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
  border: 1px solid var(--glass-border-dark);
  color: var(--gw-accent-light);
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600;
  padding: 6px 14px; border-radius: 999px;
}
.gw-room-slide__meta{
  display: flex; gap: 16px; margin-bottom: 8px;
  font-size: 12.5px; letter-spacing: .4px; font-weight: 600;
  color: var(--gw-accent-light);
}
.gw-room-slide__meta i{ margin-right: 4px; }
.gw-room-slide__cta{
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 10px; padding: 10px 20px;
  background: rgba(255,255,255,0.12);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 999px;
  font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600;
  color: #fff;
  transition: background .25s ease, transform .25s ease;
}
.gw-room-slide:hover .gw-room-slide__cta{
  background: var(--gw-accent);
  border-color: var(--gw-accent);
  transform: translateX(4px);
}
.gw-room-slide .background-image{ transition: transform .6s ease; }
.gw-room-slide:hover .background-image{ transform: scale(1.08); }

/* ---------- Hero: slider yerine YouTube arka plan videosu ---------- */
.hero-video-wrap{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.hero-video-frame{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw; /* 16:9 oranını korur */
  min-height: 100vh;
  min-width: 177.78vh; /* 16:9 oranını korur */
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.hero-video-frame iframe{
  width: 100%;
  height: 100%;
  display: block;
}
.hero-video-overlay{
  position: absolute;
  inset: 0;
  background: rgba(29,31,38,0.1);
  pointer-events: none;
}
/* Mobilde video yerine (veri/pil tasarrufu için) sadece arka plan görseli gösterilir */


/* ---------- Premium ince dokunuşlar: seçim rengi, scrollbar, focus ring ---------- */
::selection{ background: var(--gw-accent); color: #fff; }

html{ scrollbar-width: thin; scrollbar-color: var(--gw-accent-light) transparent; }
body::-webkit-scrollbar{ width: 9px; }
body::-webkit-scrollbar-track{ background: transparent; }
body::-webkit-scrollbar-thumb{
  background: var(--gw-accent-light);
  border-radius: 999px;
  border: 2px solid var(--gw-cream);
}
body::-webkit-scrollbar-thumb:hover{ background: var(--gw-accent); }

a:focus-visible,
button:focus-visible,
.btn_1:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline: 2px solid var(--gw-accent) !important;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Galeri görsellerinde de oda kartlarıyla tutarlı, hafif "canlanma" hover'ı */
.gw-gallery-grid a{ display:block; overflow:hidden; border-radius:4px; }
.gw-gallery-grid img{ transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .25s ease; }
.gw-gallery-grid a:hover img{ opacity:1; transform: scale(1.06); }

/* Ana içerik metinlerindeki linkler: ince, animasyonlu alt çizgi */
main p a:not(.btn_1):not(.gw-room-card__cta),
.gw-service-list a:not(.btn_1){
  color: var(--gw-accent-dark);
  text-decoration: none;
  background-image: linear-gradient(var(--gw-accent), var(--gw-accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s ease;
  padding-bottom: 1px;
}
main p a:not(.btn_1):not(.gw-room-card__cta):hover{ background-size: 100% 1px; }

.title h2,
main h1, main h2, main h3,
.box_cat_rooms .info h3,
.box_item_info h2,
.gw-room-card h3,
.gw-info-card h3,
.awards-grid-4, .award-item__name{
  font-family: var(--gw-serif) !important;
  font-weight: 500 !important;
  letter-spacing: .3px;
}

.title h2{ font-size: 2.6rem; }

.title small,
main .col-lg-8 > small,
main small[style*="letter-spacing"]{
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 4px !important;
  color: var(--gw-accent) !important;
  position: relative;
  padding-left: 34px;
  display: inline-block;
}
.title small::before,
main .col-lg-8 > small::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 24px; height: 1px;
  background: var(--gw-accent);
}

/* ---------- Bölüm ayracı (gold divider) ---------- */
.gw-divider{
  width: 56px; height: 2px; margin: 18px auto 28px;
  background: linear-gradient(90deg, transparent, var(--gw-accent), transparent);
}
.gw-divider.left{ margin: 14px 0 26px; }

/* ---------- Butonlar: altın degrade, geniş harf aralığı, hover dolgu ---------- */
a.btn_1, .btn_1,
a.btn_4, .btn_4 .button-text{
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
}
a.btn_1, .btn_1{
  background: linear-gradient(120deg, var(--gw-accent-dark), var(--gw-accent) 55%, var(--gw-accent-light)) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 14px 32px !important;
  box-shadow: 0 8px 22px rgba(17,138,130,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
/* Liquid glass shimmer — hover'da butonun üzerinden diyagonal bir ışık geçer */
a.btn_1::before, .btn_1::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.55) 52%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .7s cubic-bezier(.2,.8,.2,1);
  z-index: 1;
  pointer-events: none;
}
a.btn_1:hover::before, .btn_1:hover::before{ transform: translateX(120%); }
a.btn_1 > *, .btn_1 > *{ position: relative; z-index: 2; }
a.btn_1:hover, .btn_1:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(17,138,130,0.45), inset 0 1px 0 rgba(255,255,255,0.5);
  color: #fff !important;
}
a.btn_1.outline, .btn_1.outline{
  background: rgba(246,247,249,0.35) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid var(--gw-accent) !important;
  color: var(--gw-accent) !important;
  box-shadow: none;
}
a.btn_1.outline:hover, .btn_1.outline:hover{
  background: var(--gw-accent) !important;
  color: #fff !important;
}
a.btn_1.outline.white, .btn_1.outline.white{
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.55) !important;
  color: #fff !important;
}
a.btn_1.outline.white:hover, .btn_1.outline.white:hover{
  background: rgba(255,255,255,0.16) !important;
}

/* ---------- Ana Tesisler kartları: üstte altın çizgi + ikon dairesi + liquid glass hover ---------- */
.box_facilities{
  border: 1px solid rgba(29,31,38,0.08) !important;
  border-top: 3px solid var(--gw-accent) !important;
  border-radius: 14px;
  padding: 34px 24px !important;
  text-align: center;
  background: rgba(255,255,255,0.6);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow: var(--glass-specular);
  transition: box-shadow .3s ease, transform .3s ease, background .3s ease;
}
.box_facilities:hover{
  box-shadow: var(--glass-shadow-strong), var(--glass-specular);
  transform: translateY(-6px);
  background: rgba(255,255,255,0.82);
}
.box_facilities i, .box_facilities [class*="customicon-"]{
  color: var(--gw-accent) !important;
  font-size: 40px !important;
  margin-bottom: 14px;
  display: inline-block;
}

/* =========================================================================
   ODA VİTRİNİ (BENTO) — Anasayfa için: fotoğrafın üzerine bindirilmiş,
   boyutları kasıtlı farklılaştırılmış editoryal ızgara. Standart "resim üstte,
   kutu altta" kart deseninden bilinçli olarak farklı.
   ========================================================================= */
.gw-room-bento{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 230px;
  gap: 18px;
}
.gw-room-bento .gw-room-tile:nth-child(1){ grid-column: span 2; grid-row: span 2; }
.gw-room-bento .gw-room-tile:nth-child(4){ grid-column: span 2; }
@media (max-width: 991px){
  .gw-room-bento{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
  .gw-room-bento .gw-room-tile:nth-child(1){ grid-column: span 2; grid-row: span 1; height: 320px; }
}
@media (max-width: 575px){
  .gw-room-bento{ grid-template-columns: 1fr; grid-auto-rows: 300px; }
  .gw-room-bento .gw-room-tile:nth-child(1){ grid-column: span 1; }
}

.gw-room-tile{
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--glass-shadow);
  transition: box-shadow .4s ease;
}
.gw-room-tile:hover{ box-shadow: var(--glass-shadow-strong); }
.gw-room-tile img{
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.gw-room-tile:hover img{ transform: scale(1.09); }

.gw-room-tile__index{
  position: absolute; top: 20px; left: 22px; z-index: 2;
  font-family: var(--gw-serif); font-style: italic; font-size: 13px;
  color: rgba(255,255,255,0.8);
  letter-spacing: 1px;
}

.gw-room-tile__overlay{
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(29,31,38,0) 35%, rgba(29,31,38,0.82) 100%);
  transition: background .4s ease;
}
.gw-room-tile:hover .gw-room-tile__overlay{
  background: linear-gradient(180deg, rgba(29,31,38,0.05) 20%, rgba(29,31,38,0.9) 100%);
}

.gw-room-tile__content{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 24px;
  color: #fff;
}
.gw-room-tile__meta{
  display: flex; gap: 14px; margin-bottom: 10px;
}
.gw-room-tile__meta span{
  font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700;
  color: var(--gw-accent-light);
}
.gw-room-tile__content h3{
  font-family: var(--gw-serif) !important; font-weight: 500 !important;
  font-size: 1.4rem; margin: 0 0 12px; color: #fff !important; line-height: 1.15;
}
.gw-room-bento .gw-room-tile:nth-child(1) .gw-room-tile__content h3{ font-size: 2rem; }

.gw-room-tile__cta{
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700;
  color: #fff;
  opacity: 0; transform: translateY(8px);
  transition: opacity .35s ease, transform .35s ease;
  border-bottom: 1px solid var(--gw-accent-light);
  padding-bottom: 3px;
  width: fit-content;
}
.gw-room-tile:hover .gw-room-tile__cta{ opacity: 1; transform: translateY(0); }

/* =========================================================================
   ODA KARTI IZGARASI — Anasayfa & Odalar listesi için ortak grid tasarımı
   (carousel yerine; Sun Suit temasından bilinçli olarak farklı bir yapı)
   ========================================================================= */
.gw-room-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 991px){ .gw-room-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px){ .gw-room-grid{ grid-template-columns: 1fr; } }

.gw-room-card{
  position: relative;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--glass-shadow);
  transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;
  display: flex;
  flex-direction: column;
}
.gw-room-card:hover{
  transform: translateY(-8px);
  box-shadow: var(--glass-shadow-strong);
}
.gw-room-card__img-wrap{
  position: relative;
  height: 260px;
  overflow: hidden;
}
.gw-room-card__img-wrap img{
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.gw-room-card:hover .gw-room-card__img-wrap img{ transform: scale(1.08); }
.gw-room-card__badge{
  position: absolute; top: 16px; left: 16px;
  background: var(--glass-bg-dark);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
  border: 1px solid var(--glass-border-dark);
  box-shadow: var(--glass-specular-dark);
  color: var(--gw-accent-light);
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  padding: 6px 14px; border-radius: 999px;
  font-weight: 600;
}
.gw-room-card__body{
  padding: 24px 22px 22px;
  border-top: 1px solid #e8eaef;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.gw-room-card__body h3{
  font-size: 1.5rem;
  margin: 0 0 10px;
}
.gw-room-card__meta{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #6b7280;
}
.gw-room-card__meta li{ display:flex; align-items:center; gap:6px; }
.gw-room-card__meta i{ color: var(--gw-accent); }
.gw-room-card__desc{
  color: #6b7280;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gw-room-card__cta{
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gw-ink);
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid var(--gw-accent);
  padding-bottom: 3px;
  width: fit-content;
  transition: color .2s ease, border-color .2s ease, gap .2s ease;
}
.gw-room-card__cta:hover{ color: var(--gw-accent-dark); gap: 12px; }

/* =========================================================================
   ODA DETAY — sticky bilgi kartı + amenity grid
   ========================================================================= */
.gw-info-card{
  background: rgba(255,255,255,0.72);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-top: 4px solid var(--gw-accent);
  border-radius: 16px;
  padding: 30px 28px;
  box-shadow: var(--glass-shadow), var(--glass-specular);
  position: sticky;
  top: 110px;
}
.gw-info-card h3{
  font-size: 1.6rem;
  margin: 0 0 18px;
}
.gw-info-card__row{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed #e8eaef;
  font-size: 14.5px;
  color: var(--gw-ink-soft);
}
.gw-info-card__row:last-of-type{ border-bottom: none; }
.gw-info-card__row img{ width: 22px; opacity: .85; }
.gw-info-card .btn_1{ width: 100%; text-align: center; margin-top: 22px; }

.gw-amenity-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 22px;
  list-style: none;
  padding: 0; margin: 0;
}
@media (max-width: 575px){ .gw-amenity-grid{ grid-template-columns: 1fr; } }
.gw-amenity-grid li{
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14.5px;
  color: var(--gw-ink-soft);
  padding: 12px 14px;
  background: rgba(246,247,249,0.9);
  border: 1px solid rgba(29,31,38,0.05);
  border-radius: 10px;
  transition: background .2s ease, transform .2s ease;
}
.gw-amenity-grid li:hover{
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(29,31,38,0.08);
}
.gw-amenity-grid img{ width: 24px; }

/* Galeri: carousel yerine sabit mozaik grid */
.gw-gallery-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 180px;
  gap: 10px;
}
.gw-gallery-grid a:first-child{ grid-column: span 2; grid-row: span 2; }
.gw-gallery-grid img{ width:100%; height:100%; object-fit:cover; border-radius:4px; display:block; transition: opacity .25s ease; }
.gw-gallery-grid a:hover img{ opacity:.85; }
@media (max-width: 767px){
  .gw-gallery-grid{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
  .gw-gallery-grid a:first-child{ grid-column: span 2; grid-row: span 1; }
}

/*============================================================================================*/
/* FENIKS PRIORITY HOTEL — Floating Glass Navbar (referans tasarıma göre)                          */
/*============================================================================================*/

/* ---------- Header: yüzen, camsı (glassmorphism) pill navbar ---------- */
/* GÜVENLİK KİLİDİ: header.gw-header ile #mainNav içindeki .main-menu (mobil kayar panel)
   arasındaki hiçbir ebeveyn elemanda transform/filter/perspective OLMAMALI.
   Aksi halde CSS spec gereği position:fixed olan .main-menu artık viewport'a değil,
   o ebeveyne göre konumlanır ve panel header'ın küçük kutusuna sıkışır.
   Bu kural, bilinmeyen bir kaynaktan (3. parti script, eklenti, vs.) gelebilecek
   transform'u da ezerek panelin her koşulda tam ekran açılmasını garanti eder. */
header.gw-header,
header.gw-header .container,
header.gw-header .row,
header.gw-header .col,
header.gw-header .col-auto {
  transform: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  perspective: none !important;
  will-change: auto !important;
  contain: none !important;
}

header.gw-header{
  top: 18px !important;
  left: 0 !important;
  right: 0 !important;
  width: calc(100% - 40px);
  max-width: 1360px;
  margin: 0 auto;
  border-radius: 999px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 8px !important;
  transition: top .3s ease;
  isolation: isolate;
}
/* Camsı (blur) arka plan artık header'ın KENDİSİNDE değil, bir ::before pseudo-elemanında.
   Neden: backdrop-filter (tıpkı transform/filter gibi) üzerine konduğu elemanı, içindeki
   position:fixed çocuklar için yeni bir "containing block" yapar. Bu özellik doğrudan
   header'da olsaydı, header'ın İÇİNDEKİ mobil menü paneli (.main-menu, position:fixed)
   artık ekrana değil header'ın küçük kutusuna göre konumlanır ve sıkışırdı.
   ::before header'ın gerçek DOM ağacında .main-menu'nün atası SAYILMADIĞI için bu sorunu
   tamamen ortadan kaldırıyor — görsel olarak birebir aynı, yapısal olarak güvenli. */
header.gw-header::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(26px) saturate(200%);
  backdrop-filter: blur(26px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    0 18px 45px rgba(29,31,38,0.16),
    0 1px 3px rgba(29,31,38,0.06),
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -1px 0 rgba(29,31,38,0.04);
  z-index: -1;
  transition: background .3s ease, box-shadow .3s ease;
}
header.gw-header.sticky::before{
  background: var(--glass-bg-strong) !important;
  box-shadow:
    0 14px 34px rgba(29,31,38,0.18),
    0 1px 3px rgba(29,31,38,0.08),
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -1px 0 rgba(29,31,38,0.04);
}
@media (max-width: 767px){
  header.gw-header{ width: calc(100% - 20px); top: 12px !important; padding: 6px 6px !important; }
}

/* Header nav linkleri her zaman koyu (cam zemin açık renkli olduğu için) */
header.gw-header nav ul li a,
header.gw-header.sticky nav ul li a{
  color: var(--gw-ink) !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: .3px;
  text-transform: none;
}
header.gw-header nav ul li a.animated_link:before{ background-color: var(--gw-accent) !important; }
header.gw-header .hamburger__inner,
header.gw-header .hamburger__inner::before,
header.gw-header .hamburger__inner::after{
  background-color: var(--gw-ink) !important;
}

/* ---------- Metin logosu ---------- */
a.gw-logo{
  display: flex !important;
  align-items: baseline;
  gap: 3px;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 14px;
}
.gw-logo__main{
  font-family: var(--gw-serif);
  font-size: 24px;
  font-weight: 600;
  color: var(--gw-ink);
  letter-spacing: .5px;
}
.gw-logo__accent{
  font-family: var(--gw-serif);
  font-size: 24px;
  font-weight: 600;
  font-style: italic;
  color: var(--gw-accent);
}
/* Mobil kayan panelin kendi logosu — panelin orijinal none/flex (breakpoint'e göre)
   davranışına DOKUNMUYORUZ; sadece içindeki metni biçimlendiriyoruz. */
.gw-logo-panel{
  align-items: baseline;
  gap: 3px;
  padding: 20px 30px;
}
.gw-logo-panel .gw-logo__main,
.gw-logo-panel .gw-logo__accent{ font-size: 22px; }

/* ---------- Header içi nav düzeni: logo sol, linkler orta, CTA sağda ---------- */
@media (min-width: 992px){
  header.gw-header .main-menu #mainNav > ul{
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
  }
  header.gw-header .gw-lang-switch{ margin-left: 10px; }
  header.gw-header .gw-header-cta{ margin-left: 14px; }
}

/* ---------- CTA: "Rezervasyon Yap" dolgu pill + dairesel ok ikonu ---------- */
a.gw-cta-pill.btn_1,
.gw-cta-pill{
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  background: var(--gw-ink) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 4px 4px 4px 16px !important;
  box-shadow: 0 6px 16px rgba(29,31,38,0.26);
}
.gw-cta-pill:hover{
  box-shadow: 0 10px 22px rgba(29,31,38,0.36);
  transform: translateY(-1px);
}
.gw-cta-pill span{
  font-size: 11px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}
.gw-cta-pill i{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--gw-cream);
  color: var(--gw-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}

/* ---------- Açılır alt menü (Hizmetlerimiz) — cam pencere ile uyumlu şık kart ---------- */
@media (min-width: 992px){
  .submenu_version .main-menu ul ul{
    background: var(--glass-bg-strong) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-top: 3px solid var(--gw-accent) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: var(--glass-shadow-strong), var(--glass-specular) !important;
  }
  .submenu_version .main-menu ul ul li a{
    font-family: 'Montserrat', sans-serif;
  }
  .submenu_version .main-menu ul ul li:hover > a{
    color: var(--gw-accent) !important;
  }
}

/* Mobil off-canvas menüde de altın vurgular */
@media (max-width: 991px){
  .main-menu #mainNav ul li a:hover,
  .main-menu #mainNav ul li a.active{
    color: var(--gw-accent) !important;
  }
  .main-menu .gw-header-cta{ margin-top: 10px; }
  .main-menu .gw-header-cta .gw-cta-pill{ display: inline-flex !important; }
}

/* Hero'nun altında kalmaması için sayfa içeriğine üstten boşluk (yüzen header artık akışta değil) */
body{ padding-top: 0; }

/*============================================================================================*/
/* FENIKS PRIORITY HOTEL — Alt sabit menü (fixed-nav), header ile uyumlu cam pill tasarımı          */
/*============================================================================================*/
.fixed-nav{
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  position: fixed !important;
  bottom: 14px !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  width: calc(100% - 32px) !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  background: var(--glass-bg-strong) !important;
  -webkit-backdrop-filter: blur(26px) saturate(200%);
  backdrop-filter: blur(26px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    0 18px 45px rgba(29,31,38,0.22),
    0 1px 3px rgba(29,31,38,0.08),
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -1px 0 rgba(29,31,38,0.05) !important;
  gap: 4px;
  transform: none !important;
  z-index: 90;
}
/* Bu, mobilde ekranın altına sabitlenen bir "tab bar" tasarımı — masaüstünde header'daki
   Rezervasyon Yap butonuyla görevi çakışıyor ve yüzen küçük bir pill olarak garip duruyor.
   Bu yüzden yalnızca mobil/tablette gösteriliyor. */
@media (min-width: 992px){
  .fixed-nav{ display: none !important; }
}

.fixed-nav .nav-item{
  flex: 1;
  border-radius: 999px;
  display: flex;
}

.fixed-nav .nav-item a{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px;
  width: 100%;
  padding: 0px;
  border-radius: 999px;
  text-decoration: none !important;
  color: var(--gw-ink) !important;
  transition: background .2s ease;
}
.fixed-nav .nav-item:not(.book-now) a:hover{
  background: rgba(29,31,38,0.06);
}

.fixed-nav i{
  color: var(--gw-ink) !important;
  font-size: 19px !important;
  margin-bottom: 3px !important;
}

.fixed-nav img{
  width: 19px !important;
  margin-bottom: 3px !important;
}

.fixed-nav span{
  color: var(--gw-ink) !important;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .2px;
  text-transform: uppercase;
}

.fixed-nav .book-now{
  background: var(--gw-ink) !important;
  border-radius: 999px !important;
  padding: 10px 8px !important;
  box-shadow: 0 6px 14px rgba(29,31,38,0.28);
}

.fixed-nav .book-now i{
  color: var(--gw-accent-light) !important;
}

.fixed-nav .book-now span{
  color: #fff !important;
}

.fixed-nav .book-now:hover{
  background: var(--gw-accent-dark) !important;
}

/*============================================================================================*/
/* FENIKS PRIORITY HOTEL — Profesyonel Dil Seçici (Dropdown) — bayrak sırası yerine                */
/*============================================================================================*/
.gw-lang-dropdown{
  position: relative;
}
.gw-lang-current{
  display: flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  border: 1px solid rgba(29,31,38,0.16);
  border-radius: 999px;
  padding: 7px 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .6px;
  color: var(--gw-ink);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}
.gw-lang-current:hover{
  border-color: var(--gw-accent);
  background: rgba(17,138,130,0.06);
}
.gw-lang-current i.bi-globe2{
  font-size: 14px;
  color: var(--gw-accent);
}
.gw-lang-caret{
  font-size: 9px;
  color: #9193a6;
  transition: transform .2s ease;
}
.gw-lang-dropdown.open .gw-lang-caret{ transform: rotate(180deg); }

.gw-lang-menu{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 190px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  border-top: 3px solid var(--gw-accent);
  box-shadow: var(--glass-shadow-strong), var(--glass-specular);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index: 60;
}
.gw-lang-dropdown.open .gw-lang-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.gw-lang-menu li a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 6px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--gw-ink) !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease;
}
.gw-lang-menu li a:hover{
  background: var(--gw-cream);
  color: var(--gw-accent-dark) !important;
}
.gw-lang-menu li a.active{
  color: var(--gw-accent-dark) !important;
  font-weight: 700;
}
.gw-lang-code{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 20px;
  border-radius: 4px;
  background: var(--gw-cream);
  color: var(--gw-ink);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .3px;
  flex-shrink: 0;
}
.gw-lang-menu li a.active .gw-lang-code{
  background: var(--gw-accent);
  color: #fff;
}
.gw-lang-name{ flex: 1; }
.gw-lang-check{
  font-size: 13px;
  color: var(--gw-accent);
}

/* Mobil varyant: header üstündeki küçük buton */
.gw-lang-dropdown--sm .gw-lang-current{
  padding: 5px 10px;
  font-size: 11px;
  gap: 5px;
}
.gw-lang-dropdown--sm .gw-lang-menu{
  right: 0;
  left: auto;
  min-width: 175px;
}
@media (max-width: 480px){
  .gw-lang-dropdown--sm .gw-lang-menu{ right: -10px; }
}

/*============================================================================================*/
/* FENIKS PRIORITY HOTEL — RTL desteği (Arapça, <html dir="rtl">)                                   */
/*                                                                                              */
/* NOT: Bu tema (Bootstrap grid + CSS Grid kart sistemi + off-canvas mobil menü) RTL için       */
/* tasarlanmadı. Sayfanın tamamına "direction: rtl" uygulamak — Bootstrap'ın .row/.col          */
/* yapısındaki fiziksel gutter'ları (padding-left/right), CSS Grid kart ızgaralarını ve mobil    */
/* off-canvas menünün pozisyon/transition mantığını kırıyor; bazı konteynerler ekran dışına      */
/* taşıyor ve loading="lazy" görseller hiç tetiklenmeyip "yüklenmiyor" gibi görünüyordu.         */
/* ÇÖZÜM: Sayfa iskeleti (grid/flex/pozisyonlama) bilinçli olarak LTR'de sabit tutulur;          */
/* yalnızca gerçek metin içeriği (paragraf, başlık, liste, buton yazısı) sağdan sola okunacak    */
/* şekilde çevrilir. Bu, düzeni bozmadan Arapça okunabilirliği sağlayan güvenli bir yöntemdir.   */
/*============================================================================================*/
html[dir="rtl"] body{
  direction: ltr; /* iskelet (grid/flex/float/position) kasıtlı olarak LTR'de kalır */
}

/* "direction: rtl" SADECE gerçek metin yaprak elemanlarına uygulanır — .row/.col/.gw-room-grid
   gibi üst kapsayıcılara ASLA sızdırılmaz (inherited miras yerine doğrudan hedefleme), böylece
   Bootstrap'ın gutter/flex matematiği ve grid kartları hiçbir şekilde etkilenmez. */
html[dir="rtl"] main p,
html[dir="rtl"] main li,
html[dir="rtl"] main h1,
html[dir="rtl"] main h2,
html[dir="rtl"] main h3,
html[dir="rtl"] main h4,
html[dir="rtl"] main h5,
html[dir="rtl"] main .lead,
html[dir="rtl"] main td,
html[dir="rtl"] main th,
html[dir="rtl"] footer p,
html[dir="rtl"] footer li,
html[dir="rtl"] footer h5,
html[dir="rtl"] .accordion-body p,
html[dir="rtl"] .accordion-body li{
  direction: rtl;
  text-align: right;
}

/* Merkezi hizalanmış metin blokları (hero, giriş paragrafları) ortalı kalmalı — sağa yaslamaz */
html[dir="rtl"] .text-center p,
html[dir="rtl"] .text-center .lead,
html[dir="rtl"] main .col-lg-8.text-center,
html[dir="rtl"] main .justify-content-center.text-center *{
  text-align: center;
}

/* Header nav, dil menüsü ve alt sabit menü zaten <main>/<footer> kapsamı dışında olduğu için
   body'nin varsayılan LTR yönünü miras alır — ayrıca bir kural gerekmez. Buradaki tek istisna,
   metnin kendisi (Arapça karakterler) her koşulda doğru şekillenir; sadece hizalama LTR kalır,
   bu da düzeni bozmadan kabul edilebilir küçük bir görsel farktır. */