/*
Theme Name: Palm Beach Otel
Theme URI: https://palmbeachotel.com/
Author: Palm Beach Otel
Author URI: https://palmbeachotel.com/
Description: Palm Beach Otel özel teması - Dinamik menüler ve modern tasarım
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: palmbeachotel
Tags: hotel, resort, palm-beach, custom-theme
*/

/* CSS Test - Bu stil görünüyorsa CSS yükleniyor */
.css-test-loaded {
  background: #00ff00 !important;
  color: #000000 !important;
  padding: 10px !important;
  margin: 10px !important;
  border: 3px solid #ff0000 !important;
  font-weight: bold !important;
}

/* ===== SAYFA ŞABLONLARI CSS ===== */

/* Breadcrumb */
.pbo-breadcrumb {
  background: transparent;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
}

.pbo-breadcrumb-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  text-align: left;
}

.pbo-breadcrumb-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pbo-breadcrumb-item {
  color: #6c757d;
  font-size: 14px;
}

.pbo-breadcrumb-item:not(:last-child)::after {
  content: ">";
  margin-left: 0.5rem;
  color: #adb5bd;
}

.pbo-breadcrumb-item a {
  color: #088fc2;
  text-decoration: none;
  transition: color 0.2s;
}

.pbo-breadcrumb-item a:hover {
  color: #f9b606;
}

.pbo-breadcrumb-item.active {
  color: #f9b606;
  font-weight: 600;
}

/* Sayfa Container */
.pbo-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Hero Section */
.pbo-hero-section {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #088fc2 0%, #0a3a6a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  margin-bottom: 3rem;
}

.pbo-hero-content h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.pbo-hero-content p {
  font-size: 1.2rem;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}

/* Grid Layout */
.pbo-grid {
  display: grid;
  gap: 2rem;
  margin-bottom: 3rem;
}

.pbo-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.pbo-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.pbo-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

/* Card Component */
.pbo-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.pbo-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.pbo-card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.pbo-card-content {
  padding: 1.5rem;
}

.pbo-card-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-card-text {
  color: #6c757d;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* Button Component */
.pbo-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
}

.pbo-btn-primary {
  background: #f9b606;
  color: white;
}

.pbo-btn-primary:hover {
  background: #a88c5a;
  transform: translateY(-2px);
}

.pbo-btn-secondary {
  background: #088fc2;
  color: white;
}

.pbo-btn-secondary:hover {
  background: #0a3a6a;
  transform: translateY(-2px);
}

.pbo-btn-outline {
  background: transparent;
  color: #f9b606;
  border: 2px solid #f9b606;
}

.pbo-btn-outline:hover {
  background: #f9b606;
  color: white;
}

/* Canlı Müzik Sayfası Özel Stilleri */
.pbo-btn-primary {
  background: #f9b606;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.3s;
}

.pbo-btn-primary:hover {
  background: #a88c5a;
  color: white;
  text-decoration: none;
}

.pbo-btn-secondary {
  background: #088fc2;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.3s;
}

.pbo-btn-secondary:hover {
  background: #0a3a6a;
  color: white;
  text-decoration: none;
}

/* Icon Component */
.pbo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #f9b606;
  font-size: 18px;
  transition: all 0.3s;
}

.pbo-icon:hover {
  color: #a88c5a;
  transform: scale(1.1);
}

/* Section Component */
.pbo-section {
  margin-bottom: 4rem;
}

.pbo-section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
}

.pbo-section-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #666;
  margin: 0 auto;
}

.pbo-section-subtitle {
  text-align: center;
  color: #6c757d;
  font-size: 1.1rem;
  margin-bottom: 3rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Feature Component */
.pbo-feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.pbo-feature:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.pbo-feature-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f9b606;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.pbo-feature-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-feature-content p {
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
}

/* Gallery Component */
.pbo-gallery {
  display: grid;
  gap: 1rem;
  margin-bottom: 3rem;
}

.pbo-gallery-2 {
  grid-template-columns: repeat(2, 1fr);
}

.pbo-gallery-3 {
  grid-template-columns: repeat(3, 1fr);
}

.pbo-gallery-4 {
  grid-template-columns: repeat(4, 1fr);
}

.pbo-gallery-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4/3;
}

.pbo-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.pbo-gallery-item:hover img {
  transform: scale(1.05);
}

/* Contact Component */
.pbo-contact {
  background: #f8f9fa;
  padding: 3rem 0;
  border-radius: 12px;
  margin-bottom: 3rem;
}

.pbo-contact-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pbo-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.pbo-contact-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f9b606;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.pbo-contact-content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.25rem;
}

.pbo-contact-content p {
  color: #6c757d;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
  .pbo-page-container {
    padding: 0 1rem;
  }
  
  .pbo-hero-section {
    height: 300px;
  }
  
  .pbo-hero-content h1 {
    font-size: 2rem;
  }
  
  .pbo-hero-content p {
    font-size: 1rem;
  }
  
  .pbo-grid-2,
  .pbo-grid-3,
  .pbo-grid-4 {
    grid-template-columns: 1fr;
  }
  
  .pbo-gallery-2,
  .pbo-gallery-3,
  .pbo-gallery-4 {
    grid-template-columns: 1fr;
  }
  
  .pbo-section-title {
    font-size: 2rem;
  }
  
  .pbo-contact-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .pbo-hero-section {
    height: 250px;
  }
  
  .pbo-hero-content h1 {
    font-size: 1.5rem;
  }
  
  .pbo-section-title {
    font-size: 1.5rem;
  }
  
  .pbo-card-content {
    padding: 1rem;
  }
  
  .pbo-feature {
    flex-direction: column;
    text-align: center;
  }
}

