/* ============================================================================
   SAYMER PAXIMUM — ATF KURUMSAL TEMA
   v4.0.0 · Antalya Turizm Fuarı: Kırmızı · Gold · Sarı · Siyah · Beyaz
   ============================================================================

   ⚠️  BU DOSYA SADECE GÖRÜNÜMDÜR. Hiçbir PHP mantığı, ayar, opsiyon, AJAX
       akışı veya Paximum davranışı DEĞİŞTİRİLMEDİ. Salt sunum katmanıdır;
       silinirse eklenti eski görünümüyle aynen çalışmaya devam eder.

   YÜKLEME SIRASI: paximum-frontend.css → paximum-theme.css (bu dosya)
   Bu yüzden buradaki kurallar öncekileri ezer.

   `!important` YALNIZCA JS'in bastığı satır-içi (inline) stilleri ezmek için
   kullanılmıştır — başka hiçbir yerde. Satır-içi stiller CSS ile başka türlü
   ezilemez. İlgili bloklar "INLINE EZME" başlığı altındadır.

   ⚙️  TEK AYAR NOKTASI: aşağıdaki :root bloğu. Marka rengi tutmazsa yalnızca
       oradaki değişkenleri değiştirin, gerisi otomatik uyar.
   ============================================================================ */

:root {
	/* ── ATF kurumsal palet ── */
	--atf-red:        #B91C1C;   /* birincil kırmızı  */
	--atf-red-dk:     #8F1515;   /* koyu kırmızı — hover */
	--atf-red-lt:     #FEF2F2;   /* kırmızı zemin tonu */
	--atf-gold:       #C9A84C;   /* kurumsal gold */
	--atf-gold-dk:    #A8893C;
	--atf-gold-lt:    #FBF7EC;   /* gold zemin tonu */
	--atf-yellow:     #E8C55F;   /* açık sarı vurgu */
	--atf-black:      #111827;   /* antrasit — başlıklar */
	--atf-black-pure: #0A0A0A;
	--atf-white:      #FFFFFF;

	/* ── Nötrler ── */
	--atf-ink:        #1E293B;   /* gövde metni */
	--atf-mute:       #64748B;   /* ikincil metin */
	--atf-faint:      #94A3B8;   /* üçüncül metin */
	--atf-line:       #E7E3DA;   /* hairline — gold'a çalan nötr */
	--atf-bg:         #FAF8F4;   /* sıcak beyaz zemin */

	/* ── Sistem ── */
	--atf-r:          12px;      /* kart yarıçapı */
	--atf-r-sm:       8px;       /* kontrol yarıçapı */
	--atf-shadow:     0 4px 24px rgba(17,24,39,.09);
	--atf-shadow-lg:  0 20px 60px rgba(17,24,39,.24);
	--atf-font:       -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--atf-t:          .2s cubic-bezier(.4, 0, .2, 1);

	/* Eski değişkenleri ATF paletine bağla (frontend.css bunları kullanıyor) */
	--pax-orange:     var(--atf-gold);
	--pax-orange-dk:  var(--atf-gold-dk);
	--pax-navy:       var(--atf-black);
	--pax-navy-dk:    var(--atf-black-pure);
	--pax-red:        var(--atf-red);
	--pax-red-dk:     var(--atf-red-dk);
	--pax-gray-light: var(--atf-bg);
	--pax-gray:       var(--atf-line);
	--pax-gray-text:  var(--atf-mute);
	--pax-text:       var(--atf-ink);
	--pax-shadow:     var(--atf-shadow);
	--pax-radius:     var(--atf-r);
}

/* ════════════════════════════════════════════════════════════════════════
   1 · ORTAK
   ════════════════════════════════════════════════════════════════════════ */

.pax-widget, .pax-results, #pax-book-modal, #pax-modal,
.pax-featured-hotels, .pax-my-booking, .pax-payresult {
	font-family: var(--atf-font);
	color: var(--atf-ink);
}

/* Gold altı çizgili bölüm başlığı — markanın imza detayı */
.pax-results-header, .pax-fh-title, .pax-leg-title {
	position: relative;
}

/* ════════════════════════════════════════════════════════════════════════
   2 · ARAMA WIDGET'I — sekmeler + panel
   ════════════════════════════════════════════════════════════════════════ */

.pax-widget {
	background: var(--atf-white);
	border-radius: var(--atf-r);
	box-shadow: var(--atf-shadow);
	border: 1px solid var(--atf-line);
	overflow: hidden;
}

.pax-tabs {
	background: var(--atf-black);
	border-radius: var(--atf-r) var(--atf-r) 0 0;
	border-bottom: 3px solid var(--atf-gold);
	padding: 0 6px;
	gap: 2px;
}

.pax-tab {
	color: rgba(255,255,255,.62);
	font-weight: 600;
	font-size: 13.5px;
	letter-spacing: .2px;
	border-radius: var(--atf-r-sm) var(--atf-r-sm) 0 0;
	padding: 13px 18px;
	position: relative;
	transition: color var(--atf-t), background var(--atf-t);
}
.pax-tab:hover { color: var(--atf-yellow); background: rgba(201,168,76,.1); }

