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

/* ===== Aydın Palace Termal ===== */
:root { --arya-gold: #b08d3c; --arya-gold-dark: #8f7130; --ap-navy: #1c3d7a; --ap-navy-dark: #142d5c; }
header .arya_logo { width: auto; height: 64px; transition: height .3s ease; }
header.sticky .arya_logo { height: 50px; }
.main-menu .logo_panel img { width: auto; height: 80px; }
@media (max-width: 767px) { header .arya_logo { height: 50px; } }

.hero .hero_sub { color: #fff; font-size: 1.125rem; font-weight: 400; max-width: 560px; margin-left: auto; margin-right: auto; }
.btn_1.outline.white { border-color: #fff; color: #fff; }
.btn_1.outline.white:hover { background-color: #fff; color: #24262d; }


.arya_list { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 30px; }
.arya_list li { padding: 4px 0 4px 22px; position: relative; break-inside: avoid; }
.arya_list li:before { content: "\F272"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 4px; color: var(--arya-gold); }
@media (max-width: 575px) { .arya_list { columns: 1; } }

.arya_info { list-style: none; padding: 0; }
.arya_info li { padding: 6px 0; border-bottom: 1px solid #ededed; }

.whatsapp_float { position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: 0 4px 14px rgba(0,0,0,.25); transition: transform .2s ease; }
.whatsapp_float:hover { color: #fff; transform: scale(1.08); }

/* Harita: yüklenene kadar yer tutucu */
.map_contact { position: relative; height: 450px; background: #f2eee6; overflow: hidden; }
.map_contact .map_placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 16px; }
.map_contact .map_placeholder i { font-size: 40px; color: var(--arya-gold); margin-bottom: 10px; }
.map_contact .map_placeholder p { margin-bottom: 18px; }
.map_contact iframe { position: absolute; inset: 0; height: 100%; margin-bottom: 0; opacity: 0; transition: opacity .6s ease; }
.map_contact iframe.loaded { opacity: 1; }
@media (max-width: 767px) { .map_contact { height: 350px; } }
.arya_contact_h { font-size: 1.25rem; font-weight: 600; margin-bottom: 15px; }

/* ===== Rezervasyon widget (hero altı) ===== */
.booking_bar_wp { position: relative; z-index: 990; margin-top: -60px; }
.booking_bar { display: flex; align-items: stretch; background: #fff; border-radius: 10px; box-shadow: 0 15px 40px rgba(0,0,0,.12); padding: 10px; gap: 0; }
.booking_bar .bb_field { flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; padding: 10px 20px; border-right: 1px solid #ededed; min-width: 0; }
.booking_bar label { font-size: .75rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--arya-gold); margin-bottom: 4px; }
.booking_bar label i { margin-right: 4px; }
.booking_bar input, .booking_bar select { border: 0; padding: 0; background-color: transparent; font-size: 1rem; font-weight: 500; color: #24262d; outline: none; width: 100%; cursor: pointer; }
.booking_bar input::placeholder { color: #999; font-weight: 400; }
.booking_bar .bb_submit { display: flex; align-items: center; padding: 0 0 0 15px; }
.booking_bar .bb_submit .btn_1 { white-space: nowrap; height: 100%; min-height: 56px; padding-left: 30px; padding-right: 30px; }
@media (max-width: 991px) {
  .booking_bar_wp { margin-top: -40px; }
  .booking_bar { flex-wrap: wrap; padding: 6px; }
  .booking_bar .bb_field { flex: 1 1 50%; border-right: 0; border-bottom: 1px solid #ededed; padding: 12px 14px; }
  .booking_bar .bb_field:nth-child(odd) { border-right: 1px solid #ededed; }
  .booking_bar .bb_submit { flex: 1 1 100%; padding: 10px 8px 6px; }
  .booking_bar .bb_submit .btn_1 { width: 100%; min-height: 50px; }
}
.booking_bar { flex-wrap: wrap; }
.booking_bar .bb_ages { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid #ededed; margin-top: 10px; padding-top: 4px; }
.booking_bar .bb_ages.d-none { display: none !important; }
.booking_bar .bb_age { flex: 0 0 25%; display: flex; flex-direction: column; padding: 10px 20px; border-right: 1px solid #ededed; }
.booking_bar .bb_age:last-child { border-right: 0; }
@media (max-width: 991px) {
  .booking_bar .bb_ages { margin-top: 0; border-top: 0; padding-top: 0; order: 1; }
  .booking_bar .bb_submit { order: 2; }
  .booking_bar .bb_age { flex: 1 1 50%; padding: 12px 14px; }
}

/* ===== Mobil alt menü ===== */
.mobile_bottom_bar { display: none; }
@media (max-width: 767px) {
  .mobile_bottom_bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; height: 64px; background: #fff; box-shadow: 0 -4px 18px rgba(0,0,0,.12); align-items: stretch; padding-bottom: env(safe-area-inset-bottom); }
  .mobile_bottom_bar .mbb_item { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: .9375rem; font-weight: 700; color: #6b6b6b; text-decoration: none; }
  .mobile_bottom_bar .mbb_item i { font-size: 24px; line-height: 1; }
  .mobile_bottom_bar .mbb_booking { padding-right: 46px; }
  .mobile_bottom_bar .mbb_whatsapp { color: #25d366; padding-left: 46px; }
  .mobile_bottom_bar .mbb_call { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); width: 84px; height: 84px; border-radius: 50%; background: #24262d; color: #fff; border: 4px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.25); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-decoration: none; }
  .mobile_bottom_bar .mbb_call i { font-size: 22px; line-height: 1; margin-bottom: 3px; }
  .mobile_bottom_bar .mbb_call span { font-size: .8125rem; font-weight: 600; line-height: 1.1; }
  .mobile_bottom_bar a:active { opacity: .8; }
  body { padding-bottom: 64px; }
  .whatsapp_float { display: none; }
}
@media (max-width: 767px) { body.bb_cal_open .mobile_bottom_bar { display: none; } }

/* ===== Aydın Palace Termal ===== */
header .arya_logo { height: 58px; }
header.sticky .arya_logo { height: 46px; }
header .logo_sticky { display: none; }
header.sticky .logo_normal { display: none; }
header.sticky .logo_sticky { display: inline-block; }
.btn_1 { background-color: var(--ap-navy); }
.btn_1:hover { background-color: var(--arya-gold); }
.btn_1.outline { background-color: transparent; border-color: var(--ap-navy); color: var(--ap-navy); }
.btn_1.outline:hover { background-color: var(--ap-navy); color: #fff; }
.btn_1.outline.white { border-color: #fff; color: #fff; }
.btn_1.outline.white:hover { background-color: #fff; color: var(--ap-navy); }
.title small { color: var(--arya-gold); }
.box_facilities i { color: var(--arya-gold); }
.booking_bar label { color: var(--ap-navy); }

.ap_stats { display: flex; gap: 40px; margin: 25px 0 10px; flex-wrap: wrap; }
.ap_stats strong { display: block; font-size: 2rem; font-weight: 700; color: var(--ap-navy); line-height: 1.1; }
.ap_stats span { font-size: .875rem; color: #777; }

.ap_concept { background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.07); padding: 35px; height: 100%; border-top: 4px solid var(--arya-gold); }
.ap_concept small { text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color: var(--arya-gold); }
.ap_concept h3 { font-size: 1.6rem; margin: 5px 0 20px; color: var(--ap-navy); }
.ap_concept .arya_list { columns: 1; margin-bottom: 20px; }
.ap_hours { list-style: none; padding: 15px 0 0; margin: 0; border-top: 1px solid #ededed; }
.ap_hours li { display: flex; justify-content: space-between; padding: 4px 0; font-size: .9375rem; }
.ap_hours li strong { font-weight: 600; }

.ap_pool_list { list-style: none; padding: 0; margin: 15px 0 0; }
.ap_pool_list li { padding: 8px 0 8px 28px; position: relative; border-bottom: 1px solid #ededed; }
.ap_pool_list li:before { content: "\F1D6"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 8px; color: var(--arya-gold); }
.ap_pool_list li em { font-style: normal; color: var(--ap-navy); font-weight: 600; white-space: nowrap; }
@media (max-width: 767px) { .mobile_bottom_bar .mbb_call { background: var(--ap-navy); } }