html, body {
	background: #FAF9F6 !important;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Palm Beach Otel Header & Topbar */
.pbo-topbar {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow-x: visible;
	background: linear-gradient(90deg, #fff 0%, #f8f9fa 100%);
	color: #088fc2;
	font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.3rem 2vw;
	border-bottom: 1px solid #ececec;
	z-index: 1002;
}
.pbo-topbar-left, .pbo-topbar-right {
	display: flex;
	align-items: center;
	gap: 0.7rem;
}
.pbo-topbar-link {
	cursor: pointer;
	font-weight: 500;
	color: #088fc2;
	transition: color 0.2s;
}
.pbo-topbar-link:hover { color: #0a3a6a; }
.pbo-topbar-sep { color: #b0b0b0; margin: 0 0.5rem; }
.pbo-topbar-contact { display: flex; flex-direction: column; align-items: flex-start; margin-left: 0.1rem; transition: all 0.3s ease; padding: 0.3rem 0.6rem; border-radius: 6px; }
.pbo-topbar-label { font-size: 11px; color: #888; }
.pbo-topbar-phone { font-size: 15px; font-weight: 600; color: #088fc2; }
.pbo-icon { display: flex; align-items: center; margin-right: 0.2rem; }
.pbo-icon svg { fill: #000 !important; }

.pbo-header {
	/* position: sticky; */
	/* top: 132px; */
	/* z-index: 1099; */
}
.pbo-header.scrolled {
	background: rgba(2,24,57,0.92);
	box-shadow: 0 4px 16px 0 rgba(2,24,57,0.10);
	backdrop-filter: blur(6px);
}
.pbo-header-inner {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 60px;
	/* position: sticky; */
	/* top: 132px; */
	/* z-index: 1099; */
}
.pbo-logo-wrap {
	margin-bottom: 0.5rem;
	margin-top: 0.2rem;
}
.pbo-logo {
	height: 110px;
	max-width: 340px;
	width: auto;
	transition: opacity 0.4s;
	display: block;
}
.pbo-nav {
	flex: 1;
	display: flex;
	justify-content: center;
}
.pbo-nav ul {
	display: flex;
	gap: 2.2vw;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pbo-nav li {
	font-size: 16px;
	font-weight: 600;
	color: #088fc2;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: color 0.2s;
	position: relative;
}
.pbo-header.scrolled .pbo-nav li,
.pbo-header.scrolled .pbo-topbar-link,
.pbo-header.scrolled .pbo-topbar-phone {
	color: #fff;
}
.pbo-header.scrolled .pbo-topbar-label { color: #e0e0e0; }
.pbo-header.scrolled .pbo-icon svg { fill: #fff !important; }
.pbo-nav li:hover { color: #0a3a6a; }

@media (max-width: 1400px) {
	.pbo-topbar, .pbo-header { max-width: 100vw; }
}
@media (max-width: 900px) {
	.pbo-header-inner { padding-top: 1.2rem; min-height: 90px; }
	.pbo-logo { height: 60px; }
	.pbo-header { /* top: 100px; */ }
}
@media (max-width: 600px) {
	.pbo-header-inner { padding-top: 0.5rem; min-height: 60px; }
	.pbo-logo { height: 38px; }
}

/* Logo fade değişimi için */
.pbo-logo.fade-out { opacity: 0; transition: opacity 0.4s; }
.pbo-logo.fade-in { opacity: 1; transition: opacity 0.4s; }

/* WordPress Ana Menü Stilleri */
.wp-block-navigation {
	flex: 1;
	display: flex;
	justify-content: center;
	background: none;
	box-shadow: none;
	border: none;
}
.wp-block-navigation__container {
	display: flex;
	gap: 2.2vw;
	list-style: none;
	margin: 0;
	padding: 0;
}
.wp-block-navigation-item {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #088fc2;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: color 0.2s;
}

/* Dil Seçici Özelleştirmeleri */
.gt-current-lang img{
  display: none!important;
}
.gt-current-lang .gt_float_switcher-arrow{
  display: none!important;
}
.gt_float_switcher  {
  box-shadow: none!important;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-size:16px!important;
  font-weight:bold!important;
}


.wp-block-navigation-item__content {
	color: inherit;
	text-decoration: none;
	padding: 0.2em 0.5em;
	border-radius: 4px;
	transition: background 0.2s, color 0.2s;
}
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: #fff;
	background: #088fc2;
}
.pbo-header.scrolled .wp-block-navigation-item,
.pbo-header.scrolled .wp-block-navigation-item__content {
	color: #fff;
	background: transparent;
}
@media (max-width: 900px) {
	.wp-block-navigation__container { gap: 1vw; font-size: 14px; }
}
@media (max-width: 600px) {
	.wp-block-navigation__container { flex-wrap: wrap; gap: 0.7rem; }
}

/* Site başlığını gizle */
.wp-block-site-title,
.wp-block-site-title__link {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}

/* Topbar 3 sütunlu ve tam genişlikte, logo ortada */
.pbo-topbar-3col {
	display: grid;
	grid-template-columns: 1fr 240px 1fr;
	align-items: center;
	max-width: 100vw;
	margin: 0 auto;
	padding: 0.7rem 0;
	gap: 1rem;
	background: #FAF9F6;
	border-bottom: 1px solid #ececec;
	/* position: sticky; */
	/* top: 0; */
	/* z-index: 1100; */
	font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.pbo-topbar-col {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 0.8rem;
	flex-wrap: nowrap;
	justify-content: center;
}
.pbo-topbar-left {
	justify-content: flex-start;
	align-items: center;
	gap: 0.8rem;
	width: 100%;
	padding-left: 1rem;
}
.pbo-topbar-right {
	justify-content: flex-end;
	align-items: center;
	gap: 0.6rem;
	width: 100%;
	padding-right: 1rem;
}
.pbo-topbar-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	min-width: 240px;
}
.pbo-logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* Topbar spacer */
.pbo-topbar-spacer {
	width: 60px;
	height: 1px;
}

/* Dikey divider */
.pbo-divider {
	width: 1px;
	height: 20px;
	background: #e0e0e0;
	margin: 0 0.3rem;
	display: inline-block;
	align-self: center;
}

/* Dil seçici sağda */
.pbo-lang-switcher {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	margin-left: 0.5rem;
	font-size: 12px;
	font-weight: 600;
	color: #444;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ececec;
	padding: 0.2em 0.5em;
	cursor: pointer;
	position: relative;
}
.pbo-lang-switcher svg { margin-left: 0.2em; }

@media (max-width: 1200px) {
	.pbo-topbar-3col { max-width: 100vw; padding: 0.2rem 0; gap: 0.8rem; }
	.pbo-topbar-col { gap: 0.6rem; }
	.pbo-topbar-left { gap: 0.5rem; padding-left: 0.5rem; }
	.pbo-topbar-right { gap: 0.5rem; padding-right: 0.5rem; }
}
@media (max-width: 900px) {
	.pbo-topbar-3col {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		padding: 0.1rem 1vw;
		max-width: 100vw;
		gap: 0.5rem;
	}
	.pbo-topbar-col { flex-wrap: wrap; justify-content: center; align-items: flex-start; }
	.pbo-logo { height: 60px; }
}
@media (max-width: 600px) {
	.pbo-logo { height: 38px; }
}

/* Header tam genişlikte */
.pbo-header {
	width: 100vw;
	left: 0;
	right: 0;
	margin: 0;
	top: 170px;
    background-color: #faf9f6;
	top: 170px;
	z-index: 1099;
}
.pbo-header-inner {
	width: 100vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 60px;
	top: 132px;
	z-index: 1099;
}

#pbo-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  margin: 0;
  z-index: 1100;
  background: #faf9f6;
  max-width: none;
  box-sizing: border-box;
}

#pbo-header.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  margin: 0 !important;
  box-shadow: 0 4px 16px 0 rgba(2,24,57,0.10) !important;
  background: #088fc2 !important;
  z-index: 1000 !important;
  transition: all 0.3s ease !important;
}

#pbo-header.sticky #topbar,
#topbar.sticky {
  background: #088fc2 !important;
  color: #fff !important;
}

#pbo-header.sticky,
#pbo-header.sticky #topbar,
#topbar.sticky {
  background:#088fc2 !important
}

#pbo-header.sticky .pbo-topbar-label,
#pbo-header.sticky .pbo-topbar-info,
#pbo-header.sticky .pbo-topbar-link,
#pbo-header.sticky .pbo-icon svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Desktop Navigation Menu */
.pbo-header-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 60px;
}

/* Hide desktop navigation on mobile */
@media (max-width: 900px) {
  .pbo-header-inner {
    display: none !important;
  }
}

/* Show desktop navigation on desktop */
@media (min-width: 901px) {
  .pbo-header-inner {
    display: flex !important;
  }
}

.pbo-header-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 60px;
}

/* Buton hover text secondary color */
button:hover, .wp-block-button__link:hover, .pbo-btn:hover {
	color: #fdb801 !important;
}

/* Slider temel stiller */
.pbo-slider {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	height: 650px;
	min-height: 420px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
}
.pbo-slider-slide,
.pbo-slider-slide video,
.pbo-slider-slide img {
	width: 100vw !important;
	height: 650px !important;
	object-fit: cover !important;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
.pbo-slider-slide.active {
	opacity: 1;
	z-index: 2;
}
.pbo-slider-controls {
	position: absolute;
	left: 50%;
	bottom: 32px;
	transform: translateX(-50%);
	display: flex;
	gap: 18px;
	z-index: 10;
}
.pbo-slider-dot {
	width: 38px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	opacity: 0.5;
	transition: background 0.2s, opacity 0.2s;
	cursor: pointer;
}
.pbo-slider-dot.active {
	background: #fdb801;
	opacity: 1;
}

/* Rezervasyon formu slider altına tam oturacak şekilde */
.pbo-rezervasyon-form-wrap {
	width: 100vw;
	max-width: 100vw;
	display: flex;
	justify-content: center;
	margin-top: -70px;
	position: relative;
	z-index: 40;
}
.pbo-rezervasyon-form {
	position: relative;
	background: #fff;
	box-shadow: 0 8px 32px 0 rgba(2,24,57,0.10);
	border-radius: 16px;
	padding: 2.2rem 2vw 1.2rem 2vw;
	min-width: 320px;
	max-width: 980px;
	width: 90vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: none;
}
.pbo-rez-row {
	display: flex;
	width: 100%;
	gap: 1.5rem;
	justify-content: space-between;
}
.pbo-rez-col {
	flex: 1;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 15px;
	font-weight: 600;
	color: #222;
	border-right: 1px solid #ececec;
	padding-right: 1.2rem;
}
.pbo-rez-col:last-child { border-right: none; padding-right: 0; }
.pbo-rez-col label { font-size: 13px; color: #888; font-weight: 700; letter-spacing: 0.02em; }
.pbo-rez-col input[type="date"] {
	margin-top: 0.3em;
	font-size: 16px;
	padding: 0.3em 0.7em;
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fafbfc;
	color: #222;
	font-weight: 500;
	width: 100%;
	min-width: 0;
}
.pbo-rez-btn { display: flex; align-items: flex-end; justify-content: flex-end; }
.pbo-btn {
	background: #088fc2;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	border: none;
	border-radius: 8px;
	padding: 0.7em 2.2em;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	box-shadow: 0 2px 8px 0 rgba(2,24,57,0.06);
}
.pbo-btn:hover { color: #fdb801 !important; background: #088fc2; }

/* Yetişkin/Çocuk açılır paneli */
.pbo-guest-select { position: relative; }
.pbo-guest-summary {
	background: #fafbfc;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 0.3em 0.7em;
	font-size: 16px;
	color: #222;
	font-weight: 500;
	cursor: pointer;
	min-width: 140px;
	margin-top: 0.3em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pbo-guest-arrow { font-size: 13px; margin-left: 0.5em; color: #888; }
.pbo-guest-panel {
	display: none;
	position: absolute;
	left: 0;
	top: 110%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 24px 0 rgba(2,24,57,0.10);
	padding: 1.2em 1.5em;
	min-width: 220px;
	z-index: 100;
}
.pbo-guest-panel.open { display: block; }
.pbo-guest-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: 600;
}
.pbo-guest-row:last-child { margin-bottom: 0; }
.pbo-guest-plus, .pbo-guest-minus {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: #222;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0 0.5em;
	transition: background 0.2s;
}
.pbo-guest-plus:hover, .pbo-guest-minus:hover { background: #088fc2; }

/* Slider dotları formun üstünde kalsın */
.pbo-slider-controls { z-index: 40; bottom: 120px; }

@media (max-width: 900px) {
	.pbo-rez-row { flex-direction: column; gap: 0.7rem; }
	.pbo-rez-col { border-right: none; padding-right: 0; }
	.pbo-rezervasyon-form-wrap { margin-top: -30px; }
	.pbo-rezervasyon-form { padding: 1.2rem 1vw; }
	.pbo-slider-controls { bottom: 180px; }
}

/* Sadeleştirilmiş header ve topbar kutulu yapı */
.pbo-topbar-3col, .pbo-header {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding-left: 2vw;
	padding-right: 2vw;
	box-sizing: border-box;
}
.pbo-header {
	top: 132px;
	z-index: 1099;
}
.pbo-topbar-3col {
	top: 0;
	z-index: 1100;
}
.pbo-header-inner, .pbo-topbar-col {
	margin: 0;
	padding: 0;
}
@media (max-width: 900px) {
	.pbo-header { /* top: 100px; */ }
	.pbo-topbar-3col { /* top: 0; */ }
}

/* Sadece aktif slide görünür, diğerleri gizli */
.pbo-slider-slide {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s;
}
.pbo-slider-slide.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.pbo-slider {
  position: relative;
}

/* Slider yüksekliği sabit 640px */
.pbo-slider {
  height: 640px !important;
}

.pbo-topbar-whatsapp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.pbo-topbar-contact,
.pbo-topbar-whatsapp,
.pbo-topbar-callcenter,
.pbo-topbar-map,
.pbo-topbar-hotel {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.7rem;
  text-decoration: none;
  color: #222;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 0.3em 0.7em;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}
.pbo-topbar-contact-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.1;
}
.pbo-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.4em;
  min-width: 18px;
}
.pbo-topbar-whatsapp .pbo-topbar-contact-inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.pbo-topbar-whatsapp .pbo-topbar-label {
  white-space: nowrap;
}
.pbo-topbar-whatsapp .pbo-topbar-info {
  font-weight: 700;
  font-size: 15px;
  color: #222;
  white-space: nowrap;
}
.pbo-topbar-contact:hover,
.pbo-topbar-whatsapp:hover,
.pbo-topbar-callcenter:hover,
.pbo-topbar-map:hover,
.pbo-topbar-hotel:hover {
  background: #FAF9F6;
}
.pbo-topbar-contact:hover .pbo-icon,
.pbo-topbar-whatsapp:hover .pbo-icon,
.pbo-topbar-callcenter:hover .pbo-icon,
.pbo-topbar-map:hover .pbo-icon,
.pbo-topbar-hotel:hover .pbo-icon {
  fill: #fff !important;
}
.pbo-topbar-contact:hover .pbo-topbar-label,
.pbo-topbar-whatsapp:hover .pbo-topbar-label,
.pbo-topbar-callcenter:hover .pbo-topbar-label,
.pbo-topbar-map:hover .pbo-topbar-label,
.pbo-topbar-hotel:hover .pbo-topbar-label,
.pbo-topbar-contact:hover .pbo-topbar-info,
.pbo-topbar-whatsapp:hover .pbo-topbar-info,
.pbo-topbar-callcenter:hover .pbo-topbar-info,
.pbo-topbar-map:hover .pbo-topbar-info,
.pbo-topbar-hotel:hover .pbo-topbar-info {
  color: #fff !important;
}

/* Topbar contact inner hover */
.pbo-topbar-contact:hover .pbo-topbar-contact-inner,
.pbo-topbar-hotel:hover .pbo-topbar-contact-inner {
  color: #fff !important;
}

/* Text primary and font-size-10 hover */
.pbo-topbar-contact:hover .text-primary,
.pbo-topbar-hotel:hover .text-primary,
.pbo-topbar-contact:hover .font-size-10,
.pbo-topbar-hotel:hover .font-size-10 {
  color: #fff !important;
}
.pbo-topbar-label {
  font-size: 11px;
  color: #f9b606;
  font-weight: 500;
  line-height: 1.1;
}
.pbo-topbar-info {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  line-height: 1.1;
  white-space: nowrap;
}
.pbo-topbar-link, .pbo-topbar-link-text, .pbo-topbar-link-text.border-top, .pbo-topbar-link-text.border-bottom {
  border: none !important;
  text-decoration: none !important;
  color: #222;
  background: none;
  font-weight: 500;
  font-size: 15px;
  padding: 0;
}
.pbo-topbar-link:hover, .pbo-topbar-link-text:hover {
  background: #FAF9F6;
  color: #f9b606 !important;
}

/* Section Elements */
.pbo-slider-section {
  width: 100%;
  position: relative;
}

/* Video container ve poster stilleri */
.pbo-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.pbo-video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
}

.pbo-video-play-btn {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	cursor: pointer;
}

.pbo-video-play-btn:hover {
	background: rgba(0, 0, 0, 0.7);
	transform: scale(1.1);
}

.pbo-video-play-btn svg {
	margin-left: 8px;
}

.pbo-video-container.loading .pbo-video-poster {
	opacity: 0.7;
}

.pbo-video-container.loading .pbo-video-play-btn {
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.pbo-rezervasyon-section {
  width: 100%;
  position: relative;
  margin-top: -70px;
  z-index: 40;
}

.pbo-welcome-section {
  width: 100%;
  max-width: 100vw;
  padding: 4rem 2vw;
  background: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
}

.pbo-welcome-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.pbo-welcome-inner h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.pbo-welcome-inner p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #666;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .pbo-welcome-section {
    padding: 3rem 2vw;
  }
  
  .pbo-welcome-inner h2 {
    font-size: 2rem;
  }
  
  .pbo-welcome-inner p {
    font-size: 1rem;
  }
  
  /* Mobile slider controls position */
  .pbo-slider-controls {
    bottom: 15px !important;
  }
  
  /* Mobile slider swipeable */
  .pbo-slider {
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
  }
  
  .pbo-slider-slide {
    touch-action: pan-y pinch-zoom;
  }
  
  /* Mobile header scroll effects */
 
  
  .pbo-mobile-header.pbo-scrolled .pbo-mobile-hotel-icon svg,
  .pbo-mobile-header.pbo-scrolled .pbo-mobile-lang-switcher,
  .pbo-mobile-header.pbo-scrolled .pbo-hamburger-menu span {
    color: #fff !important;
    fill: #fff !important;
  }
  
  .pbo-mobile-header.pbo-scrolled .pbo-mobile-hotel-icon svg {
    fill: #fff !important;
  }
  
  .pbo-mobile-header.pbo-scrolled .pbo-mobile-lang-switcher svg path {
    fill: #fff !important;
  }
  
  /* Hamburger menu white when scrolled */
  .pbo-mobile-header.pbo-scrolled .pbo-hamburger-menu span {
    background: #fff !important;
  }
}

@media (max-width: 600px) {
  .pbo-welcome-section {
    padding: 2rem 2vw;
  }
  
  .pbo-welcome-inner h2 {
    font-size: 1.5rem;
  }
}

/* Palm Beach Otel: Header & Topbar scroll background effect */








/* Mobile Header Styles */
@media (max-width: 900px) {
  /* Hide desktop topbar on mobile */
  .pbo-topbar-3col {
    display: none !important;
  }
  
  /* Show mobile header */
  .pbo-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 2vw;
    background: #fff;
    border-bottom: 1px solid #ececec;
    width: 100%;
    box-sizing: border-box;
    height: 65px;
  }
  
  .pbo-mobile-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 120px;
  }
  
  .pbo-mobile-hotel-icon {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
  }
  
  .pbo-mobile-hotel-icon:hover {
    background: #f5f5f5;
  }
  
  .pbo-mobile-lang-switcher {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 14px;
    font-weight: 600;
    color: #444;
    background: transparent;
    border: none;
    padding: 0.3em 0.7em;
    cursor: pointer;
  }
  
  .pbo-mobile-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
  
  .pbo-mobile-logo {
    height: 40px;
    width: auto;
  }
  
  .pbo-mobile-right {
    display: flex;
    align-items: center;
    width: 120px;
    justify-content: flex-end;
  }
  
  /* Hamburger Menu */
  .pbo-hamburger-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  
  .pbo-hamburger-menu span {
    width: 100%;
    height: 2px;
    background: #088fc2;
    transition: all 0.3s;
  }
  
  .pbo-hamburger-menu.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  
  .pbo-hamburger-menu.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(-20px);
  }
  
  .pbo-hamburger-menu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  
  /* Mobile Menu Overlay */
  .pbo-mobile-menu-overlay {
    position: fixed;
    top: 111px;
    left: 0;
    width: 100%;
    height: calc(100vh - 64px);
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
  
  .pbo-mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .pbo-mobile-menu-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 2rem 1rem;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: transform 0.3s;
    overflow-x: hidden;
  }
  
  .pbo-mobile-menu-overlay.active .pbo-mobile-menu-content {
    transform: translateX(0);
  }
  
  /* Mobile Menu Header Buttons */
  .pbo-mobile-menu-header {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: 2rem;
    width: 100%;
  }
  
  .pbo-mobile-reserve-btn,
  .pbo-mobile-call-btn {
    flex: 1;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    display: block;
    text-align: center;
  }
  
  .pbo-mobile-reserve-btn {
    background: #f9b606;
    color: #fff;
  }
  
  .pbo-mobile-call-btn {
    background: #666;
    color: #fff;
  }
  
  .pbo-mobile-reserve-btn:hover {
    background: #a8905a;
  }
  
  .pbo-mobile-call-btn:hover {
    background: #555;
  }
  
  /* Mobile Navigation */
  .pbo-mobile-nav {
    
    padding: 0 1rem;
  }
  
  .pbo-mobile-nav .wp-block-navigation {
    margin-bottom: 1rem;
  }
  
  .pbo-mobile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  .pbo-mobile-nav li {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    background-color: #fbfbfb;
  }
  
  /* WordPress submenu'lerini gizle */
.pbo-mobile-nav .wp-block-navigation__submenu-container,
.pbo-mobile-nav .wp-block-navigation-submenu,
.pbo-mobile-nav .sub-menu {
  display: none !important;
}

/* ========================================
   SAYFA ŞABLONLARI STİLLERİ
   ======================================== */

/* Container */
.pbo-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 2;
}

/* Restaurant, Bar, Beach, Havuz Hero Sections */
.pbo-restaurant-hero,
.pbo-bar-hero,
.pbo-beach-hero,
.pbo-havuz-hero {
  position: relative;
  height: 60vh;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pbo-restaurant-hero-background,
.pbo-bar-hero-background,
.pbo-beach-hero-background,
.pbo-havuz-hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pbo-restaurant-hero-background img,
.pbo-bar-hero-background img,
.pbo-beach-hero-background img,
.pbo-havuz-hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbo-restaurant-hero-overlay,
.pbo-bar-hero-overlay,
.pbo-beach-hero-overlay,
.pbo-havuz-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.pbo-restaurant-hero-content,
.pbo-bar-hero-content,
.pbo-beach-hero-content,
.pbo-havuz-hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
  max-width: 800px;
  padding: 0 2rem;
}

.pbo-restaurant-hero-content h1,
.pbo-bar-hero-content h1,
.pbo-beach-hero-content h1,
.pbo-havuz-hero-content h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  color: white;
}

.pbo-restaurant-hero-content p,
.pbo-bar-hero-content p,
.pbo-beach-hero-content p,
.pbo-havuz-hero-content p {
  font-size: 1.25rem;
  font-weight: 400;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: white;
}

/* Content Sections */
.pbo-restaurant-content,
.pbo-bar-content,
.pbo-beach-content,
.pbo-havuz-content {
  padding: 4rem 0;
}

.pbo-restaurant-grid,
.pbo-bar-grid,
.pbo-beach-grid,
.pbo-havuz-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.pbo-restaurant-info h2,
.pbo-bar-info h2,
.pbo-beach-info h2,
.pbo-havuz-info h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1.5rem;
}

.pbo-restaurant-info p,
.pbo-bar-info p,
.pbo-beach-info p,
.pbo-havuz-info p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #666;
  margin-bottom: 2rem;
}