.pax-tab.active {
	background: var(--atf-white);
	color: var(--atf-red);
	font-weight: 800;
}
.pax-tab.active::after {
	content: '';
	position: absolute; left: 0; right: 0; bottom: -3px; height: 3px;
	background: var(--atf-red);
}
.pax-tab-icon { font-size: 17px; }

.pax-panel { background: var(--atf-white); padding: 22px; }

/* ════════════════════════════════════════════════════════════════════════
   3 · FORM ALANLARI
   ════════════════════════════════════════════════════════════════════════ */

.pax-field label,
.pax-field > span:first-child {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: var(--atf-mute);
}

.pax-field input,
.pax-field select,
.pax-form input[type=text],
.pax-form input[type=date],
.pax-form input[type=number],
.pax-form select {
	border: 1.5px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	background: var(--atf-bg);
	color: var(--atf-ink);
	font-weight: 600;
	font-size: 14px;
	transition: border-color var(--atf-t), background var(--atf-t), box-shadow var(--atf-t);
}
.pax-field input:hover,
.pax-field select:hover { border-color: var(--atf-gold); }

.pax-field input:focus,
.pax-field select:focus,
.pax-form input:focus,
.pax-form select:focus {
	outline: none;
	border-color: var(--atf-gold);
	background: var(--atf-white);
	box-shadow: 0 0 0 3px rgba(201,168,76,.18);
}

/* Ara butonu — markanın birincil eylemi */
.pax-btn-search {
	background: var(--atf-red);
	color: var(--atf-white);
	border: none;
	border-radius: var(--atf-r-sm);
	font-weight: 800;
	font-size: 14.5px;
	letter-spacing: .3px;
	box-shadow: 0 3px 12px rgba(185,28,28,.28);
	transition: background var(--atf-t), transform .1s, box-shadow var(--atf-t);
}
.pax-btn-search:hover {
	background: var(--atf-red-dk);
	box-shadow: 0 5px 18px rgba(185,28,28,.36);
}
.pax-btn-search:active { transform: translateY(1px); }

/* Otomatik tamamlama */
.pax-ac-dropdown {
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	box-shadow: var(--atf-shadow);
	overflow: hidden;
}
.pax-ac-dropdown li {
	font-size: 13.5px;
	border-bottom: 1px solid var(--atf-bg);
	transition: background var(--atf-t), padding-left var(--atf-t);
}
.pax-ac-dropdown li:last-child { border-bottom: none; }
.pax-ac-dropdown li:hover,
.pax-ac-dropdown li.focused {
	background: var(--atf-gold-lt);
	padding-left: 18px;
	color: var(--atf-black);
	font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════════════
   4 · TAKVİM
   ════════════════════════════════════════════════════════════════════════ */

.pax-rangecal {
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r);
	box-shadow: var(--atf-shadow);
	background: var(--atf-white);
}
.pax-cal-head { border-bottom: 1px solid var(--atf-line); }
.pax-cal-title, .pax-cal-month { color: var(--atf-black); font-weight: 800; }
.pax-cal-nav {
	border-radius: var(--atf-r-sm);
	color: var(--atf-red);
	transition: background var(--atf-t);
}
.pax-cal-nav:hover { background: var(--atf-red-lt); }
.pax-cal-dow { color: var(--atf-faint); font-weight: 800; font-size: 10.5px; letter-spacing: .5px; }

.pax-cal-day { border-radius: var(--atf-r-sm); transition: background var(--atf-t), color var(--atf-t); }
.pax-cal-day:hover:not(.pax-cal-dayoff) { background: var(--atf-gold-lt); color: var(--atf-black); }
.pax-cal-day.sel  { background: var(--atf-red) !important; color: var(--atf-white) !important; font-weight: 800; }
.pax-cal-day.inr  { background: var(--atf-red-lt); color: var(--atf-red); }
.pax-cal-day.off  { color: var(--atf-faint); opacity: .5; }
.pax-cal-hint { color: var(--atf-mute); font-size: 12px; }

/* ════════════════════════════════════════════════════════════════════════
   5 · SONUÇ KARTLARI
   ════════════════════════════════════════════════════════════════════════ */

.pax-results-header {
	border-bottom: 2px solid var(--atf-line);
	padding-bottom: 12px;
	margin-bottom: 18px;
}
.pax-results-count { color: var(--atf-mute); font-size: 13px; font-weight: 600; }
.pax-results-count strong { color: var(--atf-red); }

.pax-card {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r);
	box-shadow: 0 1px 3px rgba(17,24,39,.05);
	overflow: hidden;
	transition: box-shadow var(--atf-t), transform var(--atf-t), border-color var(--atf-t);
}
.pax-card:hover {
	box-shadow: var(--atf-shadow);
	transform: translateY(-3px);
	border-color: var(--atf-gold);
}
.pax-card-img { position: relative; }
.pax-card-img::after {
	content: '';
	position: absolute; inset: auto 0 0 0; height: 52px;
	background: linear-gradient(to top, rgba(17,24,39,.42), transparent);
	pointer-events: none;
}
.pax-card-title {
	color: var(--atf-black);
	font-weight: 800;
	font-size: 15.5px;
	line-height: 1.35;
}
.pax-card-sub { color: var(--atf-mute); font-size: 12.5px; }

.pax-card-badge {
	background: var(--atf-gold);
	color: var(--atf-black);
	font-weight: 800;
	font-size: 10.5px;
	letter-spacing: .4px;
	text-transform: uppercase;
	border-radius: 999px;
	padding: 4px 10px;
}
.pax-stars { color: var(--atf-gold); letter-spacing: 1px; }

.pax-card-footer {
	border-top: 1px solid var(--atf-line);
	background: var(--atf-bg);
}
.pax-price-from { color: var(--atf-faint); font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; }
.pax-price, .pax-price-amount {
	color: var(--atf-red);
	font-weight: 900;
	letter-spacing: -.5px;
}
.pax-price-currency { color: var(--atf-red); font-weight: 700; }

.pax-btn-detail {
	background: var(--atf-black);
	color: var(--atf-white);
	border: none;
	border-radius: var(--atf-r-sm);
	font-weight: 700;
	font-size: 13px;
	transition: background var(--atf-t), transform .1s;
}
.pax-btn-detail:hover { background: var(--atf-red); }
.pax-btn-detail:active { transform: scale(.98); }

/* Liste tipi kart (transfer / araç / tur) */
.pax-list-card {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r);
	transition: border-color var(--atf-t), box-shadow var(--atf-t);
}
.pax-list-card:hover { border-color: var(--atf-gold); box-shadow: var(--atf-shadow); }
.pax-list-title { color: var(--atf-black); font-weight: 800; }
.pax-list-meta  { color: var(--atf-mute); font-size: 12.5px; }
.pax-list-thumb { border-radius: var(--atf-r-sm); border: 1px solid var(--atf-line); }

/* Durum kutuları */
.pax-loading, .pax-empty, .pax-error {
	border-radius: var(--atf-r);
	font-size: 14px;
	padding: 26px 20px;
	text-align: center;
}
.pax-loading { background: var(--atf-bg);      border: 1px solid var(--atf-line); color: var(--atf-mute); }
.pax-empty   { background: var(--atf-gold-lt); border: 1px solid var(--atf-gold); color: var(--atf-black); }
.pax-error   { background: var(--atf-red-lt);  border: 1px solid #FECACA;         color: var(--atf-red-dk); }

.pax-spin {
	border-color: var(--atf-line);
	border-top-color: var(--atf-red);
}

/* ════════════════════════════════════════════════════════════════════════
   6 · UÇUŞ KARTLARI
   ════════════════════════════════════════════════════════════════════════ */

.pax-flight-card {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r);
	transition: border-color var(--atf-t), box-shadow var(--atf-t);
}
.pax-flight-card:hover { border-color: var(--atf-gold); box-shadow: var(--atf-shadow); }
.pax-leg-title {
	color: var(--atf-black); font-weight: 800; font-size: 12px;
	text-transform: uppercase; letter-spacing: .6px;
	border-left: 3px solid var(--atf-gold); padding-left: 9px;
}
.pax-airline { color: var(--atf-ink); font-weight: 700; }
.pax-route-line { background: var(--atf-line); }
.pax-route-point { color: var(--atf-black); font-weight: 800; }
.pax-direct-badge {
	background: var(--atf-gold-lt); color: var(--atf-gold-dk);
	border: 1px solid var(--atf-gold); border-radius: 999px;
	font-size: 10.5px; font-weight: 800;
}
.pax-stop-badge {
	background: var(--atf-bg); color: var(--atf-mute);
	border: 1px solid var(--atf-line); border-radius: 999px;
	font-size: 10.5px; font-weight: 700;
}
.pax-flight-pick {
	background: var(--atf-red); color: var(--atf-white);
	border: none; border-radius: var(--atf-r-sm); font-weight: 700;
	transition: background var(--atf-t);
}
.pax-flight-pick:hover { background: var(--atf-red-dk); }
.pax-flight-pick.picked { background: var(--atf-gold); color: var(--atf-black); }

.pax-rt-bar {
	background: var(--atf-black);
	border-top: 3px solid var(--atf-gold);
	color: var(--atf-white);
}
.pax-rt-bar strong, #pax-rt-out, #pax-rt-ret { color: var(--atf-yellow); }
#pax-rt-book {
	background: var(--atf-red); color: var(--atf-white);
	border: none; border-radius: var(--atf-r-sm); font-weight: 800;
	transition: background var(--atf-t), opacity var(--atf-t);
}
#pax-rt-book:hover:not(:disabled) { background: var(--atf-red-dk); }
#pax-rt-book:disabled { opacity: .45; cursor: not-allowed; }