/* Features */
.pbo-restaurant-features,
.pbo-bar-features,
.pbo-beach-features,
.pbo-havuz-features {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pbo-restaurant-feature,
.pbo-bar-feature,
.pbo-beach-feature,
.pbo-havuz-feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.pbo-restaurant-feature:hover,
.pbo-bar-feature:hover,
.pbo-beach-feature:hover,
.pbo-havuz-feature:hover {
  background: #e9ecef;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pbo-restaurant-feature-icon,
.pbo-bar-feature-icon,
.pbo-beach-feature-icon,
.pbo-havuz-feature-icon {
  width: 50px;
  height: 50px;
  background: #088fc2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
  font-size: 1.5rem;
  color: white;
}

.pbo-restaurant-feature:hover .pbo-restaurant-feature-icon,
.pbo-bar-feature:hover .pbo-bar-feature-icon,
.pbo-beach-feature:hover .pbo-beach-feature-icon,
.pbo-havuz-feature:hover .pbo-havuz-feature-icon {
  background: #f9b606;
  transform: scale(1.1);
}

.pbo-restaurant-feature-content h3,
.pbo-bar-feature-content h3,
.pbo-beach-feature-content h3,
.pbo-havuz-feature-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-restaurant-feature-content p,
.pbo-bar-feature-content p,
.pbo-beach-feature-content p,
.pbo-havuz-feature-content p {
  font-size: 1rem;
  color: #666;
  line-height: 1.5;
}

/* Gallery */
.pbo-restaurant-gallery-grid,
.pbo-bar-gallery-grid,
.pbo-beach-gallery-grid,
.pbo-havuz-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 2rem;
}

.pbo-restaurant-gallery-item,
.pbo-bar-gallery-item,
.pbo-beach-gallery-item,
.pbo-havuz-gallery-item {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pbo-restaurant-gallery-item img,
.pbo-bar-gallery-item img,
.pbo-beach-gallery-item img,
.pbo-havuz-gallery-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-restaurant-gallery-item:hover img,
.pbo-bar-gallery-item:hover img,
.pbo-beach-gallery-item:hover img,
.pbo-havuz-gallery-item:hover img {
  transform: scale(1.05);
}

/* Menu Sections */
.pbo-restaurant-menu,
.pbo-bar-menu {
  padding: 4rem 0;
  background: #f8f9fa;
  margin-top: 2rem;
}

.pbo-restaurant-menu h2,
.pbo-bar-menu h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
  position: relative;
}

.pbo-restaurant-menu h2:after,
.pbo-bar-menu h2:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #f9b606;
}

.pbo-restaurant-menu-grid,
.pbo-bar-menu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.pbo-restaurant-menu-category,
.pbo-bar-menu-category {
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pbo-restaurant-menu-category h3,
.pbo-bar-menu-category h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pbo-restaurant-menu-category ul,
.pbo-bar-menu-category ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pbo-restaurant-menu-category li,
.pbo-bar-menu-category li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #eee;
}

.pbo-restaurant-menu-category li:last-child,
.pbo-bar-menu-category li:last-child {
  border-bottom: none;
}

.menu-item-name {
  font-weight: 500;
  color: #333;
}

.menu-item-price {
  font-weight: 600;
  color: #f9b606;
}

/* Services Sections */
.pbo-beach-services,
.pbo-havuz-services {
  padding: 4rem 0;
  background: #f8f9fa;
}

.pbo-beach-services h2,
.pbo-havuz-services h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-beach-services-grid,
.pbo-havuz-services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-beach-service,
.pbo-havuz-service {
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.pbo-beach-service-icon,
.pbo-havuz-service-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.pbo-beach-service-content h3,
.pbo-havuz-service-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-beach-service-content p,
.pbo-havuz-service-content p {
  color: #666;
  margin-bottom: 1rem;
}

.pbo-beach-service-price,
.pbo-havuz-service-price {
  font-weight: 600;
  color: #f9b606;
  font-size: 1.1rem;
}

/* Activities Section */
.pbo-beach-activities {
  padding: 4rem 0;
}

.pbo-beach-activities h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-beach-activities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-beach-activity {
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.pbo-beach-activity-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.pbo-beach-activity-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-beach-activity-content p {
  color: #666;
}

/* Safety Section */
.pbo-beach-safety {
  padding: 4rem 0;
  background: #f8f9fa;
}

.pbo-beach-safety h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-beach-safety-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-beach-safety-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pbo-beach-safety-icon {
  font-size: 2.5rem;
  flex-shrink: 0;
}

.pbo-beach-safety-details h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-beach-safety-details p {
  color: #666;
}

/* Rules Section */
.pbo-havuz-rules {
  padding: 4rem 0;
  background: #f8f9fa;
}

.pbo-havuz-rules h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-havuz-rules-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-havuz-rule {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pbo-havuz-rule-icon {
  font-size: 2.5rem;
  flex-shrink: 0;
}

.pbo-havuz-rule-details h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-havuz-rule-details p {
  color: #666;
}

/* Temperature Section */
.pbo-havuz-temperature {
  padding: 4rem 0;
}

.pbo-havuz-temperature h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-havuz-temperature-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-havuz-temperature-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pbo-havuz-temperature-icon {
  font-size: 2.5rem;
  flex-shrink: 0;
}

.pbo-havuz-temperature-details h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-havuz-temperature-details p {
  color: #666;
}

/* Events Section */
.pbo-bar-events {
  padding: 4rem 0;
  background: #f8f9fa;
}

.pbo-bar-events h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 3rem;
}

.pbo-bar-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.pbo-bar-event {
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.pbo-bar-event-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.pbo-bar-event-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #088fc2;
  margin-bottom: 0.5rem;
}

.pbo-bar-event-content p {
  color: #666;
  margin-bottom: 1rem;
}

.pbo-bar-event-time {
  font-weight: 600;
  color: #f9b606;
  font-size: 1.1rem;
}

/* Contact Sections */
.pbo-restaurant-contact,
.pbo-bar-contact,
.pbo-beach-contact,
.pbo-havuz-contact {
  padding: 4rem 0;
  background: #088fc2;
  color: white;
}

.pbo-restaurant-contact-content,
.pbo-bar-contact-content,
.pbo-beach-contact-content,
.pbo-havuz-contact-content {
  text-align: center;
}

.pbo-restaurant-contact-content h2,
.pbo-bar-contact-content h2,
.pbo-beach-contact-content h2,
.pbo-havuz-contact-content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.pbo-restaurant-contact-content p,
.pbo-bar-contact-content p,
.pbo-beach-contact-content p,
.pbo-havuz-contact-content p {
  font-size: 1.1rem;
  margin-bottom: 3rem;
  opacity: 0.9;
}

.pbo-restaurant-contact-info,
.pbo-bar-contact-info,
.pbo-beach-contact-info,
.pbo-havuz-contact-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.pbo-restaurant-contact-item,
.pbo-bar-contact-item,
.pbo-beach-contact-item,
.pbo-havuz-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.1);
  padding: 2rem;
  border-radius: 8px;
}

.pbo-restaurant-contact-icon,
.pbo-bar-contact-icon,
.pbo-beach-contact-icon,
.pbo-havuz-contact-icon {
  font-size: 2rem;
  flex-shrink: 0;
}

.pbo-restaurant-contact-details h4,
.pbo-bar-contact-details h4,
.pbo-beach-contact-details h4,
.pbo-havuz-contact-details h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.pbo-restaurant-contact-details p,
.pbo-bar-contact-details p,
.pbo-beach-contact-details p,
.pbo-havuz-contact-details p {
  opacity: 0.9;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .pbo-restaurant-hero,
  .pbo-bar-hero,
  .pbo-beach-hero,
  .pbo-havuz-hero {
    height: 50vh;
    min-height: 300px;
  }
  
  .pbo-restaurant-hero-content h1,
  .pbo-bar-hero-content h1,
  .pbo-beach-hero-content h1,
  .pbo-havuz-hero-content h1 {
    font-size: 2.5rem;
  }
  
  .pbo-restaurant-grid,
  .pbo-bar-grid,
  .pbo-beach-grid,
  .pbo-havuz-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .pbo-restaurant-gallery-grid,
  .pbo-bar-gallery-grid,
  .pbo-beach-gallery-grid,
  .pbo-havuz-gallery-grid {
    grid-template-columns: 1fr;
  }
  
  .pbo-restaurant-menu-grid,
  .pbo-bar-menu-grid,
  .pbo-beach-services-grid,
  .pbo-havuz-services-grid,
  .pbo-beach-activities-grid,
  .pbo-beach-safety-content,
  .pbo-havuz-rules-content,
  .pbo-havuz-temperature-content,
  .pbo-bar-events-grid,
  .pbo-restaurant-contact-info,
  .pbo-bar-contact-info,
  .pbo-beach-contact-info,
  .pbo-havuz-contact-info {
    grid-template-columns: 1fr;
  }

  .pbo-restaurant-feature,
  .pbo-bar-feature,
  .pbo-beach-feature,
  .pbo-havuz-feature {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .pbo-restaurant-feature-icon,
  .pbo-bar-feature-icon,
  .pbo-beach-feature-icon,
  .pbo-havuz-feature-icon {
    align-self: center;
  }
}
  
  .pbo-mobile-nav a {
    color: #088fc2;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    padding: 0.5rem 0;
    transition: color 0.2s;
  }
  
  .pbo-mobile-nav a:hover {
    color: #f9b606;
  }
  
  /* Dynamic mobile menu styles */
  .pbo-mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .pbo-mobile-menu-item {
    margin-bottom: 1rem;
  }
  
  .pbo-mobile-menu-item a {
    color: #088fc2;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    padding: 0.5rem 0;
    transition: color 0.2s;
  }
  
  .pbo-mobile-menu-item a:hover {
    color: #f9b606;
  }
  
  /* Mobile submenu styles - Gizli */
  .pbo-mobile-submenu {
    display: none !important;
  }
  
  .pbo-mobile-submenu .pbo-mobile-menu-item {
    display: none !important;
  }
  
  .pbo-mobile-submenu .pbo-mobile-menu-item a {
    display: none !important;
  }
  
  /* Mobile Contact Section */
  .pbo-mobile-contact {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ececec;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
  }
  
  .pbo-mobile-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1;
    margin-bottom: 0;
  }
  
  .pbo-mobile-contact-icon {
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
  }
  
  .pbo-mobile-contact-info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
  }
  
  .pbo-mobile-contact-label {
    font-size: 11px;
    color: #f9b606;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .pbo-mobile-contact-number {
    font-size: 14px;
    font-weight: 700;
    color: #088fc2;
    line-height: 1.2;
  }
}

/* Hide mobile header on desktop */
@media (min-width: 901px) {
  .pbo-mobile-header,
  .pbo-mobile-menu-overlay {
    display: none !important;
  }
}

/* Mobile Reservation Section */
@media (max-width: 900px) {
  /* Hide desktop reservation form on mobile */
  .pbo-rezervasyon-section {
    display: none !important;
  }
  
  /* Mobile Reservation Section */
  .pbo-mobile-rezervasyon-section {
    width: 100%;
    background: #fff;
    /* padding: 1rem 2vw; */
    border-bottom: 1px solid #ececec;
  }
  
  .pbo-mobile-rezervasyon-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
  }
  
  .pbo-mobile-rezervasyon-left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .pbo-mobile-star-icon {
    display: flex;
    align-items: center;
  }
  
  .pbo-mobile-rezervasyon-text {
    font-size: 14px;
    font-weight: 600;
    color: #088fc2;
  }
  
  .pbo-mobile-rezervasyon-right {
    display: flex;
    align-items: center;
  }
  
  .pbo-mobile-rezervasyon-btn {
    background: #f9b606;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.8rem 1.5rem;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s;
  }
  
  .pbo-mobile-rezervasyon-btn:hover {
    background: #a8905a;
  }
  
  /* Mobile Reservation Modal */
  .pbo-mobile-rezervasyon-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 104vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pbo-mobile-rezervasyon-modal.active {
    opacity: 1;
    visibility: visible;
  }
  
  .pbo-mobile-rezervasyon-modal-content {
    background: #fff;
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2rem 1rem;
    box-sizing: border-box;
    transform: scale(0.8);
    transition: transform 0.3s;
  }
  
  .pbo-mobile-rezervasyon-modal.active .pbo-mobile-rezervasyon-modal-content {
    transform: scale(1);
  }
  
  .pbo-mobile-rezervasyon-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ececec;
  }
  
  .pbo-mobile-rezervasyon-modal-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #088fc2;
  }
  
  .pbo-mobile-rezervasyon-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    transition: background 0.2s;
  }
  
  .pbo-mobile-rezervasyon-modal-close:hover {
    background: #f5f5f5;
  }
  
  .pbo-mobile-rezervasyon-form-row {
    margin-bottom: 1.5rem;
  }
  
  .pbo-mobile-rezervasyon-form-row:last-child {
    margin-bottom: 0;
  }
  
  .pbo-mobile-rezervasyon-form-col {
    margin-bottom: 1rem;
  }
  
  .pbo-mobile-rezervasyon-form-col:last-child {
    margin-bottom: 0;
  }
  
  .pbo-mobile-rezervasyon-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #088fc2;
    margin-bottom: 0.5rem;
  }
  
  .pbo-mobile-rezervasyon-form input[type="date"] {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box;
  }
  
  .pbo-mobile-guest-select {
    position: relative;
  }
  
  .pbo-mobile-guest-summary {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
  
  .pbo-mobile-guest-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
    margin-top: 0.2rem;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  
  .pbo-mobile-guest-panel.open {
    display: block;
  }
  
  .pbo-mobile-guest-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 600;
  }
  
  .pbo-mobile-guest-row:last-child {
    margin-bottom: 0;
  }
  
  .pbo-mobile-guest-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .pbo-mobile-guest-plus,
  .pbo-mobile-guest-minus {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #222;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 0.5em;
    transition: background 0.2s;
  }
  
  .pbo-mobile-guest-plus:hover,
  .pbo-mobile-guest-minus:hover {
    background: #088fc2;
  }
  
  .pbo-mobile-rezervasyon-submit-btn {
    width: 100%;
    background: #f9b606;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 1rem;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
    text-transform: uppercase;
  }
  
  .pbo-mobile-rezervasyon-submit-btn:hover {
    background: #a8905a;
  }
}