/* ════════════════════════════════════════════════════════════════════════
   7 · OTEL DETAY MODALI
   ── INLINE EZME: bu bölümdeki !important, JS'in bastığı satır-içi
      stilleri ezmek içindir (assets/js/paximum-frontend.js ~469-545).
   ════════════════════════════════════════════════════════════════════════ */

#pax-modal { background: rgba(10,10,10,.62) !important; }

/* Beyaz kart sarmalayıcı */
#pax-modal > div {
	border-radius: var(--atf-r) !important;
	box-shadow: var(--atf-shadow-lg) !important;
	border-top: 4px solid var(--atf-gold) !important;
}

/* Otel adı — JS'te #1e3a5f basılıyor */
#pax-modal-body h2 {
	color: var(--atf-black) !important;
	font-weight: 900 !important;
	letter-spacing: -.3px !important;
}
#pax-modal-body h3 {
	color: var(--atf-mute) !important;
	letter-spacing: .6px !important;
}
#pax-modal-body p { color: var(--atf-mute) !important; }

/* Oda satırları */
#pax-modal-body > div > div > div[style*="border"] {
	border-color: var(--atf-line) !important;
	border-radius: var(--atf-r-sm) !important;
	transition: border-color var(--atf-t), background var(--atf-t);
}
#pax-modal-body > div > div > div[style*="border"]:hover {
	border-color: var(--atf-gold) !important;
	background: var(--atf-gold-lt) !important;
}

/* Fiyat — JS'te #dc2626 basılıyor */
#pax-modal-body div[style*="font-size:18px"] { color: var(--atf-red) !important; font-weight: 900 !important; }

/* Rezervasyon Yap — JS'te #dc2626 */
.pax-btn-book {
	background: var(--atf-red) !important;
	border-radius: var(--atf-r-sm) !important;
	box-shadow: 0 2px 10px rgba(185,28,28,.28) !important;
	transition: background var(--atf-t), transform .1s !important;
}
.pax-btn-book:hover { background: var(--atf-red-dk) !important; }
.pax-btn-book:active { transform: scale(.97) !important; }

/* Sepete Ekle — JS'te #1e3a5f */
.pax-btn-add-cart {
	background: var(--atf-black) !important;
	border-radius: var(--atf-r-sm) !important;
	transition: background var(--atf-t), transform .1s !important;
}
.pax-btn-add-cart:hover { background: var(--atf-gold) !important; color: var(--atf-black) !important; }
.pax-btn-add-cart:active { transform: scale(.97) !important; }

#pax-modal-close {
	border-color: var(--atf-line) !important;
	border-radius: var(--atf-r-sm) !important;
	color: var(--atf-mute) !important;
	transition: background var(--atf-t), color var(--atf-t) !important;
}
#pax-modal-close:hover { background: var(--atf-bg) !important; color: var(--atf-black) !important; }

/* ════════════════════════════════════════════════════════════════════════
   8 · REZERVASYON MODALI
   ════════════════════════════════════════════════════════════════════════ */

#pax-book-modal { background: rgba(10,10,10,.62); }

.pax-book-dialog {
	background: var(--atf-white);
	border-radius: var(--atf-r);
	box-shadow: var(--atf-shadow-lg);
	overflow: hidden;
}

.pax-book-head {
	background: var(--atf-black);
	border-bottom: 3px solid var(--atf-gold);
}
.pax-book-x {
	color: rgba(255,255,255,.7);
	border-radius: var(--atf-r-sm);
	transition: background var(--atf-t), color var(--atf-t);
}
.pax-book-x:hover { background: rgba(255,255,255,.12); color: var(--atf-white); }

/* Adım göstergesi */
.pax-bstep {
	color: rgba(255,255,255,.45);
	font-size: 11.5px; font-weight: 700; letter-spacing: .3px;
	padding: 5px 11px; border-radius: 999px;
	transition: color var(--atf-t), background var(--atf-t);
}
.pax-bstep.active {
	background: var(--atf-red);
	color: var(--atf-white);
	font-weight: 800;
}
.pax-bstep.done { color: var(--atf-yellow); }
.pax-bstep.done::before { content: '✓ '; }

/* Teklif özeti */
.pax-book-summary {
	background: var(--atf-gold-lt);
	border: 1px solid var(--atf-gold);
	border-radius: var(--atf-r);
}
.pax-book-sumline { color: var(--atf-black); font-weight: 800; }
.pax-book-price   { color: var(--atf-ink); }
.pax-book-price strong { color: var(--atf-red); font-size: 20px; font-weight: 900; }
.pax-book-expire  { color: var(--atf-gold-dk); font-weight: 700; font-size: 12px; }