/* Hide mobile reservation on desktop */
@media (min-width: 901px) {
  .pbo-mobile-rezervasyon-section,
  .pbo-mobile-rezervasyon-modal {
    display: none !important;
  }
}

/* Location Section */
.pbo-location-section {
  padding: 4rem 0;
  background: #fff;
}

.pbo-location-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  gap: 4rem;
}

.pbo-location-image {
  flex: 1;
  max-width: 50%;
}

.pbo-location-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.pbo-location-content {
  flex: 1;
  max-width: 50%;
}

.pbo-location-content h3 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.pbo-location-content p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #666;
  margin-bottom: 0;
}

/* Mobile responsive for location section */
@media (max-width: 900px) {
  .pbo-location-inner {
    flex-direction: column;
    gap: 2rem;
    padding: 0 1rem;
  }
  
  .pbo-location-image,
  .pbo-location-content {
    max-width: 100%;
  }
  
  .pbo-location-image img {
    height: 300px;
  }
  
  .pbo-location-content h3 {
    font-size: 2rem;
  }
  
  .pbo-location-content p {
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .pbo-location-section {
    padding: 2rem 0;
  }
  
  .pbo-location-image img {
    height: 250px;
  }
  
  .pbo-location-content h3 {
    font-size: 1.8rem;
  }
}

/* Gallery Section */
.pbo-gallery-section {
  padding: 4rem 0;
  background: #088fc2!important;
}
.pbo-gallery-admin-section {
  background: #088fc2;
}

.pbo-gallery-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

.pbo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.pbo-gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 2;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 25, 57, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.pbo-gallery-text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  transition: transform 0.3s ease;
}

/* Hover effects */
.pbo-gallery-item:hover .pbo-gallery-overlay {
  background: rgba(2, 25, 57, 0);
}

.pbo-gallery-item:hover img {
  transform: scale(1.05);
}

.pbo-gallery-item:hover .pbo-gallery-text {
  transform: scale(1.1);
}

/* Mobile responsive for gallery */
@media (max-width: 900px) {
  .pbo-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
  }
  
  .pbo-gallery-text {
    font-size: 1.2rem;
  }
}

@media (max-width: 600px) {
  .pbo-gallery-section {
    padding: 2rem 0;
  }
  
  .pbo-gallery-inner {
    padding: 0 1rem;
  }
  
  .pbo-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  
  .pbo-gallery-text {
    font-size: 1rem;
  }
}

/* Parallax Section Override */
.pbo-parallax-section {
  background-image: url(/wp-content/themes/palmbeachotel/assets/images/parallax-deniz.jpg) !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  height: 40vh !important;
  min-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.pbo-parallax-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(2, 25, 57, 0.3) !important;
  z-index: 1 !important;
}

.pbo-parallax-content {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
  color: #fff !important;
  max-width: 600px !important;
  padding: 0 2rem !important;
}

.pbo-parallax-content h2 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.pbo-parallax-content p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Mobile responsive for parallax override */
@media (max-width: 900px) {
  .pbo-parallax-section {
    height: 35vh !important;
    min-height: 250px !important;
    background-attachment: scroll !important;
    background-position: center center !important;
  }
  
  .pbo-parallax-content h2 {
    font-size: 2rem !important;
  }
  
  .pbo-parallax-content p {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 600px) {
  .pbo-parallax-section {
    height: 30vh !important;
    min-height: 200px !important;
  }
  
  .pbo-parallax-content h2 {
    font-size: 1.8rem !important;
  }
  
  .pbo-parallax-content p {
    font-size: 0.85rem !important;
  }
  
  .pbo-parallax-content {
    padding: 0 1rem !important;
  }
}

/* Footer Styles */
.pbo-footer {
  background: #088fc2;
  color: #fff;
  padding: 3rem 0 1rem 0;
  position: relative;
  z-index: 10;
}

.pbo-footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

.pbo-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}

.pbo-footer-menus {
  display: flex;
  gap: 4rem;
  flex: 1;
  flex-direction: row;
}

.pbo-footer-menu-1,
.pbo-footer-menu-2 {
  flex: 1;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}

/* Footer menü sırası - footer-menu-1 ilk görünsün */
.pbo-footer-menus .pbo-footer-menu-1 {
  order: 1 !important;
  flex: 1;
}

.pbo-footer-menus .pbo-footer-menu-2 {
  order: 2 !important;
  flex: 1;
}

.pbo-footer-menus .pbo-footer-menu-3 {
  order: 3 !important;
  flex: 1;
}

/* Footer'da sadece footer menülerinin görünmesi için */
.pbo-footer-menu-1 .wp-block-navigation,
.pbo-footer-menu-2 .wp-block-navigation {
  display: block !important;
}

/* Footer'da ana menüyü gizle */
.pbo-footer .pbo-nav,
.pbo-footer .pbo-header-inner,
.pbo-footer .pbo-topbar {
  display: none !important;
}

/* Footer'da sadece footer menü listelerini göster */
.pbo-footer .pbo-footer-menu-list {
  display: block !important;
}

/* Footer'da WordPress'in karıştırdığı menüleri gizle */
.pbo-footer .wp-block-navigation:not(.pbo-footer-menu-1 .wp-block-navigation):not(.pbo-footer-menu-2 .wp-block-navigation) {
  display: none !important;
}

/* Footer'da ana menüyü kesinlikle gizle */
.pbo-footer .pbo-nav,
.pbo-footer .pbo-header-inner,
.pbo-footer .pbo-topbar,
.pbo-footer [class*="ana-menu"] {
  display: none !important;
}

.pbo-footer-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pbo-footer-menu-list li {
  margin-bottom: 0.8rem;
}

.pbo-footer-menu-list a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}

.pbo-footer-menu-list a:hover {
  color: #f9b606;
}

.pbo-footer-copyright {
  text-align: center;
  font-size: 14px;
  color: #ccc;
}

.pbo-footer-copyright a {
  color: #f9b606;
  text-decoration: none;
}

.pbo-footer-copyright a:hover {
  color: #fff;
}

@media (max-width: 900px) {
  .pbo-footer-content {
    flex-direction: column;
    gap: 2rem;
  }
  
  .pbo-footer-menus {
    gap: 2rem;
  }
  
  .pbo-footer-copyright {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .pbo-footer-menus {
    flex-direction: column;
    gap: 1.5rem;
  }
}

/* WordPress Navigation Block Styles for Mobile Menu and Footer */
.pbo-mobile-nav .wp-block-navigation,
.pbo-footer-menu-1 .wp-block-navigation,
.pbo-footer-menu-2 .wp-block-navigation {
  width: 100%;
}

/* WordPress navigation block varsayılan stillerini override et */
.pbo-mobile-nav .wp-block-navigation,
.pbo-footer-menu-1 .wp-block-navigation,
.pbo-footer-menu-2 .wp-block-navigation {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Footer menülerinin modal özelliklerini kaldır */
.pbo-footer-menu-1 .wp-block-navigation[data-wp-interactive],
.pbo-footer-menu-2 .wp-block-navigation[data-wp-interactive] {
  position: static !important;
}

/* Footer menülerinin overlay özelliklerini kaldır */
.pbo-footer-menu-1 .wp-block-navigation[data-wp-context*="overlay"],
.pbo-footer-menu-2 .wp-block-navigation[data-wp-context*="overlay"] {
  position: static !important;
}

/* Mobil menüde responsive container'ı gizle */
.pbo-mobile-nav .wp-block-navigation__responsive-container {
  display: block !important;
}

.pbo-mobile-nav .wp-block-navigation__responsive-container-open,
.pbo-mobile-nav .wp-block-navigation__responsive-container-close {
  display: none !important;
}

.pbo-mobile-nav .wp-block-navigation__container,
.pbo-footer-menu-1 .wp-block-navigation__container,
.pbo-footer-menu-2 .wp-block-navigation__container {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: auto !important;
}

.pbo-mobile-nav .wp-block-navigation-item,
.pbo-footer-menu-1 .wp-block-navigation-item,
.pbo-footer-menu-2 .wp-block-navigation-item {
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}

.pbo-mobile-nav .wp-block-navigation-item:last-child,
.pbo-footer-menu-1 .wp-block-navigation-item:last-child,
.pbo-footer-menu-2 .wp-block-navigation-item:last-child {
  margin-bottom: 0;
}

.pbo-mobile-nav .wp-block-navigation-item__content,
.pbo-footer-menu-1 .wp-block-navigation-item__content,
.pbo-footer-menu-2 .wp-block-navigation-item__content {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 0.5rem 0;
  transition: color 0.2s;
  line-height: 1.4;
}

.pbo-mobile-nav .wp-block-navigation-item__content {
  color: #088fc2 !important;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.pbo-footer-menu-1 .wp-block-navigation-item__content,
.pbo-footer-menu-2 .wp-block-navigation-item__content {
  color: #fff !important;
  font-size: 14px;
}

.pbo-mobile-nav .wp-block-navigation-item__content:hover {
  color: #f9b606 !important;
}

.pbo-footer-menu-1 .wp-block-navigation-item__content:hover,
.pbo-footer-menu-2 .wp-block-navigation-item__content:hover {
  color: #f9b606 !important;
}

/* Footer menülerinin hamburger olmaması için */
.pbo-footer-menu-1 .wp-block-navigation__responsive-container,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container {
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Footer responsive dialog'larını gizle */
.pbo-footer-menu-1 .wp-block-navigation__responsive-dialog,
.pbo-footer-menu-2 .wp-block-navigation__responsive-dialog {
  display: none !important;
}

/* Footer responsive container content'ini görünür yap */
.pbo-footer-menu-1 .wp-block-navigation__responsive-container-content,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container-content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}

/* Footer menülerinin modal ve menu open durumlarını override et */
.pbo-footer-menu-1 .wp-block-navigation__responsive-container.has-modal-open,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container.has-modal-open,
.pbo-footer-menu-1 .wp-block-navigation__responsive-container.is-menu-open,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container.is-menu-open {
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: auto !important;
}

/* Footer menülerinin tabindex ve aria özelliklerini kaldır */
.pbo-footer-menu-1 .wp-block-navigation__responsive-container[tabindex="-1"],
.pbo-footer-menu-2 .wp-block-navigation__responsive-container[tabindex="-1"] {
  tabindex: auto !important;
}

.pbo-footer-menu-1 .wp-block-navigation__responsive-dialog[aria-modal="true"],
.pbo-footer-menu-2 .wp-block-navigation__responsive-dialog[aria-modal="true"] {
  aria-modal: false !important;
}

.pbo-footer-menu-1 .wp-block-navigation__responsive-container-open,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container-open {
  display: none !important;
}

.pbo-footer-menu-1 .wp-block-navigation__responsive-container-close,
.pbo-footer-menu-2 .wp-block-navigation__responsive-container-close {
  display: none !important;
}

/* Footer responsive close div'ini gizle */
.pbo-footer-menu-1 .wp-block-navigation__responsive-close,
.pbo-footer-menu-2 .wp-block-navigation__responsive-close {
  display: none !important;
}

/* --- FOOTER MENÜ CSS RESET --- */
.pbo-footer-menu-1 .wp-block-navigation,
.pbo-footer-menu-2 .wp-block-navigation {
  all: unset;
  display: block;
}
.pbo-footer-menu-1 .wp-block-navigation__container,
.pbo-footer-menu-2 .wp-block-navigation__container {
  all: unset;
  display: block;
  margin: 0;
  padding: 0;
}
.pbo-footer-menu-1 .wp-block-navigation-item,
.pbo-footer-menu-2 .wp-block-navigation-item {
  all: unset;
  display: list-item;
  margin-bottom: 0.5em;
  color: inherit;
}
.pbo-footer-menu-1 .wp-block-navigation-item__content,
.pbo-footer-menu-2 .wp-block-navigation-item__content {
  all: unset;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  background: none;
  text-decoration: none;
}
.pbo-footer-menu-1 .wp-block-navigation-item__content:hover,
.pbo-footer-menu-2 .wp-block-navigation-item__content:hover {
  text-decoration: underline;
}

/* Menü başlığı için örnek stil (isteğe bağlı) */
.pbo-footer-menu-1 .wp-block-navigation__container:before,
.pbo-footer-menu-2 .wp-block-navigation__container:before {
  content: attr(data-title);
  display: block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}

/* New Footer Styles */
.site-footer {
  background: #088fc2;
  color: #fff;
  padding: 3rem 0 1rem;
  margin-top: 4rem;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.footer-section h3 {
  color: #f9b606;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  margin-bottom: 0.5rem;
}

.footer-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.2s ease;
  display: block;
  padding: 0.2rem 0;
}

.footer-menu a:hover {
  color: #f9b606;
}

.footer-bottom {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 2rem 0;
  border-top: 1px solid #2a4a6a;
  margin-top: 2rem;
  text-align: center;
}

.footer-bottom p {
  color: #b0b0b0;
  font-size: 0.9rem;
  margin: 0;
}

@media (max-width: 900px) {
  .footer-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 0 1rem;
  }
  
  .footer-bottom {
    padding: 1.5rem 1rem 0;
  }
}

@media (max-width: 600px) {
  .footer-content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .site-footer {
    padding: 2rem 0 1rem;
  }
  
  .footer-section h3 {
    font-size: 1.1rem;
  }
}

/* Klasik Menü Düzgün Görünüm */
.pbo-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.pbo-nav ul {
  display: flex;
  gap: 2.2vw;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pbo-nav li {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.2s;
  position: relative;
  margin: 0;
  padding: 0;
}
.pbo-nav li:hover { color: #088fc2; }
.pbo-nav a {
  color: #000;
  text-decoration: none;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
  display: block;
}
.pbo-nav a:hover,
.pbo-nav li.current-menu-item > a {
  color: #088fc2 !important;
  background: transparent;
}
@media (max-width: 900px) {
  .pbo-nav ul { gap: 1vw; font-size: 14px; }
}
@media (max-width: 600px) {
  .pbo-nav ul { flex-wrap: wrap; gap: 0.7rem; }
}

/* Menü topbar ile aynı genişlikte ve hizalı */
.pbo-header-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 60px;
}
.pbo-nav {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  background: none;
  box-shadow: none;
  border: none;
  display: flex;
  justify-content: center;
}
.pbo-nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  list-style: none !important;
  margin: 0;
  padding: 0 4vw;
}
.pbo-nav li {
  flex: 1 1 0;
  text-align: center;
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.pbo-nav a {
  display: block;
  width: 100%;
}

/* Rezervasyon formu ortalı ve genişlik ayarı */
.pbo-rezervasyon-section {
  position: relative;
  z-index: 10;
  width: 100vw;
  background: transparent !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  min-height: 0;
  transform: translateY(-50%);
}
.pbo-rezervasyon-form {
  margin: 0 auto;
  background: #FAF9F6 !important;
  box-shadow: 0 4px 24px #0001;
  border-radius: 18px;
  padding: 2rem 2vw;
  max-width: 900px;
  width: 100%;
  position: relative;
  z-index: 11;
}
@media (max-width: 900px) {
  .pbo-nav ul { padding: 0 1vw; }
  .pbo-rezervasyon-form { padding: 1.2rem 1vw; }
}
@media (max-width: 600px) {
  .pbo-nav ul { flex-wrap: wrap; gap: 0.7rem; padding: 0; }
  .pbo-rezervasyon-section { transform: none; }
  .pbo-rezervasyon-form { padding: 1rem 0.5vw; }
}

.pbo-main-content, .pbo-welcome-section, .pbo-location-section {
  background: #FAF9F6 !important;
}

/* Modal Popup Styles */
.pbo-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  backdrop-filter: blur(5px);
}

.pbo-modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 2rem;
  border-radius: 12px;
  width: 90%;
  max-width: 800px;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.pbo-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}

.pbo-modal-close:hover,
.pbo-modal-close:focus {
  color: #f9b606;
  text-decoration: none;
}

/* Galeri item'larına cursor pointer ekle */
.pbo-gallery-item {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.pbo-gallery-item:hover {
  transform: scale(1.05);
}

/* Responsive modal */
@media (max-width: 768px) {
  .pbo-modal-content {
    width: 95%;
    margin: 10% auto;
    padding: 1.5rem;
  }
}

/* Galeri admin section responsive */
@media (max-width: 768px) {
  .pbo-gallery-admin-item {
    flex-direction: column !important;
    gap: 1rem !important;
  }
  
  .pbo-gallery-admin-images {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.5rem !important;
  }
  
  .pbo-gallery-admin-images img {
    height: 80px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}

/* Ana sayfa galeri maksimum 6 fotoğraf */
.pbo-gallery-admin-images .pbo-gallery-image-item:nth-child(n+7) {
  display: none !important;
}

/* Ana sayfa galeri grid düzeni */
.pbo-gallery-admin-images {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0.8rem !important;
}

/* Oda kartları fotoğraf altı detaylar */
.pbo-room-details-under-image {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
  background: #f8f9fa;
  border-radius: 0 0 8px 8px;
  margin-top: -8px;
}

.pbo-room-details-under-image .pbo-room-detail-item {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.9rem;
  color: #666;
}

.pbo-room-details-under-image .pbo-detail-icon {
  font-size: 1rem;
}

.pbo-room-details-under-image .pbo-detail-text {
  font-weight: 500;
}

/* Galeri fotoğraf hover efekti */
.pbo-gallery-image-item:hover img {
  transform: scale(1.05);
}

/* Footer mobil responsive */
@media (max-width: 768px) {
  .pbo-footer-content {
    display: none !important;
  }
  
  .pbo-footer-copyright {
    text-align: center !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #dee2e6 !important;
    margin-top: 0 !important;
  }
  
  .pbo-footer-copyright p {
    margin: 0 !important;
    font-size: 0.9rem !important;
    color: #fff !important;
  }
  
  .pbo-footer-copyright a {
    color: #f9b606 !important;
    text-decoration: none !important;
  }
  
  .pbo-footer-copyright a:hover {
    color: #088fc2 !important;
  }
}

/* Menü stilleri */
.pbo-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.pbo-nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2rem;
  align-items: center;
}

.pbo-nav li {
  position: relative;
  margin: 0;
  padding: 0;
}

.pbo-nav a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.5rem 0;
  position: relative;
  transition: all 0.3s ease;
  display: block;
}

.pbo-nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #f9b606;
  transition: width 0.3s ease;
}