.pax-book-notes {
	background: var(--atf-bg);
	border: 1px solid var(--atf-line);
	border-left: 3px solid var(--atf-gold);
	border-radius: 0 var(--atf-r-sm) var(--atf-r-sm) 0;
	color: var(--atf-ink);
}
.pax-book-cancel {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-left: 3px solid var(--atf-red);
	border-radius: 0 var(--atf-r-sm) var(--atf-r-sm) 0;
	color: var(--atf-ink);
}
.pax-book-notes strong, .pax-book-cancel strong {
	color: var(--atf-black); font-size: 11.5px;
	text-transform: uppercase; letter-spacing: .5px;
}

/* Yolcu alanları */
.pax-book-trav {
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	background: var(--atf-white);
}
.pax-book-trav legend {
	color: var(--atf-red);
	font-weight: 800; font-size: 11px;
	text-transform: uppercase; letter-spacing: .5px;
}
.pax-book-grid label {
	color: var(--atf-mute); font-size: 11px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .4px;
}
.pax-book-grid input,
.pax-book-grid select {
	border: 1.5px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	background: var(--atf-bg);
	font-weight: 600; font-size: 14px; color: var(--atf-ink);
	text-transform: none; letter-spacing: 0;
	transition: border-color var(--atf-t), background var(--atf-t), box-shadow var(--atf-t);
}
.pax-book-grid input:focus,
.pax-book-grid select:focus {
	outline: none; border-color: var(--atf-gold); background: var(--atf-white);
	box-shadow: 0 0 0 3px rgba(201,168,76,.18);
}

.pax-book-terms {
	background: var(--atf-bg);
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	color: var(--atf-ink); font-size: 13px;
}

.pax-book-submit {
	background: var(--atf-red);
	color: var(--atf-white);
	border: none; border-radius: var(--atf-r-sm);
	font-weight: 800; font-size: 15px; letter-spacing: .2px;
	box-shadow: 0 3px 12px rgba(185,28,28,.28);
	transition: background var(--atf-t), transform .1s, opacity var(--atf-t);
}
.pax-book-submit:hover:not(:disabled) { background: var(--atf-red-dk); }
.pax-book-submit:active:not(:disabled) { transform: translateY(1px); }
.pax-book-submit:disabled { opacity: .55; cursor: progress; }

.pax-book-cancel-btn {
	background: var(--atf-white); color: var(--atf-mute);
	border: 1.5px solid var(--atf-line); border-radius: var(--atf-r-sm);
	font-weight: 700;
	transition: background var(--atf-t), color var(--atf-t);
}
.pax-book-cancel-btn:hover { background: var(--atf-bg); color: var(--atf-black); }

.pax-book-progress {
	background: var(--atf-gold-lt);
	border: 1px solid var(--atf-gold);
	border-radius: var(--atf-r-sm);
	color: var(--atf-gold-dk); font-weight: 600; font-size: 13px;
}
.pax-book-error {
	background: var(--atf-red-lt);
	border: 1px solid #FECACA;
	border-radius: var(--atf-r-sm);
	color: var(--atf-red-dk); font-weight: 600;
}
.pax-book-loading { color: var(--atf-mute); }

/* Sonuç ekranı */
.pax-book-done-icon { font-size: 46px; }
.pax-book-done h3 { color: var(--atf-black); font-weight: 900; }
.pax-book-resno {
	background: var(--atf-gold-lt);
	border: 2px solid var(--atf-gold);
	border-radius: var(--atf-r);
	color: var(--atf-black);
}
.pax-book-resno strong {
	color: var(--atf-red); font-size: 24px; font-weight: 900; letter-spacing: 1.5px;
}
.pax-book-row strong { color: var(--atf-red); }
.pax-book-keep { color: var(--atf-faint); font-size: 12px; }

/* ════════════════════════════════════════════════════════════════════════
   9 · KREDİ KARTI FORMU (credit_card modu)
   ════════════════════════════════════════════════════════════════════════ */

#pax-pay-form label {
	color: var(--atf-mute); font-size: 11px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .4px;
}
#pax-pay-form input,
#pax-pay-form select {
	border: 1.5px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	background: var(--atf-bg);
	font-weight: 600; font-size: 15px; color: var(--atf-ink);
	letter-spacing: .5px;
	transition: border-color var(--atf-t), background var(--atf-t), box-shadow var(--atf-t);
}
#pax-pay-form input:focus,
#pax-pay-form select:focus {
	outline: none; border-color: var(--atf-gold); background: var(--atf-white);
	box-shadow: 0 0 0 3px rgba(201,168,76,.18);
}
#pax-pay-cardno { font-family: var(--atf-font); letter-spacing: 2px; font-weight: 700; }