.pbo-nav a:hover {
  color: #088fc2 !important;
  transform: translateY(-2px);
}

.pbo-nav a:hover::after {
  width: 100%;
}

/* Sticky durumunda menü stilleri */
#pbo-header.sticky .pbo-nav a {
  color: #fff !important;
}

#pbo-header.sticky .pbo-nav a:hover,
#pbo-header.sticky .pbo-nav li.current-menu-item > a {
  color: #f9b606 !important;
}

/* Responsive menü */
@media (max-width: 900px) {
  .pbo-nav ul {
    gap: 1.5rem;
    font-size: 0.9rem;
  }
  
  .pbo-nav a {
    font-size: 0.9rem;
  }
}

@media (max-width: 600px) {
  .pbo-nav ul {
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .pbo-nav a {
    font-size: 0.85rem;
  }
}

/* Topbar hover efektleri */
.pbo-topbar-contact:hover {
  background: rgba(191, 161, 107, 0.5) !important;
}

/* Sticky durumunda topbar hover */
#pbo-header.sticky .pbo-topbar-contact:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

#pbo-header.sticky .pbo-topbar-contact:hover .pbo-topbar-label,
#pbo-header.sticky .pbo-topbar-contact:hover .pbo-topbar-info,
#pbo-header.sticky .pbo-topbar-contact:hover .pbo-icon svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Alt menü (dropdown) stilleri */
.pbo-nav .menu-item-has-children {
  position: relative;
}

.pbo-nav .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 8px;
  min-width: 250px;
  max-width: 300px;
  z-index: 1000;
  padding: 0.5rem 0;
  margin-top: 0;
  text-align: left;
}

.pbo-nav .sub-menu::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.pbo-nav .sub-menu li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.pbo-nav .sub-menu a {
  display: block;
  padding: 0.75rem 1.5rem;
  color: #088fc2 !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  border-radius: 0;
  background: transparent;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4;
}

.pbo-nav .sub-menu a:hover {
  background: rgba(191, 161, 107, 0.1) !important;
  color: #f9b606 !important;
  transform: none;
}

.pbo-nav .sub-menu a::after {
  display: none;
}

/* Hover durumunda alt menüyü göster - daha bütünleşik */
.pbo-nav .menu-item-has-children:hover .sub-menu {
  display: block;
}

/* Alt menü ile ana menü arasında boşluk bırakma */
.pbo-nav .menu-item-has-children:hover {
  padding-bottom: 0.5rem;
  margin-bottom: -0.5rem;
}

/* Sticky durumunda alt menü stilleri */
#pbo-header.sticky .pbo-nav .sub-menu {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

#pbo-header.sticky .pbo-nav .sub-menu::before {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

#pbo-header.sticky .pbo-nav .sub-menu a {
  color: #088fc2 !important;
}

#pbo-header.sticky .pbo-nav .sub-menu a:hover {
  color: #f9b606 !important;
  background: rgba(191, 161, 107, 0.1) !important;
}


/* Responsive alt menü */
@media (max-width: 900px) {
  .pbo-nav .sub-menu {
    position: static;
    display: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    min-width: auto;
    padding: 0;
    margin: 0;
  }
  
  .pbo-nav .sub-menu::before {
    display: none;
  }
  
  .pbo-nav .sub-menu a {
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-size: 0.85rem;
    border-left: 2px solid transparent;
  }
  
  .pbo-nav .sub-menu a:hover {
    border-left-color: #f9b606;
  }
  
  .pbo-nav .menu-item-has-children.active .sub-menu {
    display: block;
  }
}

@media (max-width: 600px) {
  .pbo-nav .sub-menu a {
    padding: 0.4rem 1rem 0.4rem 2.5rem;
    font-size: 0.8rem;
  }
}

/* Topbar hover efektleri */

/* Footer menü sırasını zorla */
.pbo-footer .pbo-footer-menus {
  display: flex !important;
  flex-direction: row !important;
  gap: 4rem !important;
}

.pbo-footer .pbo-footer-menus > *:nth-child(1) {
  order: 1 !important;
}

.pbo-footer .pbo-footer-menus > *:nth-child(2) {
  order: 2 !important;
}

.pbo-footer .pbo-footer-menus > *:nth-child(3) {
  order: 3 !important;
}

/* Footer'da WordPress'in karıştırdığı menüleri gizle */

/* Footer Layout - Sol ve Sağ Bölüm */
.pbo-footer-content {
  display: flex;
  gap: 3rem;
  align-items: flex-start;
}

.pbo-footer-menus {
  display: flex;
  gap: 2rem;
  flex: 2;
}

.pbo-footer-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Footer Contact ve Social Media Stilleri */
.pbo-footer-contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(191, 161, 107, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(191, 161, 107, 0.1);
}

.pbo-footer-contact-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.pbo-footer-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(191, 161, 107, 0.1);
  border-radius: 50%;
  flex-shrink: 0;
}

.pbo-footer-contact-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.pbo-footer-contact-label {
  font-size: 0.875rem;
  color: #f9b606;
  font-weight: 500;
}

.pbo-footer-contact-number {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
}

.pbo-footer-social {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(191, 161, 107, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(191, 161, 107, 0.1);
}

.pbo-footer-social-left h3 {
  color: #f9b606;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.pbo-footer-social-left p {
  color: #ccc;
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.4;
}

.pbo-footer-social-right {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
}

.pbo-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(191, 161, 107, 0.1);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.pbo-social-icon:hover {
  background: rgba(191, 161, 107, 0.2);
  transform: translateY(-2px);
}

/* Responsive footer */
@media (max-width: 768px) {
  .pbo-footer-content {
    flex-direction: column;
    gap: 2rem;
  }
  
  .pbo-footer-menus {
    flex-direction: column;
    gap: 1rem;
  }
  
  .pbo-footer-contact {
    flex-direction: column;
    gap: 1rem;
  }
  
  .pbo-footer-social {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  
  .pbo-footer-social-right {
    justify-content: center;
  }
}

/* Footer'da ana menüyü kesinlikle gizle */

/* Odalar Sayfası Stilleri */
.pbo-rooms-nav {
  background: #f5f5f5;
  padding: 1rem 0;
  margin-bottom: 2rem;
}

.pbo-rooms-nav-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-rooms-nav-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #f9b606;
  transform: translateY(-50%);
  z-index: 1;
}

.pbo-rooms-nav-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  gap: 1rem;
}

.pbo-room-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  border-radius: 4px;
}

.pbo-room-nav-item:hover {
  background: rgba(191, 161, 107, 0.1);
}

.pbo-room-nav-item.active {
  background: rgba(191, 161, 107, 0.2);
}

.pbo-room-nav-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  border: 2px solid #fff;
  transition: all 0.3s ease;
}

.pbo-room-nav-item.active .pbo-room-nav-dot {
  background: #f9b606;
  transform: scale(1.2);
}

.pbo-room-nav-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #666;
  text-align: center;
  white-space: nowrap;
}

.pbo-room-nav-item.active .pbo-room-nav-text {
  color: #f9b606;
}

/* Odalar Content */
.pbo-rooms-content {

  margin: 0 auto;
}

.pbo-room-section {
  display: none;
  gap: 3rem;
  align-items: center;
}

.pbo-room-section.active {
  display: flex;
}

/* Oda Gallery */
.pbo-room-gallery {
  flex: 1;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.pbo-room-slider {
  position: relative;
  width: 100%;
  height: 400px;
}

.pbo-room-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.pbo-room-slide.active {
  opacity: 1;
}

.pbo-room-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Navigation Arrows */
.pbo-room-nav-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  z-index: 3;
}