.pax-pay-secure {
	background: #F0FDF4; border: 1px solid #BBF7D0;
	border-radius: var(--atf-r-sm); color: #166534;
	font-size: 12.5px; font-weight: 600;
}
.pax-pay-error {
	background: var(--atf-red-lt); border: 1px solid #FECACA;
	border-radius: var(--atf-r-sm); color: var(--atf-red-dk); font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════════════
   10 · ÖNE ÇIKAN OTELLER
   ════════════════════════════════════════════════════════════════════════ */

.pax-fh-title {
	color: var(--atf-black);
	font-weight: 900;
	letter-spacing: -.4px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	position: relative;
}
.pax-fh-title::after {
	content: '';
	position: absolute; left: 0; bottom: 0;
	width: 56px; height: 3px;
	background: var(--atf-gold);
	border-radius: 2px;
}
.pax-fh-error {
	background: var(--atf-gold-lt);
	border: 1px solid var(--atf-gold);
	border-radius: var(--atf-r);
	color: var(--atf-black);
	padding: 16px 18px;
}
.pax-fh-error code {
	background: var(--atf-white); border: 1px solid var(--atf-line);
	border-radius: 4px; padding: 2px 6px; color: var(--atf-red);
}

/* ════════════════════════════════════════════════════════════════════════
   11 · REZERVASYON SORGULAMA  [paximum_my_booking]
   ════════════════════════════════════════════════════════════════════════ */

.pax-mb-header {
	color: var(--atf-black);
	font-weight: 900;
	letter-spacing: -.3px;
	position: relative;
	padding-bottom: 10px;
}
.pax-mb-header::after {
	content: '';
	position: absolute; left: 0; bottom: 0;
	width: 48px; height: 3px;
	background: var(--atf-gold); border-radius: 2px;
}

.pax-mb-input {
	border: 1.5px solid var(--atf-line);
	border-radius: var(--atf-r-sm);
	background: var(--atf-bg);
	color: var(--atf-ink);
	font-weight: 700; font-size: 15px; letter-spacing: 1.2px;
	transition: border-color var(--atf-t), background var(--atf-t), box-shadow var(--atf-t);
}
.pax-mb-input::placeholder { color: var(--atf-faint); font-weight: 500; letter-spacing: .4px; }
.pax-mb-input:focus {
	outline: none; border-color: var(--atf-gold); background: var(--atf-white);
	box-shadow: 0 0 0 3px rgba(201,168,76,.18);
}

.pax-mb-btn {
	background: var(--atf-red); color: var(--atf-white);
	border: none; border-radius: var(--atf-r-sm);
	font-weight: 800; letter-spacing: .3px;
	box-shadow: 0 3px 12px rgba(185,28,28,.26);
	transition: background var(--atf-t), transform .1s;
}
.pax-mb-btn:hover  { background: var(--atf-red-dk); }
.pax-mb-btn:active { transform: translateY(1px); }

.pax-mb-card {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-top: 4px solid var(--atf-gold);
	border-radius: var(--atf-r);
	box-shadow: var(--atf-shadow);
}
.pax-mb-rno {
	background: var(--atf-gold-lt);
	border: 2px solid var(--atf-gold);
	border-radius: var(--atf-r);
	color: var(--atf-black);
}
.pax-mb-rno strong { color: var(--atf-red); font-weight: 900; letter-spacing: 1.5px; }

.pax-mb-service {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-left: 3px solid var(--atf-gold);
	border-radius: 0 var(--atf-r-sm) var(--atf-r-sm) 0;
}
.pax-mb-sname  { color: var(--atf-black); font-weight: 800; }
.pax-mb-stype  {
	background: var(--atf-black); color: var(--atf-yellow);
	border-radius: 999px; font-size: 10.5px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .4px;
}
.pax-mb-sdetail { color: var(--atf-mute); font-size: 12.5px; }
.pax-mb-sprice  { color: var(--atf-red); font-weight: 900; }
.pax-mb-row     { color: var(--atf-ink); }
.pax-mb-travellers { color: var(--atf-ink); }
.pax-mb-total {
	background: var(--atf-bg);
	border-top: 2px solid var(--atf-line);
	color: var(--atf-black); font-weight: 800;
}
.pax-mb-total strong { color: var(--atf-red); font-size: 20px; font-weight: 900; }

/* Durum rozetleri — her iki sınıf da stillenmiştir (PHP'ye dokunulmadı) */
.pax-mb-status {
	border-radius: 999px; font-size: 11.5px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .4px; padding: 5px 12px;
}
.pax-mb-ok {
	background: #F0FDF4; border: 1.5px solid #BBF7D0; color: #166534;
}
.pax-mb-pending {
	background: var(--atf-gold-lt); border: 1.5px solid var(--atf-gold); color: var(--atf-gold-dk);
}
.pax-mb-error {
	background: var(--atf-red-lt); border: 1.5px solid #FECACA;
	border-radius: var(--atf-r-sm); color: var(--atf-red-dk); font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════════════
   12 · ÖDEME SONUÇ SAYFASI
   ════════════════════════════════════════════════════════════════════════ */

.pax-pr-card {
	border: 1px solid var(--atf-line);
	border-radius: var(--atf-r);
	box-shadow: var(--atf-shadow);
	border-top: 4px solid var(--atf-gold);
}
.pax-pr-card h3 { color: var(--atf-black); font-weight: 900; }
.pax-pr-card p  { color: var(--atf-mute); }
.pax-pr-wait .pax-spin { border-color: var(--atf-line); border-top-color: var(--atf-red); }

.pax-pr-resno {
	background: var(--atf-gold-lt);
	border: 2px solid var(--atf-gold);
	border-radius: var(--atf-r);
}
.pax-pr-resno strong { color: var(--atf-red); font-weight: 900; letter-spacing: 1.5px; }
.pax-pr-row strong   { color: var(--atf-red); }
.pax-pr-cancel {
	background: var(--atf-white);
	border: 1px solid var(--atf-line);
	border-left: 3px solid var(--atf-red);
	border-radius: 0 var(--atf-r-sm) var(--atf-r-sm) 0;
	color: var(--atf-ink);
}
.pax-pr-fail h3    { color: var(--atf-red); }
.pax-pr-invalid h3 { color: var(--atf-gold-dk); }
.pax-pr-txid {
	background: var(--atf-bg); border: 1px solid var(--atf-line);
	border-radius: var(--atf-r-sm); color: var(--atf-faint);
}
.pax-pr-keep { color: var(--atf-faint); }

/* ════════════════════════════════════════════════════════════════════════
   13 · MOBİL
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 782px) {
	.pax-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.pax-tabs::-webkit-scrollbar { display: none; }
	.pax-tab { white-space: nowrap; padding: 12px 14px; font-size: 13px; }
	.pax-panel { padding: 16px 14px; }
	.pax-btn-search { width: 100%; padding: 14px; }
	.pax-card:hover { transform: none; }
	#pax-modal > div { margin: 12px !important; border-radius: var(--atf-r) !important; }
	.pax-book-resno strong, .pax-pr-resno strong { font-size: 20px; }
}

/* ════════════════════════════════════════════════════════════════════════
   14 · ERİŞİLEBİLİRLİK
   ════════════════════════════════════════════════════════════════════════ */

.pax-widget :focus-visible,
#pax-book-modal :focus-visible,
#pax-modal :focus-visible {
	outline: 2px solid var(--atf-gold);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.pax-card, .pax-btn-search, .pax-book-submit, .pax-sc, .pax-sc-backdrop {
		transition: none !important;
	}
	.pax-card:hover { transform: none; }
	.pax-co-timer-warn { animation: none; }
}

@media print {
	#pax-modal, #pax-book-modal, .pax-sc, .pax-sc-fab, .pax-sc-backdrop, .pax-gate { display: none !important; }
	.pax-pr-card, .pax-co { box-shadow: none; border: 1px solid #999; }
}


/* ════════════════════════════════════════════════════════════════════════
   15 · YAN SEPET (off-canvas drawer)
   ── SOL: sağ kenarda "BANA SOR" chatbot ve "KAYIT OL" sekmeleri var.
   ── z-index: otel detay modalı JS'te inline z-index:99999 basıyor,
      drawer onun ÜSTÜNDE olmalı yoksa arkasında açılır ve kullanıcı
      "sepete eklenmiyor" sanır.
   ════════════════════════════════════════════════════════════════════════ */

.pax-sc, .pax-sc-fab, .pax-sc-backdrop { font-family: var(--atf-font); }

/* Yüzen sepet balonu — header'da sepet ikonu yok, bu onun yerine geçer */
.pax-sc-fab {
	position: fixed; left: 20px; bottom: 20px; z-index: 99990;
	width: 56px; height: 56px; border-radius: 50%;
	background: var(--atf-red); color: var(--atf-white); border: none;
	font-size: 22px; cursor: pointer;
	box-shadow: 0 6px 22px rgba(185,28,28,.42);
	transition: transform .18s, background var(--atf-t);
}
.pax-sc-fab:hover { background: var(--atf-red-dk); transform: scale(1.07); }

.pax-sc-inline {
	background: none; border: none; font-size: 20px; cursor: pointer;
	position: relative; color: inherit; padding: 4px;
}
.pax-sc-badge {
	position: absolute; top: -3px; right: -3px;
	min-width: 20px; height: 20px; padding: 0 5px;
	background: var(--atf-gold); color: var(--atf-black);
	border-radius: 999px; font-size: 11px; font-weight: 800;
	display: inline-flex; align-items: center; justify-content: center;
	border: 2px solid var(--atf-white);
}

.pax-sc-backdrop {
	position: fixed; inset: 0; z-index: 100000;
	background: rgba(10,10,10,.55);
	opacity: 0; transition: opacity .3s ease;
}
.pax-sc-backdrop.on { opacity: 1; }
body.pax-sc-lock { overflow: hidden; }

.pax-sc {
	position: fixed; top: 0; left: 0; bottom: 0; z-index: 100001;
	width: 380px; max-width: 100vw;
	background: var(--atf-white);
	display: flex; flex-direction: column;
	box-shadow: 8px 0 34px rgba(0,0,0,.22);
	transform: translateX(-100%);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.pax-sc.on { transform: translateX(0); }

.pax-sc-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 20px; flex: 0 0 auto;
	background: var(--atf-black); border-bottom: 3px solid var(--atf-gold);
}
.pax-sc-head h3 { margin: 0; color: var(--atf-white); font-size: 16px; font-weight: 800; }
.pax-sc-close {
	background: none; border: none; color: rgba(255,255,255,.75);
	font-size: 19px; cursor: pointer; padding: 4px 8px; line-height: 1;
	border-radius: var(--atf-r-sm); transition: background var(--atf-t), color var(--atf-t);
}
.pax-sc-close:hover { background: rgba(255,255,255,.12); color: var(--atf-white); }

.pax-sc-body { flex: 1 1 auto; overflow-y: auto; padding: 14px 16px; }
.pax-sc-loading { text-align: center; padding: 40px 0; }
.pax-sc-spin {
	display: inline-block; width: 26px; height: 26px;
	border: 3px solid var(--atf-line); border-top-color: var(--atf-red);
	border-radius: 50%; animation: pax-sc-spin .7s linear infinite;
}
@keyframes pax-sc-spin { to { transform: rotate(360deg); } }

.pax-sc-empty { text-align: center; padding: 46px 16px; color: var(--atf-mute); }
.pax-sc-empty-ico { font-size: 40px; margin-bottom: 10px; }
.pax-sc-empty p { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--atf-ink); }
.pax-sc-empty span { font-size: 13px; }

.pax-sc-item {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 12px 0; border-bottom: 1px solid var(--atf-line);
}
.pax-sc-item:last-child { border-bottom: none; }
.pax-sc-item-main { flex: 1 1 auto; min-width: 0; }
.pax-sc-item-name { font-size: 13.5px; font-weight: 800; color: var(--atf-black); line-height: 1.35; }
.pax-sc-item-meta { font-size: 11.5px; color: var(--atf-mute); margin-top: 3px; line-height: 1.45; }
.pax-sc-item-price { font-size: 15px; font-weight: 900; color: var(--atf-red); margin-top: 5px; }

/* X butonu — tema/Elementor'ün genel `button` kuralları eziyordu, sabitlendi */
.pax-sc .pax-sc-del,
.pax-sc button.pax-sc-del {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	width: 26px !important; height: 26px !important;
	min-width: 26px !important; min-height: 26px !important;
	padding: 0 !important; margin: 0 !important;
	background: transparent !important;
	border: none !important; border-radius: 50% !important;
	color: #C0C7D1 !important;
	font-size: 13px !important; font-weight: 400 !important; line-height: 1 !important;
	letter-spacing: 0 !important; text-transform: none !important;
	box-shadow: none !important; cursor: pointer;
	transition: background var(--atf-t), color var(--atf-t);
}
.pax-sc .pax-sc-del:hover,
.pax-sc button.pax-sc-del:hover {
	background: var(--atf-red-lt) !important; color: var(--atf-red) !important;
}
.pax-sc .pax-sc-del:focus-visible { outline: 2px solid var(--atf-gold); outline-offset: 1px; }

.pax-sc-foot {
	flex: 0 0 auto; padding: 14px 16px 16px;
	border-top: 1px solid var(--atf-line); background: var(--atf-bg);
}
.pax-sc-total {
	display: flex; align-items: center; justify-content: space-between;
	font-size: 13px; color: var(--atf-mute); margin-bottom: 11px;
}
.pax-sc-total strong {
	font-size: 21px; font-weight: 900; color: var(--atf-red); letter-spacing: -.4px;
}

.pax-sc-btn {
	display: block; width: 100%; text-align: center;
	padding: 12px 16px; border-radius: var(--atf-r-sm);
	font-size: 14px; font-weight: 800; cursor: pointer;
	text-decoration: none; border: none;
	transition: background var(--atf-t), transform .1s;
}
.pax-sc-btn:active { transform: scale(.99); }
.pax-sc-btn-primary { background: var(--atf-red); color: var(--atf-white); }
.pax-sc-btn-primary:hover { background: var(--atf-red-dk); color: var(--atf-white); }
.pax-sc-btn-ghost {
	background: var(--atf-white); color: var(--atf-black);
	border: 1.5px solid var(--atf-line); margin-bottom: 8px;
}
.pax-sc-btn-ghost:hover { background: var(--atf-bg); color: var(--atf-black); }

/* Mobil: alttan yükselen sayfa */
@media (max-width: 600px) {
	.pax-sc {
		width: 100%; max-width: 100%;
		top: auto; height: 90vh;
		border-radius: 16px 16px 0 0;
		transform: translateY(100%);
		box-shadow: 0 -8px 34px rgba(0,0,0,.22);
	}
	.pax-sc.on { transform: translateY(0); }
	.pax-sc-head { border-radius: 16px 16px 0 0; }
	.pax-sc-fab { left: 14px; bottom: 14px; width: 52px; height: 52px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.pax-sc, .pax-sc-backdrop, .pax-sc-fab { transition: none !important; }
}
@media print {
	.pax-sc, .pax-sc-fab, .pax-sc-backdrop { display: none !important; }
}