.pbo-room-nav-arrow {
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.pbo-room-nav-arrow:hover {
  background: rgba(0,0,0,0.9);
  transform: scale(1.1);
}

/* Indicators */
.pbo-room-indicators {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 3;
}

.pbo-room-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-indicator.active {
  background: #fff;
  transform: scale(1.2);
}

/* Oda Info */
.pbo-room-info {
  flex: 1;
  padding: 2rem;
  text-align: center;
}

.pbo-room-title {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-room-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
  margin-bottom: 2rem;
}

.pbo-room-button {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-button:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(191, 161, 107, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
  .pbo-rooms-nav-items {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .pbo-room-section {
    flex-direction: column;
    gap: 2rem;
  }
  
  .pbo-room-slider {
    height: 300px;
  }
  
  .pbo-room-title {
    font-size: 1.5rem;
  }
  
  .pbo-room-description {
    font-size: 0.9rem;
  }
}

/* Odalar sayfası için özel container */
.pbo-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Oda Özellikleri */
.pbo-room-features {
  margin: 1.5rem 0;
  text-align: left;
}

.pbo-room-features h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-room-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pbo-room-features li {
  padding: 0.25rem 0;
  color: #666;
  position: relative;
  padding-left: 1.5rem;
}

.pbo-room-features li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #f9b606;
  font-weight: bold;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
  .pbo-room-features {
    text-align: center;
  }
  
  .pbo-room-features li {
    text-align: left;
  }
}

/* Blog Yazıları Stilleri */
.pbo-blog-content {
  padding: 2rem 0;
}

.pbo-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}

.pbo-post-item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pbo-post-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.pbo-post-thumbnail {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.pbo-post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-post-item:hover .pbo-post-thumbnail img {
  transform: scale(1.05);
}

.pbo-post-content {
  padding: 1.5rem;
}

.pbo-post-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.pbo-post-title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.pbo-post-title a:hover {
  color: #f9b606;
}

.pbo-post-meta {
  margin-bottom: 1rem;
}

.pbo-post-date {
  color: #666;
  font-size: 0.9rem;
}

.pbo-post-excerpt {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.pbo-read-more {
  display: inline-block;
  background: #f9b606;
  color: #fff;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.3s ease;
}

.pbo-read-more:hover {
  background: #a88f5a;
  color: #fff;
}

.pbo-no-posts {
  text-align: center;
  padding: 3rem 0;
}

.pbo-no-posts h2 {
  color: #333;
  margin-bottom: 1rem;
}

.pbo-no-posts p {
  color: #666;
}

/* Sayfalama Stilleri */
.pbo-blog-content .wp-pagenavi,
.pbo-blog-content .navigation {
  text-align: center;
  margin-top: 2rem;
}

.pbo-blog-content .page-numbers {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  background: #f5f5f5;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.pbo-blog-content .page-numbers:hover,
.pbo-blog-content .page-numbers.current {
  background: #f9b606;
  color: #fff;
}

.pbo-blog-content .prev,
.pbo-blog-content .next {
  background: #f9b606;
  color: #fff;
}

.pbo-blog-content .prev:hover,
.pbo-blog-content .next:hover {
  background: #a88f5a;
}

/* Odalar sayfası için özel container */
.pbo-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Sayfa Başlığı */
.pbo-page-header {
  text-align: center;
  padding: 3rem 0 2rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  margin-bottom: 2rem;
  border-radius: 12px;
}

.pbo-page-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-page-subtitle {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Odalar Navigation Bar - Geliştirilmiş */
.pbo-rooms-nav {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 1.5rem 0;
  margin-bottom: 3rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-rooms-nav-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-rooms-nav-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #f9b606 0%, #d4b483 100%);
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 2px;
}

.pbo-rooms-nav-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  gap: 1rem;
}

.pbo-room-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.75rem;
  border-radius: 8px;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(10px);
  border: 2px solid transparent;
}

.pbo-room-nav-item:hover {
  background: rgba(191, 161, 107, 0.1);
  border-color: rgba(191, 161, 107, 0.3);
  transform: translateY(-2px);
}

.pbo-room-nav-item.active {
  background: rgba(191, 161, 107, 0.2);
  border-color: #f9b606;
  box-shadow: 0 4px 12px rgba(191, 161, 107, 0.3);
}

.pbo-room-nav-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ccc;
  border: 3px solid #fff;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.pbo-room-nav-item.active .pbo-room-nav-dot {
  background: #f9b606;
  transform: scale(1.3);
  box-shadow: 0 4px 8px rgba(191, 161, 107, 0.4);
}

.pbo-room-nav-text {
  font-size: 0.8rem;
  font-weight: 600;
  color: #666;
  text-align: center;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.pbo-room-nav-item.active .pbo-room-nav-text {
  color: #f9b606;
  font-weight: 700;
}

/* Odalar Content - Geliştirilmiş */
.pbo-rooms-content {
  
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-room-section {
  display: none;
  gap: 4rem;
  align-items: center;
  background: #fff;
  border-radius: 16px;
  padding: 3rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  margin-bottom: 2rem;
}

.pbo-room-section.active {
  display: flex;
  animation: fadeInUp 0.6s ease;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Oda Gallery - Geliştirilmiş */
.pbo-room-gallery {
  flex: 1;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  background: #f8f9fa;
}

.pbo-room-slider {
  position: relative;
  width: 100%;
  height: 450px;
}

.pbo-room-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.pbo-room-slide.active {
  opacity: 1;
}

.pbo-room-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-room-slide:hover img {
  transform: scale(1.05);
}

/* Navigation Arrows - Geliştirilmiş */
.pbo-room-nav-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
  z-index: 3;
}

.pbo-room-nav-arrow {
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.pbo-room-nav-arrow:hover {
  background: rgba(0,0,0,0.9);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Indicators - Geliştirilmiş */
.pbo-room-indicators {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.75rem;
  z-index: 3;
}

.pbo-room-indicator {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid rgba(255,255,255,0.8);
}

.pbo-room-indicator.active {
  background: #fff;
  transform: scale(1.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Oda Info - Geliştirilmiş */
.pbo-room-info {
  flex: 1;
  padding: 2rem;
  text-align: left;
}

.pbo-room-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-room-description {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #666;
  margin-bottom: 2rem;
}

/* Oda Özellikleri - Geliştirilmiş */
.pbo-room-features {
  margin: 2rem 0;
  text-align: left;
}

.pbo-room-features h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-room-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
}

.pbo-room-features li {
  padding: 0.5rem 0;
  color: #555;
  position: relative;
  padding-left: 2rem;
  font-size: 1rem;
}

.pbo-room-features li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #f9b606;
  font-weight: bold;
  font-size: 1.2rem;
}

/* Oda Butonları - Geliştirilmiş */
.pbo-room-actions {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.pbo-room-button {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-room-button:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 161, 107, 0.4);
}

.pbo-room-reserve-button {
  background: transparent;
  color: #f9b606;
  border: 2px solid #f9b606;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-room-reserve-button:hover {
  background: #f9b606;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 161, 107, 0.4);
}

/* Responsive - Geliştirilmiş */
@media (max-width: 768px) {
  .pbo-page-title {
    font-size: 2rem;
  }
  
  .pbo-rooms-nav-items {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .pbo-room-section {
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
  }
  
  .pbo-room-slider {
    height: 300px;
  }
  
  .pbo-room-title {
    font-size: 1.8rem;
  }
  
  .pbo-room-description {
    font-size: 1rem;
  }
  
  .pbo-room-actions {
    flex-direction: column;
  }
  
  .pbo-room-features ul {
    grid-template-columns: 1fr;
  }
}

/* Ana Sayfa Odalar Bölümü */
.pbo-rooms-home-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 4rem 0;
  margin-top: 3rem;
}

.pbo-rooms-home-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-rooms-home-header {
  text-align: center;
  margin-bottom: 3rem;
}

.pbo-rooms-home-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-rooms-home-header p {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.pbo-rooms-home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

.pbo-room-home-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.pbo-room-home-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.pbo-room-home-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.pbo-room-home-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-room-home-card:hover .pbo-room-home-image img {
  transform: scale(1.1);
}

.pbo-room-home-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pbo-room-home-card:hover .pbo-room-home-overlay {
  opacity: 1;
}

.pbo-room-home-button {
  background: #f9b606;
  color: #fff;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.pbo-room-home-button:hover {
  background: #a88f5a;
  transform: scale(1.05);
  color: #fff;
}

.pbo-room-home-content {
  padding: 1.5rem;
}

.pbo-room-home-content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-room-home-content p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

.pbo-room-home-link {
  color: #f9b606;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.3s ease;
}

.pbo-room-home-link:hover {
  color: #a88f5a;
}

.pbo-rooms-home-footer {
  text-align: center;
}

.pbo-rooms-home-cta {
  display: inline-block;
  background: #f9b606;
  color: #fff;
  padding: 1rem 2.5rem;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(191, 161, 107, 0.3);
}

.pbo-rooms-home-cta:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 161, 107, 0.4);
  color: #fff;
}

/* Ana sayfa odalar responsive */
@media (max-width: 768px) {
  .pbo-rooms-home-header h2 {
    font-size: 2rem;
  }
  
  .pbo-rooms-home-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .pbo-room-home-image {
    height: 200px;
  }
  
  .pbo-rooms-home-section {
    padding: 2rem 0;
  }
}

.pbo-blog-content .prev:hover,
.pbo-blog-content .next:hover {
  background: #a88f5a;
}

/* Odalar Sayfası İyileştirmeleri */
.pbo-page-header {
  text-align: center;
  padding: 3rem 0 2rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  margin-bottom: 2rem;
}

.pbo-page-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-page-subtitle {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.pbo-no-rooms {
  text-align: center;
  padding: 2rem;
  background: #f8f9fa;
  border-radius: 8px;
  margin: 2rem 0;
}

.pbo-no-rooms-content {
  text-align: center;
  padding: 4rem 2rem;
  background: #f8f9fa;
  border-radius: 12px;
  margin: 2rem 0;
}

.pbo-no-rooms-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
}

.pbo-admin-link {
  display: inline-block;
  background: #f9b606;
  color: #fff;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  margin-top: 1rem;
  transition: background 0.3s ease;
}

.pbo-admin-link:hover {
  background: #a88f5a;
  color: #fff;
}

.pbo-room-actions {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.pbo-room-button.secondary {
  background: transparent;
  color: #f9b606;
  border: 2px solid #f9b606;
}

.pbo-room-button.secondary:hover {
  background: #f9b606;
  color: #fff;
}

/* Ana Sayfa Odalar Bölümü */
.pbo-rooms-preview-section {
  background: #f8f9fa;
  padding: 4rem 0;
}

.pbo-rooms-preview-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-rooms-preview-header {
  text-align: center;
  margin-bottom: 3rem;
}

.pbo-rooms-preview-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-rooms-preview-header p {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Ana Sayfa Oda Navigation */
.pbo-rooms-nav-home {
  
  padding: 1rem 0;
  margin-bottom: 2rem;
}

.pbo-rooms-nav-home-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  overflow: hidden;
  box-sizing: border-box;
}

.pbo-rooms-nav-home-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #f9b606;
  z-index: 1;
}

.pbo-rooms-nav-home-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  gap: 1rem;
}

.pbo-room-nav-home-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  border-radius: 4px;
}

.pbo-room-nav-home-item:hover {
  background: rgba(191, 161, 107, 0.1);
}

.pbo-room-nav-home-item.active {
  background: rgba(191, 161, 107, 0.2);
}

.pbo-room-nav-home-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  border: 2px solid #fff;
  transition: all 0.3s ease;
}

.pbo-room-nav-home-item.active .pbo-room-nav-home-dot {
  background: #f9b606;
  transform: scale(1.2);
}

.pbo-room-nav-home-text {
  font-size: 0.9rem;
  font-weight: 600;
  color: #666;
  text-align: center;
  white-space: nowrap;
}

.pbo-room-nav-home-item.active .pbo-room-nav-home-text {
  color: #f9b606;
}

/* Ana Sayfa Oda Display */
.pbo-rooms-display {
  position: relative;
  margin-bottom: 3rem;
}

.pbo-room-display-section {
  display: none;
}

.pbo-room-display-section.active {
  display: block;
}

.pbo-room-display-gallery {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.pbo-room-display-slider {
  position: relative;
  width: 100%;
  height: 500px;
}

.pbo-room-display-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.pbo-room-display-slide.active {
  opacity: 1;
}

.pbo-room-display-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ana Sayfa Navigation Arrows */
.pbo-room-display-nav-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  z-index: 3;
}

.pbo-room-display-nav-arrow {
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.pbo-room-display-nav-arrow:hover {
  background: rgba(0,0,0,0.9);
  transform: scale(1.1);
}

/* Ana Sayfa Indicators */
.pbo-room-display-indicators {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 3;
}

.pbo-room-display-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-display-indicator.active {
  background: #fff;
  transform: scale(1.2);
}

.pbo-rooms-preview-action {
  text-align: center;
}

.pbo-rooms-preview-link {
  display: inline-block;
  background: transparent;
  color: #f9b606;
  border: 2px solid #f9b606;
  padding: 1rem 2rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease;
}

.pbo-rooms-preview-link:hover {
  background: #f9b606;
  color: #fff;
}

.pbo-no-rooms-preview {
  text-align: center;
  padding: 3rem;
  background: #fff;
  border-radius: 12px;
  grid-column: 1 / -1;
}

.pbo-no-rooms-preview p {
  color: #666;
  margin-bottom: 1rem;
}

.pbo-no-rooms-preview a {
  color: #f9b606;
  text-decoration: none;
  font-weight: 600;
}

.pbo-no-rooms-preview a:hover {
  text-decoration: underline;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
  .pbo-page-title {
    font-size: 2rem;
  }
  
  .pbo-rooms-preview-header h2 {
    font-size: 2rem;
  }
  
  .pbo-rooms-nav-home-items {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem;
    margin: 0 1rem 1.5rem 1rem;
  }
  
  /* Mobilde div elementlerini gizle */
  .pbo-rooms-nav-home-items .pbo-room-nav-home-item {
    display: none !important;
  }
  
  /* Mobilde select box'ın çift görünmesini önle */
  .pbo-rooms-nav-home-items select {
    display: block !important;
  }
  
  .pbo-rooms-nav-home-items .pbo-room-nav-home-item {
    display: none !important;
  }
  
  /* Mobilde select box container'ı düzenle */
  .pbo-rooms-nav-home-items {
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }
  
  /* Desktop'ta div elementlerini göster */
  @media (min-width: 769px) {
    .pbo-rooms-nav-home-items .pbo-room-nav-home-item {
      display: flex !important;
    }
  }
  
  /* Mobilde select box stilleri - Yüksek specificity */
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile,
select.pbo-rooms-select-mobile {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0.75rem !important;
  border: 2px solid #e9ecef !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
  background-position: right 0.5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.5em 1.5em !important;
  padding-right: 2.5rem !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: border-color 0.3s ease !important;
  font-family: inherit !important;
  color: #333 !important;
  font-weight: 500 !important;
  outline: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

.pbo-rooms-select-mobile:focus,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile:focus,
select.pbo-rooms-select-mobile:focus {
  outline: none !important;
  border-color: #f9b606 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23bfa16b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
  box-shadow: 0 0 0 3px rgba(191, 161, 107, 0.1) !important;
}

/* Option stilleri - Yüksek specificity */
.pbo-rooms-select-mobile option,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile option,
select.pbo-rooms-select-mobile option {
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #333 !important;
  background-color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

.pbo-rooms-select-mobile option:hover,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile option:hover,
select.pbo-rooms-select-mobile option:hover {
  background-color: #f8f9fa !important;
  color: #333 !important;
}

.pbo-rooms-select-mobile option:checked,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile option:checked,
select.pbo-rooms-select-mobile option:checked {
  background-color: #f9b606 !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Select box açıldığında dropdown stilleri */
.pbo-rooms-select-mobile:focus option,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile:focus option,
select.pbo-rooms-select-mobile:focus option {
  background-color: #fff !important;
  color: #333 !important;
}

.pbo-rooms-select-mobile:focus option:hover,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile:focus option:hover,
select.pbo-rooms-select-mobile:focus option:hover {
  background-color: #f8f9fa !important;
  color: #333 !important;
}

.pbo-rooms-select-mobile:focus option:checked,
.pbo-rooms-nav-home-items .pbo-rooms-select-mobile:focus option:checked,
select.pbo-rooms-select-mobile:focus option:checked {
  background-color: #f9b606 !important;
  color: #fff !important;
}
  
  .pbo-room-display-slider {
    height: 300px;
  }
  
  .pbo-room-actions {
    flex-direction: column;
  }
  
  .pbo-room-actions .pbo-room-button {
    width: 100%;
    text-align: center;
  }
}

/* Daha küçük ekranlar için ek düzenlemeler */
@media (max-width: 480px) {
  .pbo-rooms-nav-home-items {
    padding: 0 0.5rem;
    margin: 0 0.5rem 1.5rem 0.5rem;
  }
  
  .pbo-rooms-nav-home-items .pbo-rooms-select-mobile,
  select.pbo-rooms-select-mobile {
    font-size: 0.9rem !important;
    padding: 0.6rem !important;
    padding-right: 2rem !important;
  }
}

/* Odalar Sayfası Alt Alta Liste Stilleri - YENİ */
.pbo-room-section-alt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  padding: 0;
}

.pbo-room-section-alt:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.pbo-rooms-content .pbo-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Oda detay sayfası için container düzeltmesi */
.pbo-room-detail-main .pbo-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

.pbo-room-gallery-alt {
  flex: 1;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.pbo-room-slider-alt {
  position: relative;
  width: 100%;
  height: 400px;
}

.pbo-room-slide-alt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.pbo-room-slide-alt.active {
  opacity: 1;
}

.pbo-room-slide-alt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Navigation Arrows */
.pbo-room-nav-arrows-alt {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  z-index: 3;
}

.pbo-room-nav-arrow-alt {
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.pbo-room-nav-arrow-alt:hover {
  background: rgba(0,0,0,0.9);
  transform: scale(1.1);
}

/* Indicators */
.pbo-room-indicators-alt {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 3;
}

.pbo-room-indicator-alt {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-indicator-alt.active {
  background: #fff;
  transform: scale(1.2);
}

/* Oda Info */
.pbo-room-info-alt {
  flex: 1;
  padding: 2rem;
  text-align: center;
}

.pbo-room-title-alt {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-room-description-alt {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
  margin-bottom: 2rem;
}

.pbo-room-features-alt {
  margin: 1.5rem 0;
  text-align: left;
}

.pbo-room-features-alt h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-room-features-alt ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pbo-room-features-alt li {
  padding: 0.25rem 0;
  color: #666;
  position: relative;
  padding-left: 1.5rem;
}

.pbo-room-features-alt li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #f9b606;
  font-weight: bold;
}

.pbo-room-actions-alt {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.pbo-room-button-alt {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-button-alt:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(191, 161, 107, 0.3);
}

.pbo-room-button-alt.secondary {
  background: transparent;
  color: #f9b606;
  border: 2px solid #f9b606;
}

.pbo-room-button-alt.secondary:hover {
  background: #f9b606;
  color: #fff;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
  .pbo-room-section-alt {
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem;
  }
  
  .pbo-room-slider-alt {
    height: 300px;
  }
  
  .pbo-room-title-alt {
    font-size: 1.5rem;
  }
  
  .pbo-room-description-alt {
    font-size: 0.9rem;
  }
  
  .pbo-room-actions-alt {
    flex-direction: column;
  }
  
  .pbo-room-actions-alt .pbo-room-button-alt {
    width: 100%;
    text-align: center;
  }
}

/* Contact Form 7 Stilleri */
.pbo-contact-form-section {
  background: #f8f9fa;
  padding: 4rem 0;
  margin-top: 2rem;
}

.pbo-contact-form-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pbo-contact-form-header {
  text-align: center;
  margin-bottom: 3rem;
}

.pbo-contact-form-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-contact-form-header p {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.pbo-contact-form-container {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Contact Form 7 Özel Stilleri */
.pbo-contact-form-container .wpcf7-form {
  max-width: 100%;
}

.pbo-contact-form-container .wpcf7-form p {
  margin-bottom: 1.5rem;
}

.pbo-contact-form-container .wpcf7-form label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-contact-form-container .wpcf7-form input[type="text"],
.pbo-contact-form-container .wpcf7-form input[type="email"],
.pbo-contact-form-container .wpcf7-form input[type="tel"],
.pbo-contact-form-container .wpcf7-form textarea,
.pbo-contact-form-container .wpcf7-form select {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid #e9ecef;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

.pbo-contact-form-container .wpcf7-form input[type="text"]:focus,
.pbo-contact-form-container .wpcf7-form input[type="email"]:focus,
.pbo-contact-form-container .wpcf7-form input[type="tel"]:focus,
.pbo-contact-form-container .wpcf7-form textarea:focus,
.pbo-contact-form-container .wpcf7-form select:focus {
  outline: none;
  border-color: #f9b606;
}

.pbo-contact-form-container .wpcf7-form textarea {
  min-height: 120px;
  resize: vertical;
}

/* Select Box Özel Stilleri */
.pbo-contact-form-container .wpcf7-form select {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
}

.pbo-contact-form-container .wpcf7-form select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23bfa16b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
}

.pbo-contact-form-container .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.pbo-contact-form-container .wpcf7-form-control {
  width: 100%;
}

.pbo-contact-form-container .wpcf7-select {
  width: 100%;
}

.pbo-contact-form-container .wpcf7-validates-as-required {
  position: relative;
}

.pbo-contact-form-container .wpcf7-validates-as-required::after {
  content: "*";
  color: #dc3545;
  font-weight: bold;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 0.875rem;
}

.pbo-contact-form-container .wpcf7-form input[type="submit"] {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}

.pbo-contact-form-container .wpcf7-form input[type="submit"]:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(191, 161, 107, 0.3);
}

.pbo-contact-form-container .wpcf7-response-output {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 6px;
  font-weight: 600;
}

.pbo-contact-form-container .wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.pbo-contact-form-container .wpcf7-response-output.wpcf7-validation-errors {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.pbo-contact-form-container .wpcf7-response-output.wpcf7-mail-sent-ng {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.pbo-contact-form-container .wpcf7-spinner {
  display: none;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
  .pbo-contact-form-header h2 {
    font-size: 2rem;
  }
  
  .pbo-contact-form-container {
    padding: 1.5rem;
  }
  
  /* Mobilde input padding düzeltmesi */
  .pbo-contact-form-container .wpcf7-form input[type="email"] {
    padding: 0 0 0.75rem !important;
  }
  
  /* Mobilde select box düzeltmesi */
  .pbo-contact-form-container .wpcf7-form select {
    padding: 0.75rem 2.5rem 0.75rem 0.75rem !important;
    background-position: right 0.75rem center !important;
  }
}

/* Eski oda detay CSS'leri kaldırıldı - Yeni tur sitesi tarzı CSS'ler kullanılıyor */

/* Tur Sitesi Tarzı Oda Detay Sayfası Stilleri */

/* Hero Bölümü */
.pbo-room-detail-hero {
  position: relative;
  height: 100vh;
  min-height: 200px;
  overflow: hidden;
}

.pbo-hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pbo-hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.7);
}

.pbo-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(2, 25, 57, 0.7) 0%, rgba(191, 161, 107, 0.5) 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pbo-hero-content {
  position: relative;
  z-index: 3;
  width: 100%;
  color: #fff;
  text-align: center;
}

.pbo-hero-breadcrumb {
  margin-bottom: 2rem;
  font-size: 1rem;
  opacity: 0.9;
}

.pbo-hero-breadcrumb a {
  color: #f9b606;
  text-decoration: none;
  transition: color 0.3s ease;
}

.pbo-hero-breadcrumb a:hover {
  color: #fff;
}

.pbo-hero-title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  color: #fff;
}

.pbo-hero-subtitle {
  font-size: 1.3rem;
  margin-bottom: 3rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  opacity: 0.95;
}

.pbo-hero-actions {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.pbo-hero-btn {
  padding: 1.2rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pbo-hero-btn.primary {
  background: #f9b606;
  color: #fff;
}

.pbo-hero-btn.primary:hover {
  background: #a88f5a;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(191, 161, 107, 0.4);
}

.pbo-hero-btn.secondary {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.pbo-hero-btn.secondary:hover {
  background: #fff;
  color: #088fc2;
  transform: translateY(-3px);
}

/* Ana İçerik */
.pbo-room-detail-main {
  padding: 4rem 0;
  background: #f8f9fa;
}

.pbo-room-detail-main .pbo-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

.pbo-room-detail-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

/* Sol Kolon */
.pbo-room-detail-left {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.pbo-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 2rem;
  position: relative;
}

.pbo-section-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #666;
}

/* Galeri Bölümü */
.pbo-gallery-main {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.pbo-gallery-main-image {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.pbo-gallery-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-gallery-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  z-index: 10;
}

.pbo-gallery-prev,
.pbo-gallery-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #088fc2;
}

.pbo-gallery-prev:hover,
.pbo-gallery-next:hover {
  background: #f9b606;
  color: #fff;
  transform: scale(1.1);
}

.pbo-gallery-thumbnails {
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  overflow-x: auto;
  background: #f8f9fa;
}

.pbo-gallery-thumb {
  flex-shrink: 0;
  width: 100px;
  height: 70px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 3px solid transparent;
  transition: all 0.3s ease;
}

.pbo-gallery-thumb.active {
  border-color: #f9b606;
}

.pbo-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbo-gallery-thumb:hover {
  transform: scale(1.05);
}

/* Oda Açıklaması */
.pbo-room-description-section {
  background: #fff;
  padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-room-description {
  color: #666;
  line-height: 1.8;
  font-size: 1.1rem;
}

.pbo-room-description p {
  margin-bottom: 1.5rem;
}

/* Oda Özellikleri */
.pbo-room-features-section {
  background: #fff;
  padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.pbo-feature-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.pbo-feature-item:hover {
  background: #666;
  color: #fff;
  transform: translateX(5px);
}

.pbo-feature-icon {
  width: 30px;
  height: 30px;
  background: #cdcdcd;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-shrink: 0;
}

.pbo-feature-item:hover .pbo-feature-icon {
  background: #fff;
  color: #666;
}

/* Oda Özellikleri Alt Bölümleri */
.pbo-features-subsection {
  margin-bottom: 2rem;
}

.pbo-features-subsection:last-child {
  margin-bottom: 0;
}

.pbo-features-subtitle {
  font-size: 1.1rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #f9b606;
  padding-bottom: 0.5rem;
}

/* Check-in Check-out Bölümü */
.pbo-checkin-checkout {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
}

.pbo-checkin-checkout-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 8px;
  flex: 1;
  transition: all 0.3s ease;
}

.pbo-checkin-checkout-item:hover {
  background: #e9ecef;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-checkin-checkout-icon {
  font-size: 1.5rem;
  color: #f9b606;
}

.pbo-checkin-checkout-content {
  display: flex;
  flex-direction: column;
}

.pbo-checkin-checkout-label {
  font-size: 0.9rem;
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pbo-checkin-checkout-time {
  font-size: 1.2rem;
  font-weight: 700;
  color: #088fc2;
  margin-top: 0.2rem;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
  .pbo-checkin-checkout {
    flex-direction: column;
    gap: 1rem;
  }
  
  .pbo-checkin-checkout-item {
    padding: 0.8rem;
  }
  
  .pbo-features-subtitle {
    font-size: 1rem;
  }
}

/* Bungalov Odalar Sayfası Stilleri */
.pbo-room-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  margin-bottom: 2rem;
  transition: all 0.3s ease;
}

.pbo-room-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.pbo-room-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.pbo-room-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-room-card:hover .pbo-room-image img {
  transform: scale(1.05);
}

.pbo-room-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 25, 57, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pbo-room-card:hover .pbo-room-overlay {
  opacity: 1;
}

.pbo-room-view-btn {
  background: #f9b606;
  color: #fff;
  padding: 0.8rem 1.5rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background 0.3s ease;
}

.pbo-room-view-btn:hover {
  background: #a88f5a;
  color: #fff;
}

.pbo-room-content {
  padding: 2rem;
}

.pbo-room-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1rem;
}

.pbo-room-description {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.pbo-room-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.pbo-room-detail-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem;
  background: #f8f9fa;
  border-radius: 6px;
}

.pbo-detail-icon {
  font-size: 1.2rem;
}

.pbo-detail-text {
  font-weight: 600;
  color: #088fc2;
}

.pbo-room-features {
  margin-bottom: 1.5rem;
}

.pbo-room-features h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1rem;
}

.pbo-room-features ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
}

.pbo-room-features li {
  padding: 0.5rem 0;
  color: #666;
  font-weight: 500;
}

.pbo-room-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.pbo-room-btn {
  padding: 0.8rem 1.5rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  display: inline-block;
}

.pbo-room-btn:first-child {
  background: #f9b606;
  color: #fff;
}

.pbo-room-btn:first-child:hover {
  background: #a88f5a;
  color: #fff;
}

.pbo-room-btn.secondary {
  background: transparent;
  color: #088fc2;
  border: 2px solid #088fc2;
}

.pbo-room-btn.secondary:hover {
  background: #088fc2;
  color: #fff;
}

.pbo-no-rooms {
  text-align: center;
  padding: 3rem 1rem;
}

.pbo-no-rooms-content {
  max-width: 500px;
  margin: 0 auto;
}

.pbo-no-rooms-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
}

.pbo-no-rooms h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #088fc2;
  margin-bottom: 1rem;
}

.pbo-no-rooms p {
  color: #666;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .pbo-room-details {
    grid-template-columns: 1fr;
  }
  
  .pbo-room-features ul {
    grid-template-columns: 1fr;
  }
  
  .pbo-room-actions {
    flex-direction: column;
  }
  
  .pbo-room-btn {
    text-align: center;
  }
}

/* Sağ Kolon */
.pbo-room-detail-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Rezervasyon Kartı */
.pbo-reservation-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  position: sticky;
  top: 2rem;
}

.pbo-reservation-header {
  background: linear-gradient(135deg, #088fc2 0%, #f9b606 100%);
  color: #fff;
  padding: 2rem;
  text-align: center;
}

.pbo-reservation-header h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.pbo-room-price {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pbo-price-label {
  font-size: 0.9rem;
  opacity: 0.9;
}

.pbo-price-amount {
  font-size: 2.5rem;
  font-weight: 700;
  color: #f9b606;
}

.pbo-reservation-form {
  padding: 2rem;
}

.pbo-form-group {
  margin-bottom: 1.5rem;
}

.pbo-form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #333;
}

.pbo-form-input,
.pbo-form-select {
  width: 100%;
  padding: 1rem;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

.pbo-form-input:focus,
.pbo-form-select:focus {
  outline: none;
  border-color: #f9b606;
}

.pbo-reservation-btn {
  width: 100%;
  padding: 1.2rem;
  background: #f9b606;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pbo-reservation-btn:hover {
  background: #a88f5a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(191, 161, 107, 0.3);
}

/* Oda Bilgileri Kartı */
.pbo-room-info-card {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-room-info-card h3 {
  font-size: 1.5rem;
  color: #088fc2;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pbo-info-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e9ecef;
}

.pbo-info-item:last-child {
  border-bottom: none;
}

.pbo-info-icon {
  font-size: 1.5rem;
  width: 40px;
  text-align: center;
}

.pbo-info-content {
  flex: 1;
}

.pbo-info-label {
  display: block;
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.2rem;
}

.pbo-info-value {
  display: block;
  font-weight: 600;
  color: #333;
}

/* İletişim Kartı */
.pbo-contact-card {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-contact-card h3 {
  font-size: 1.5rem;
  color: #088fc2;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pbo-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e9ecef;
}

.pbo-contact-item:last-child {
  border-bottom: none;
}

.pbo-contact-icon {
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #cdcdcd;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pbo-contact-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pbo-contact-label {
  display: block;
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.3rem;
  font-weight: 500;
}

.pbo-contact-value {
  display: block;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
}

/* Diğer Odalar Bölümü */
.pbo-other-rooms-section {
  margin-top: 4rem;
}

.pbo-other-rooms-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.pbo-other-room-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.pbo-other-room-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.pbo-other-room-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
}

.pbo-other-room-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-other-room-card:hover .pbo-other-room-image img {
  transform: scale(1.05);
}

.pbo-other-room-content {
  padding: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
  color: #fff;
  z-index: 2;
}

.pbo-other-room-content h3 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.pbo-other-room-content h3 a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.pbo-other-room-content h3 a:hover {
  color: #f9b606;
}

.pbo-other-room-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.pbo-other-room-link:hover {
  text-decoration: none;
  color: inherit;
}

.pbo-other-room-desc {
  color: rgba(255,255,255,0.9);
  line-height: 1.3;
  margin-bottom: 0;
  font-size: 0.85rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



.pbo-other-room-btn {
  display: inline-block;
  background: #f9b606;
  color: #fff;
  padding: 0.8rem 1.5rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: background 0.3s ease;
}

.pbo-other-room-btn:hover {
  background: #a88f5a;
  color: #fff;
}

/* Responsive düzenlemeler */
@media (max-width: 1024px) {
  .pbo-room-detail-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .pbo-reservation-card {
    position: static;
  }
  
  .pbo-room-section-alt {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  .pbo-hero-title {
    font-size: 2.5rem;
  }
  
  .pbo-hero-subtitle {
    font-size: 1.1rem;
  }
  
  .pbo-hero-actions {
    flex-direction: column;
    align-items: center;
  }
  
  .pbo-hero-btn {
    width: 100%;
    max-width: 300px;
  }
  
  .pbo-gallery-main-image {
    height: 300px;
  }
  
  .pbo-features-grid {
    grid-template-columns: 1fr;
  }
  
  .pbo-other-rooms-grid {
    grid-template-columns: 1fr;
  }
  
  .pbo-room-detail-main .pbo-container,
  .pbo-rooms-content .pbo-container {
    padding: 0 1rem;
  }
  .pbo-mobile-header.pbo-scrolled{
    background: #088fc2 !important;
  }

  .pbo-mobile-menu-header {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
  .pbo-mobile-reserve-btn,
  .pbo-mobile-call-btn {
    flex: 1;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    display: block;
    text-align: center;
  }
  
  .pbo-mobile-reserve-btn {
    background: #f9b606;
    color: #fff;
  }
  
  .pbo-mobile-call-btn {
    background: #666;
    color: #fff;
  }
  
  .pbo-mobile-reserve-btn:hover {
    background: #a8905a;
    color: #fff;
  }
  
  .pbo-mobile-call-btn:hover {
    background: #555;
    color: #fff;
  }
}
.pbo-lang-switcher {
  border: none;
  background: none!important;
}
.gt_float_switcher .gt-selected {
  background: none!important;
}
.gt_float_switcher  {
  background: none!important;
}

/* GTranslate Modal Çözümü */
.pbo-lang-switcher {
  position: relative;
}

/* GTranslate dropdown gizle */
.pbo-lang-switcher .gtranslate_wrapper {
  display: none !important;
}

/* Sayfa altındaki floating language switcher'ı gizle */
#gt_float_wrapper,
.gt_float_wrapper,
.gt_float_switcher {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* GTranslate banner'larını gizle */
.goog-te-banner-frame,
.goog-te-banner-frame-skiptranslate,
.goog-te-gadget,
.goog-te-gadget-simple {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* Dil değiştirici yazı rengi */
.pbo-lang-display span {
  color: #000 !important;
  font-weight: bold !important;
}

/* Modal stilleri */
.pbo-language-modal { 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: rgba(0,0,0,0.5); 
  z-index: 10000; 
  backdrop-filter: blur(5px); 
}

.pbo-language-modal-content { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background: #fff; 
  border-radius: 12px; 
  box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
  padding: 2rem; 
  min-width: 300px; 
  max-width: 90vw; 
  max-height: 80vh; 
  overflow-y: auto; 
}

.pbo-language-list { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: 0.5rem; 
  margin-top: 1rem; 
}

.pbo-language-item { 
  display: flex; 
  align-items: center; 
  gap: 0.75rem; 
  padding: 0.75rem 1rem; 
  border: 1px solid #e0e0e0; 
  border-radius: 8px; 
  cursor: pointer; 
  transition: all 0.3s ease; 
  background: #fff; 
}

.pbo-language-item:hover { 
  background-color: #f8f9fa; 
  border-color: #f9b606; 
  transform: translateY(-2px); 
  box-shadow: 0 4px 12px rgba(191, 161, 107, 0.2); 
}

/* Mobil dil değiştirici stilleri */
.pbo-mobile-lang-switcher {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}

.pbo-mobile-lang-switcher .gtranslate_wrapper {
  display: none !important;
}

.pbo-mobile-lang-switcher .pbo-lang-display span {
  font-size: 12px !important;
  padding: 3px 6px !important;
  color: #000 !important;
  font-weight: bold !important;
}

/* Mobil için modal düzenlemeleri */
@media (max-width: 768px) {
  .pbo-language-modal-content { 
    padding: 1.5rem; 
    min-width: 280px; 
    max-width: 95vw; 
  }
  
  .pbo-language-list { 
    grid-template-columns: 1fr; 
  }
  
  .pbo-language-item { 
    padding: 1rem; 
  }
}

/* Dil değiştirici yazı rengi */
.pbo-lang-display span {
  color: #000 !important;
  font-weight: bold !important;
}

/* Header sticky olduğunda dil değiştirici rengi */
#pbo-header.sticky .pbo-lang-display span,
.pbo-header.scrolled .pbo-lang-display span {
  color: #fff !important;
  font-weight: bold !important;
}

/* Mobil header sticky olduğunda */
.pbo-mobile-header.pbo-scrolled .pbo-lang-display span {
  color: #fff !important;
  font-weight: bold !important;
}

/* Kampanya sayfası için özel stiller */
.pbo-kampanya-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.pbo-kampanya-card:hover {
  transform: translateY(-5px);
}

.pbo-kampanya-image {
  position: relative;
  overflow: hidden;
}

.pbo-kampanya-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pbo-kampanya-card:hover .pbo-kampanya-image img {
  transform: scale(1.05);
}

.pbo-kampanya-content {
  padding: 1.5rem;
}

.pbo-kampanya-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1rem;
}

.pbo-kampanya-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f9b606;
  margin-bottom: 0.5rem;
}

.pbo-kampanya-duration {
  color: #666;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.pbo-kampanya-description {
  color: #555;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.pbo-kampanya-actions {
  text-align: center;
}

.pbo-kampanya-actions .pbo-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.pbo-kampanya-actions .pbo-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(191, 161, 107, 0.3);
}

/* Kampanya detay sayfası için özel stiller */
.pbo-kampanya-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.pbo-kampanya-meta p {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.pbo-kampanya-content {
  flex: 1;
  margin: 1rem 0;
}

.pbo-kampanya-actions {
  margin-top: auto;
}

@media (max-width: 768px) {
  .pbo-grid.pbo-grid-2 {
    grid-template-columns: 1fr;
  }
  
  .pbo-kampanya-image img {
    height: 200px;
  }
}

/* Site Başlığı Stilleri */
.pbo-site-title,
.pbo-mobile-site-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #f9b606;
  margin: 0;
  text-decoration: none;
}

.pbo-mobile-site-title {
  font-size: 1.2rem;
}

/* Topbar Link Stilleri */
.pbo-topbar-contact.pbo-topbar-map,
.pbo-topbar-contact.pbo-topbar-hotel,
.pbo-topbar-contact.pbo-topbar-whatsapp,
.pbo-topbar-contact.pbo-topbar-callcenter {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: opacity 0.3s ease;
}

.pbo-topbar-contact.pbo-topbar-map:hover,
.pbo-topbar-contact.pbo-topbar-hotel:hover,
.pbo-topbar-contact.pbo-topbar-whatsapp:hover,
.pbo-topbar-contact.pbo-topbar-callcenter:hover {
  opacity: 0.8;
}

/* Mobil Menü Link Stilleri */
.pbo-mobile-reserve-btn,
.pbo-mobile-call-btn {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.pbo-mobile-contact-item {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: opacity 0.3s ease;
}

.pbo-mobile-contact-item:hover {
  opacity: 0.8;
}

/* Rezervasyon Sayfası Stilleri */
.pbo-reservation-page {
  padding: 2rem 0;
}

.pbo-reservation-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-top: 2rem;
}

.pbo-room-selection {
  background: #fff;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-room-option {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pbo-room-option:hover {
  border-color: #f9b606;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(191, 161, 107, 0.15);
}

.pbo-room-option.selected {
  border-color: #f9b606;
  background: rgba(191, 161, 107, 0.05);
}

.pbo-room-image {
  width: 100%;
  height: 200px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.pbo-room-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbo-room-info h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-room-description {
  color: #666;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.pbo-room-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.pbo-detail {
  background: #f8f9fa;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #666;
}

.pbo-room-features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.pbo-feature-tag {
  background: #f9b606;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

.pbo-select-room-btn {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}

.pbo-select-room-btn:hover {
  background: #a88a5a;
  transform: translateY(-1px);
}

.pbo-reservation-form-section {
  position: sticky;
  top: 2rem;
}

.pbo-reservation-form-card {
  background: #fff;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-reservation-form-card h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-reservation-form-card p {
  color: #666;
  margin-bottom: 2rem;
}

.pbo-success-message {
  background: #d4edda;
  color: #155724;
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
  border: 1px solid #c3e6cb;
}

.pbo-error-message {
  background: #f8d7da;
  color: #721c24;
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
  border: 1px solid #f5c6cb;
}

.pbo-reservation-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pbo-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.pbo-form-group {
  display: flex;
  flex-direction: column;
}

.pbo-form-group label {
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}

.pbo-form-group input,
.pbo-form-group select,
.pbo-form-group textarea {
  padding: 0.75rem;
  border: 2px solid #e9ecef;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

.pbo-form-group input:focus,
.pbo-form-group select:focus,
.pbo-form-group textarea:focus {
  outline: none;
  border-color: #f9b606;
}

.pbo-form-group textarea {
  resize: vertical;
  min-height: 100px;
}

.pbo-submit-reservation-btn {
  background: #f9b606;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  border-radius: 6px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
}

.pbo-submit-reservation-btn:hover {
  background: #a88a5a;
  transform: translateY(-1px);
}

.pbo-room-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #f8f9fa;
  color: #666;
}

.pbo-placeholder-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .pbo-reservation-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .pbo-form-row {
    grid-template-columns: 1fr;
  }
  
  .pbo-reservation-form-section {
    position: static;
  }
  
  .pbo-room-selection,
  .pbo-reservation-form-card {
    padding: 1.5rem;
  }
}

/* Oda detay sayfası hero image */
.pbo-room-detail-image {
  position: relative;
  width: 100%;
  height: 100%;
}

.pbo-room-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Desktop ve Tablet için Flex Layout */
@media (min-width: 769px) {
  .pbo-room-card {
    display: flex !important;
  }
  
  .pbo-room-image {
    flex: 0 0 400px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  
  .pbo-room-content {
    flex: 1 !important;
    padding: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  
  .pbo-room-details-under-image {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: flex-start !important;
    padding: 0.5rem !important;
    background: #f8f9fa !important;
    border-radius: 6px !important;
    margin: 0.5rem 0 !important;
  }
  
  .pbo-room-details-under-image .pbo-room-detail-item {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    font-size: 0.9rem !important;
  }
  
  .pbo-room-details-under-image .pbo-detail-icon {
    font-size: 1rem !important;
  }
  
  .pbo-room-details-under-image .pbo-detail-text {
    font-size: 0.85rem !important;
  }
}

/* Mobil responsive kurallar */
@media (max-width: 768px) {
  .pbo-room-card {
    display: block !important;
  }
  
  .pbo-room-image {
    width: 100% !important;
    height: 200px !important;
  }
  
  .pbo-room-content {
    display: block !important;
    padding: 1rem !important;
  }
  
  .pbo-room-details-under-image {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    padding: 0.5rem !important;
    background: #f8f9fa !important;
    border-radius: 6px !important;
    margin: 0.5rem 0 !important;
  }
  
  .pbo-room-details-under-image .pbo-room-detail-item {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    font-size: 0.9rem !important;
  }
  
  .pbo-room-details-under-image .pbo-detail-icon {
    font-size: 1rem !important;
  }
  
  .pbo-room-details-under-image .pbo-detail-text {
    font-size: 0.85rem !important;
  }
}

/* Otelimiz sayfası stilleri - Yatay Format */
.pbo-otelimiz-page {
    padding: 4rem 0;
    background: #f8f9fa;
}

.pbo-otelimiz-content {
    max-width: 1000px;
    margin: 0 auto;
}

/* Otel Bilgileri */
.pbo-otel-bilgileri {
    background: #fff;
    border-radius: 12px;
    padding: 3rem;
    margin-bottom: 3rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pbo-bilgileri-content h2 {
    color: #088fc2;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    text-align: center;
}

.pbo-bilgileri-content p {
    color: #666;
    line-height: 1.8;
    font-size: 1.1rem;
    text-align: justify;
}

.pbo-services-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
}

.pbo-service-item {
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pbo-service-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.pbo-service-image {
    flex: 0 0 300px;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.pbo-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.pbo-service-item:hover .pbo-service-image img {
    transform: scale(1.05);
}

.pbo-service-content {
    flex: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pbo-service-content h3 {
    color: #088fc2;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.pbo-service-content p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 0;
}

.pbo-otelimiz-cta {
    background: linear-gradient(135deg, #088fc2 0%, #066a8f 100%);
    color: #fff;
    padding: 3rem;
    border-radius: 12px;
    text-align: center;
    margin-top: 2rem;
}

.pbo-cta-content h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.pbo-cta-content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.pbo-cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.pbo-cta-btn {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.pbo-cta-btn.primary {
    background: #f9b606;
    color: #fff;
}

.pbo-cta-btn.primary:hover {
    background: #e6a500;
    transform: translateY(-2px);
}

.pbo-cta-btn.secondary {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.pbo-cta-btn.secondary:hover {
    background: #fff;
    color: #088fc2;
}

@media (max-width: 768px) {
    .pbo-service-item {
        flex-direction: column;
    }
    
    .pbo-service-image {
        flex: none;
        height: 200px;
    }
    
    .pbo-service-content {
        padding: 1.5rem;
    }
    
    .pbo-cta-content h3 {
        font-size: 1.5rem;
    }
    
    .pbo-cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .pbo-cta-btn {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
}