/* ============================================================
Luxentra VIP Booking — Form (yeni tasarım)
============================================================ */
.luxentra-booking-form {
--lx-ink: #15171C;
--lx-ink-soft: #3a3f4a;
--lx-muted: #8a909c;
--lx-line: #e8ebf0;
--lx-line-soft: #f0f2f6;
--lx-field: #f6f7f9;
--lx-white: #ffffff;
--lx-primary: #d4ad13;
--lx-primary-dark:#a8890e;
--lx-primary-tint:#fdf8e7;
--lx-green: #13a05a;
--lx-green-tint: #e7f6ee;
--lx-radius: 22px;
--lx-radius-md: 14px;
--lx-radius-sm: 11px;
--lx-shadow: 0 30px 60px -22px rgba(15,23,42,.28), 0 8px 22px -12px rgba(15,23,42,.14);
--lx-ring: 0 0 0 3px rgba(212,173,19,.22);
/* Compat aliases used by vehicles section below */
--lx-text: #15171C;
--lx-text-soft: #6b7280;
--lx-border: #e8ebf0;
--lx-border-focus:#d4ad13;
--lx-bg: #ffffff;
--lx-bg-soft: #f6f7f9;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1080px !important;
margin: 0 auto !important;
background: var(--lx-white) !important;
color: var(--lx-ink) !important;
border-radius: var(--lx-radius) !important;
box-shadow: var(--lx-shadow) !important;
overflow: hidden !important;
font-family: inherit !important;
line-height: 1.5 !important;
animation: luxentra-rise .55s cubic-bezier(.16,1,.3,1) both !important;
}
@keyframes luxentra-rise {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: none; }
}
/* Sandbox — tema CSS sızıntısını engelle */
.luxentra-booking-form *,
.luxentra-booking-form *::before,
.luxentra-booking-form *::after {
box-sizing: border-box !important;
font-family: inherit !important;
}
.luxentra-booking-form button {
-webkit-appearance: none !important;
appearance: none !important;
border: 0 !important;
background: transparent !important;
color: inherit !important;
font: inherit !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
line-height: 1 !important;
}
.luxentra-booking-form input,
.luxentra-booking-form select {
-webkit-appearance: none !important;
appearance: none !important;
font: inherit !important;
color: inherit !important;
}
.luxentra-booking-form a { color: inherit !important; text-decoration: none !important; }
.luxentra-booking-form label { font-family: inherit !important; line-height: 1.3 !important; }
.luxentra-booking-form svg { display: inline-block !important; vertical-align: middle !important; }
/* ------------- Topbar (tabs + trust) ------------- */
.luxentra-topbar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 14px 22px !important;
border-bottom: 1px solid var(--lx-line-soft) !important;
flex-wrap: wrap !important;
}
/* Sekmeler — pill grup tasarımı (mockup referansı)
ÇOK YÜKSEK ÖZGÜLLÜK: tema CSS'inin override etmesini önlemek için
`.luxentra-booking-form .luxentra-topbar .luxentra-tabs` ile prefix'lendi. */
.luxentra-booking-form .luxentra-topbar .luxentra-tabs {
display: inline-flex !important;
gap: 4px !important;
background: #f6f7f9 !important;
background-color: #f6f7f9 !important;
background-image: none !important;
padding: 5px !important;
border-radius: 14px !important;
border: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: #15171C !important;
padding: 9px 16px !important;
border: 0 !important;
border-radius: 10px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
white-space: nowrap !important;
text-decoration: none !important;
box-shadow: none !important;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab svg {
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
transition: color .2s ease !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab:hover {
background: rgba(255, 255, 255, .6) !important;
background-color: rgba(255, 255, 255, .6) !important;
color: #15171C !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab:hover svg {
color: #15171C !important;
}
/* Aktif sekme — beyaz pill + brand-red text + brand-red ikon + yumuşak gölge */
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab.is-active,
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab.is-active:hover,
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab.is-active:focus {
color: #d4ad13 !important;
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
box-shadow: 0 4px 12px -4px rgba(15, 23, 42, .18), 0 1px 2px rgba(15, 23, 42, .06) !important;
border: 0 !important;
border-bottom: 0 !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab.is-active svg {
color: #d4ad13 !important;
stroke: #d4ad13 !important;
transform: none !important;
}
.luxentra-trust {
display: flex !important;
align-items: center !important;
gap: 20px !important;
flex-wrap: wrap !important;
}
.luxentra-trust__item {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: var(--lx-ink-soft) !important;
}
.luxentra-trust__item svg {
width: 15px !important;
height: 15px !important;
color: var(--lx-primary) !important;
flex-shrink: 0 !important;
}
/* ------------- Form padding wrapper ------------- */
.luxentra-form { display: block !important; }
.luxentra-pad { padding: 22px !important; }
/* ------------- Search bar ------------- */
.luxentra-bar {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
background: var(--lx-field) !important;
border: 1px solid var(--lx-line) !important;
border-radius: 16px !important;
overflow: visible !important;
}
.luxentra-cell {
position: relative !important;
background: var(--lx-white) !important;
padding: 10px 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
justify-content: center !important;
min-width: 0 !important;
flex: 1 1 0 !important;
transition: background .2s ease, box-shadow .2s ease !important;
}
.luxentra-cell--counter { flex: 0 1 auto !important; }
.luxentra-cell:not(:last-child)::after {
content: "" !important;
position: absolute !important;
right: 0 !important;
top: 12px !important;
bottom: 12px !important;
width: 1px !important;
background: var(--lx-line) !important;
}
.luxentra-cell:focus-within {
background: var(--lx-white) !important;
box-shadow: inset 0 0 0 2px rgba(212,173,19,.32) !important;
z-index: 2 !important;
}
.luxentra-cell__label {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
color: #1A1D24 !important;
}
.luxentra-cell__label svg {
width: 13px !important;
height: 13px !important;
color: var(--lx-primary) !important;
flex-shrink: 0 !important;
}
.luxentra-cell input[type="text"],
.luxentra-cell input[type="tel"],
.luxentra-cell input[type="datetime-local"],
.luxentra-cell input[type="number"],
.luxentra-cell select {
border: 0 !important;
background: transparent !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--lx-ink) !important;
width: 100% !important;
box-shadow: none !important;
min-height: 22px !important;
}
.luxentra-cell input::placeholder { color: #3a3f4a !important; font-weight: 500 !important; opacity: 1 !important; }
.luxentra-cell input::-webkit-input-placeholder { color: #3a3f4a !important; opacity: 1 !important; }
.luxentra-cell input::-moz-placeholder { color: #3a3f4a !important; opacity: 1 !important; }
.luxentra-cell select {
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 0 center !important;
background-size: 12px !important;
padding-right: 18px !important;
cursor: pointer !important;
}
/* ------------- Swap button (between Nereden/Nereye) ------------- */
.luxentra-swap-wrap {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--lx-white) !important;
flex: 0 0 auto !important;
padding: 0 14px !important;
}
.luxentra-swap-wrap::after {
content: "" !important;
position: absolute !important;
right: 0 !important;
top: 12px !important;
bottom: 12px !important;
width: 1px !important;
background: var(--lx-line) !important;
}
.luxentra-swap {
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
border: 1px solid var(--lx-line) !important;
background: var(--lx-white) !important;
color: var(--lx-ink-soft) !important;
display: grid !important;
place-items: center !important;
transition: transform .3s cubic-bezier(.16,1,.3,1), color .2s ease, border-color .2s ease !important;
}
.luxentra-swap svg { width: 16px !important; height: 16px !important; }
.luxentra-swap:hover {
color: var(--lx-primary) !important;
border-color: var(--lx-primary) !important;
transform: rotate(180deg) !important;
}
/* ------------- Counter (persons / hours) ------------- */
.luxentra-cell--counter { gap: 5px !important; }
.luxentra-counter {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
.luxentra-counter__btn {
width: 30px !important;
height: 30px !important;
border-radius: 9px !important;
border: 1px solid var(--lx-line) !important;
background: var(--lx-white) !important;
color: var(--lx-ink-soft) !important;
font-size: 18px !important;
line-height: 1 !important;
display: grid !important;
place-items: center !important;
transition: background .18s ease, color .18s ease, border-color .18s ease, transform .15s ease !important;
}
.luxentra-counter__btn:hover {
border-color: var(--lx-primary) !important;
color: var(--lx-primary) !important;
background: var(--lx-primary-tint) !important;
}
.luxentra-counter__btn:active { transform: scale(.92) !important; }
.luxentra-counter input {
font-size: 17px !important;
font-weight: 700 !important;
min-width: 28px !important;
width: 36px !important;
text-align: center !important;
-moz-appearance: textfield !important;
}
.luxentra-counter input::-webkit-outer-spin-button,
.luxentra-counter input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* ------------- Submit (CTA) ------------- */
.luxentra-cta-wrap {
padding: 10px !important;
background: var(--lx-white) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
/* Düz kırmızı submit — yüksek özgüllük, tema gradient'i ezemez */
.luxentra-booking-form .luxentra-submit {
height: auto !important;
min-height: 0 !important;
border-radius: 10px !important;
background: #d4ad13 !important;
background-image: none !important;
color: #ffffff !important;
font-size: 14.5px !important;
font-weight: 700 !important;
letter-spacing: -.01em !important;
padding: 13px 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
white-space: nowrap !important;
box-shadow: none !important;
line-height: 1 !important;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease !important;
}
.luxentra-booking-form .luxentra-submit svg { width: 17px !important; height: 17px !important; flex-shrink: 0 !important; }
.luxentra-booking-form .luxentra-submit:hover {
background: #b89a0f !important;
transform: translateY(-1px) !important;
box-shadow: 0 10px 22px -8px rgba(212,173,19,.55) !important;
}
.luxentra-booking-form .luxentra-submit:active { transform: translateY(0) !important; }
.luxentra-booking-form .luxentra-submit.is-loading {
opacity: .8 !important;
pointer-events: none !important;
}
.luxentra-booking-form .luxentra-submit.is-loading svg { animation: luxentra-spin .8s linear infinite !important; }
/* ------------- Return toggle pill (bar içinde "+ Dönüş Ekle") ------------- */
.luxentra-booking-form .luxentra-cell--rt {
padding: 6px !important;
align-items: stretch !important;
justify-content: stretch !important;
position: relative !important;
overflow: visible !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
padding: 16px 18px !important;
background: var(--lx-green-tint, #ecfdf5) !important;
background-color: var(--lx-green-tint, #ecfdf5) !important;
border: 1.5px solid rgba(16, 185, 129, 0.25) !important;
border-radius: 12px !important;
color: #047857 !important;
font-weight: 700 !important;
font-size: 14px !important;
cursor: pointer !important;
transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .2s ease !important;
-webkit-appearance: none !important;
appearance: none !important;
box-shadow: none !important;
text-decoration: none !important;
text-transform: none !important;
letter-spacing: normal !important;
line-height: 1.2 !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt:hover {
background: #d1fae5 !important;
background-color: #d1fae5 !important;
border-color: rgba(16, 185, 129, 0.45) !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt.is-active,
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt.is-active:hover {
background: #10b981 !important;
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 8px 18px rgba(16, 185, 129, 0.30) !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt__plus {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
background: rgba(16, 185, 129, 0.15) !important;
color: #047857 !important;
font-weight: 800 !important;
font-size: 14px !important;
line-height: 1 !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt.is-active .luxentra-rt__plus {
background: rgba(255, 255, 255, 0.25) !important;
color: #ffffff !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt__label {
color: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt__badge {
position: absolute !important;
top: -8px !important;
right: -6px !important;
background: #10b981 !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: 700 !important;
padding: 3px 8px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: 0 2px 6px rgba(16, 185, 129, 0.35) !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt.is-active .luxentra-rt__badge {
background: #ffffff !important;
color: #047857 !important;
}
/* Legacy .luxentra-rt (other places, e.g. checkbox-style) ------------- */
.luxentra-rt {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin-top: 14px !important;
background: transparent !important;
}
.luxentra-rt__check {
width: 20px !important;
height: 20px !important;
border-radius: 6px !important;
border: 1.5px solid var(--lx-line) !important;
display: grid !important;
place-items: center !important;
transition: background .2s ease, border-color .2s ease !important;
flex-shrink: 0 !important;
}
.luxentra-rt__check svg {
width: 12px !important;
height: 12px !important;
color: #fff !important;
opacity: 0 !important;
transform: scale(.5) !important;
transition: opacity .2s ease, transform .2s ease !important;
}
.luxentra-rt.is-active .luxentra-rt__check {
background: var(--lx-primary) !important;
border-color: var(--lx-primary) !important;
}
.luxentra-rt.is-active .luxentra-rt__check svg { opacity: 1 !important; transform: scale(1) !important; }
.luxentra-rt__label {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lx-ink) !important;
}
.luxentra-rt__badge {
font-size: 11px !important;
font-weight: 700 !important;
color: var(--lx-green) !important;
background: var(--lx-green-tint) !important;
padding: 3px 9px !important;
border-radius: 999px !important;
letter-spacing: .01em !important;
}
/* ------------- Return row — pill cell altında absolute popup ------------- */
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when[hidden] { display: none !important; }
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when {
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
right: 0 !important;
z-index: 20 !important;
margin: 0 !important;
padding: 8px !important;
background: #ffffff !important;
border: 1.5px solid rgba(16, 185, 129, 0.30) !important;
border-radius: 12px !important;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
align-items: center !important;
gap: 6px !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when:not([hidden]) {
display: flex !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when input[type="text"],
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when input.lux-return-datetime {
flex: 1 1 auto !important;
border: 0 !important;
background: transparent !important;
outline: none !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #15171C !important;
padding: 8px 10px !important;
min-width: 0 !important;
cursor: pointer !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when input::placeholder { color: #9ca3af !important; font-weight: 500 !important; }
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when__remove {
width: 26px !important;
height: 26px !important;
border-radius: 50% !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #6b7280 !important;
font-size: 16px !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
flex-shrink: 0 !important;
cursor: pointer !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when__remove:hover {
color: #d4ad13 !important;
border-color: #d4ad13 !important;
background: #fdf8e7 !important;
}
/* Küçük üçgen oku (popup pill'e bağlıyor gibi görünsün) */
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when::before {
content: "" !important;
position: absolute !important;
top: -7px !important;
left: 28px !important;
width: 12px !important;
height: 12px !important;
background: #ffffff !important;
border-top: 1.5px solid rgba(16, 185, 129, 0.30) !important;
border-left: 1.5px solid rgba(16, 185, 129, 0.30) !important;
transform: rotate(45deg) !important;
}
.luxentra-rt-when__inner {
min-height: 0 !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
background: var(--lx-primary-tint) !important;
border: 1px solid rgba(212,173,19,.18) !important;
border-radius: var(--lx-radius-md) !important;
padding: 13px 18px !important;
}
.luxentra-rt-when__label {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
color: var(--lx-primary-dark) !important;
white-space: nowrap !important;
}
.luxentra-rt-when__label svg {
width: 13px !important;
height: 13px !important;
color: var(--lx-primary) !important;
}
.luxentra-rt-when input[type="datetime-local"] {
flex: 1 1 auto !important;
border: 0 !important;
background: transparent !important;
outline: none !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--lx-ink) !important;
padding: 0 !important;
min-height: 24px !important;
}
.luxentra-rt-when__remove {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background: var(--lx-white) !important;
color: var(--lx-ink-soft) !important;
font-size: 18px !important;
display: grid !important;
place-items: center !important;
border: 1px solid var(--lx-line) !important;
transition: color .15s ease, border-color .15s ease, background .15s ease !important;
flex-shrink: 0 !important;
}
.luxentra-rt-when__remove:hover {
color: var(--lx-primary) !important;
border-color: var(--lx-primary) !important;
background: #fff !important;
}
/* ------------- Reservation panel ------------- */
.luxentra-contact {
margin-top: 22px !important;
background: var(--lx-field) !important;
border: 1px solid var(--lx-line) !important;
border-radius: 16px !important;
padding: 22px !important;
}
/* Reveal animation — JS, araç listesi geldiğinde [hidden] attribute'unu kaldırır
ve `.is-revealed` ekler. Önce gizli, sonra yumuşak kayarak görünür. */
.luxentra-contact.is-revealed {
animation: luxentra-contact-reveal .45s cubic-bezier(.16,1,.3,1) both !important;
}
@keyframes luxentra-contact-reveal {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: none; }
}
.luxentra-contact__title {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 17px !important;
font-weight: 700 !important;
letter-spacing: -.02em !important;
margin-bottom: 18px !important;
color: var(--lx-ink) !important;
}
.luxentra-contact__title svg {
width: 18px !important;
height: 18px !important;
color: var(--lx-primary) !important;
}
.luxentra-contact__grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 14px !important;
}
.luxentra-contact__field {
display: flex !important;
flex-direction: column !important;
gap: 7px !important;
min-width: 0 !important;
}
.luxentra-contact__field label {
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
color: var(--lx-muted) !important;
}
.luxentra-req { color: var(--lx-primary) !important; }
.luxentra-opt { color: #bcc1cb !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
.luxentra-contact__field input {
border: 1px solid var(--lx-line) !important;
background: var(--lx-white) !important;
border-radius: var(--lx-radius-sm) !important;
padding: 12px 14px !important;
font-size: 14.5px !important;
font-weight: 500 !important;
color: var(--lx-ink) !important;
outline: none !important;
transition: border-color .2s ease, box-shadow .2s ease !important;
width: 100% !important;
}
.luxentra-contact__field input::placeholder { color: #bcc1cb !important; font-weight: 400 !important; }
.luxentra-contact__field input:focus {
border-color: var(--lx-primary) !important;
box-shadow: var(--lx-ring) !important;
}
/* ------------- Barfoot (currency + secure) ------------- */
.luxentra-barfoot {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
padding: 16px 22px !important;
border-top: 1px solid var(--lx-line-soft) !important;
flex-wrap: wrap !important;
}
.luxentra-currency {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.luxentra-currency__label {
font-size: 12.5px !important;
font-weight: 600 !important;
color: var(--lx-muted) !important;
}
.luxentra-currency__group {
display: inline-flex !important;
background: var(--lx-field) !important;
border: 1px solid var(--lx-line) !important;
border-radius: var(--lx-radius-sm) !important;
padding: 4px !important;
}
.luxentra-currency__btn {
font-size: 13px !important;
font-weight: 700 !important;
color: var(--lx-ink-soft) !important;
padding: 7px 16px !important;
border-radius: 8px !important;
white-space: nowrap !important;
transition: background .2s ease, color .2s ease, box-shadow .2s ease !important;
}
.luxentra-currency__btn:hover {
color: var(--lx-primary) !important;
background: rgba(255, 255, 255, .65) !important;
}
/* Marka kimliğine uygun aktif pill: brand-red gradient */
.luxentra-booking-form .luxentra-currency__btn.is-active {
background: linear-gradient(135deg, var(--lx-primary), var(--lx-primary-dark)) !important;
color: #fff !important;
box-shadow: 0 4px 12px -3px rgba(212, 173, 19, .42) !important;
}
.luxentra-booking-form .luxentra-currency__btn.is-active:hover {
color: #fff !important;
background: linear-gradient(135deg, var(--lx-primary), var(--lx-primary-dark)) !important;
}
.luxentra-secure {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: var(--lx-muted) !important;
}
.luxentra-secure svg {
width: 15px !important;
height: 15px !important;
color: var(--lx-green) !important;
}
/* ------------- Error message ------------- */
.luxentra-error {
margin: 14px 22px 0 !important;
padding: 12px 16px !important;
background: #fdf8e7 !important;
color: #a8890e !important;
border: 1px solid #faedb3 !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
}
/* ------------- Results (vehicle cards) ------------- */
.luxentra-results {
margin: 22px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.luxentra-results:empty { margin: 0 !important; }
/* Yol/süre/bilgi bar — chip stilinde */
.luxentra-results-context {
padding: 12px 16px !important;
background: linear-gradient(180deg, #fff, var(--lx-field)) !important;
border: 1px solid var(--lx-line) !important;
border-radius: var(--lx-radius-md) !important;
font-size: 13.5px !important;
color: var(--lx-ink) !important;
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
align-items: center !important;
}
.luxentra-results-context > span {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 12px !important;
background: #fff !important;
border: 1px solid var(--lx-line) !important;
border-radius: 999px !important;
font-weight: 600 !important;
color: var(--lx-ink-soft) !important;
}
/* Araç kartı — premium, marka kimliğine uygun */
.luxentra-card {
position: relative !important;
background: var(--lx-white) !important;
border: 1px solid var(--lx-line) !important;
border-radius: var(--lx-radius-md) !important;
padding: 18px !important;
display: grid !important;
grid-template-columns: 180px 1fr 200px !important;
gap: 22px !important;
align-items: center !important;
overflow: hidden !important;
transition: border-color .2s ease, box-shadow .25s ease, transform .2s ease !important;
}
.luxentra-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
border-radius: inherit !important;
pointer-events: none !important;
box-shadow: 0 1px 0 rgba(15, 23, 42, .02) inset !important;
}
.luxentra-card:hover {
border-color: rgba(212, 173, 19, .35) !important;
box-shadow: 0 24px 48px -28px rgba(15, 23, 42, .35), 0 6px 20px -12px rgba(212, 173, 19, .18) !important;
transform: translateY(-2px) !important;
}
.luxentra-card__image {
width: 100% !important;
height: 120px !important;
object-fit: contain !important;
background: linear-gradient(135deg, #fafbfc, var(--lx-field)) !important;
border-radius: 12px !important;
padding: 6px !important;
display: block !important;
}
.luxentra-card__body { min-width: 0 !important; }
.luxentra-card__name {
font-size: 20px !important;
font-weight: 800 !important;
margin: 0 0 10px !important;
color: var(--lx-ink) !important;
letter-spacing: -.015em !important;
line-height: 1.2 !important;
}
/* Meta artık chip stilinde — Yolcu / Bagaj */
.luxentra-card__meta {
display: flex !important;
gap: 6px !important;
flex-wrap: wrap !important;
margin: 0 !important;
}
.luxentra-card__meta span {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
padding: 5px 11px !important;
background: var(--lx-field) !important;
border: 1px solid var(--lx-line) !important;
border-radius: 999px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: var(--lx-ink-soft) !important;
line-height: 1.2 !important;
}
.luxentra-card__excerpt {
font-size: 13px !important;
color: var(--lx-muted) !important;
margin: 10px 0 0 !important;
line-height: 1.55 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.luxentra-card__price {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 8px !important;
text-align: right !important;
padding-left: 16px !important;
border-left: 1px solid var(--lx-line-soft) !important;
}
.luxentra-card__price-amount {
font-size: 26px !important;
font-weight: 800 !important;
color: var(--lx-ink) !important;
white-space: nowrap !important;
letter-spacing: -.025em !important;
line-height: 1.1 !important;
}
.luxentra-card__price-note {
font-size: 10.5px !important;
color: var(--lx-muted) !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
}
.luxentra-card__btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
background: linear-gradient(135deg, var(--lx-primary), var(--lx-primary-dark)) !important;
color: #ffffff !important;
padding: 11px 18px !important;
border-radius: 10px !important;
font-size: 13.5px !important;
font-weight: 700 !important;
letter-spacing: .01em !important;
box-shadow: 0 10px 22px -10px rgba(212, 173, 19, .55) !important;
transition: transform .15s ease, box-shadow .2s ease, filter .15s ease !important;
margin-top: 2px !important;
}
.luxentra-card__btn::after {
content: "→" !important;
font-size: 15px !important;
line-height: 1 !important;
transition: transform .2s ease !important;
}
.luxentra-card__btn:hover {
transform: translateY(-1px) !important;
box-shadow: 0 14px 28px -10px rgba(212, 173, 19, .7) !important;
filter: brightness(1.04) !important;
}
.luxentra-card__btn:hover::after { transform: translateX(3px) !important; }
/* ------------- Loader ------------- */
.luxentra-loader {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 40px 0 !important;
color: var(--lx-muted) !important;
gap: 10px !important;
font-weight: 500 !important;
}
.luxentra-loader::before {
content: "" !important;
width: 22px !important;
height: 22px !important;
border: 3px solid var(--lx-line) !important;
border-top-color: var(--lx-primary) !important;
border-radius: 50% !important;
animation: luxentra-spin 0.7s linear infinite !important;
}
@keyframes luxentra-spin { to { transform: rotate(360deg); } }
/* ------------- Admin notice ------------- */
.luxentra-admin-notice {
margin: 14px auto !important;
max-width: 1080px !important;
padding: 12px 16px !important;
background: var(--lx-primary-tint) !important;
color: #92400e !important;
border-radius: 10px !important;
font-size: 14px !important;
}
/* ------------- Google Places dropdown ------------- */
/* .pac-container body'ye eklenir — CSS değişkenleri görünmez, sabit renk kullanılır.
Google inline width verir; kart cell'i dar olduğunda metinler kesilir — min-width ile genişletilir. */
.pac-container {
z-index: 9999999 !important;
min-width: 380px !important;
max-width: 520px !important;
border-radius: 14px !important;
border: 1px solid #e8ebf0 !important;
box-shadow: 0 20px 50px -10px rgba(15, 23, 42, .22), 0 6px 18px -8px rgba(15, 23, 42, .12) !important;
background: #ffffff !important;
font-family: inherit !important;
margin-top: 6px !important;
padding: 6px !important;
overflow: hidden !important;
pointer-events: auto !important;
}
/* Google'ın varsayılan logo satırı */
.pac-container::after,
.pac-container .pac-logo::after {
padding: 8px 12px 6px !important;
background-position: right 12px center !important;
background-size: 90px 14px !important;
}
/* Öneriye tıklama çalışsın diye pointer-events açık tutulur */
.pac-item,
.pac-item * { pointer-events: auto !important; }
.pac-item {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 12px !important;
font-size: 14px !important;
font-family: inherit !important;
color: #15171C !important;
border: 0 !important;
border-radius: 10px !important;
line-height: 1.35 !important;
cursor: pointer !important;
transition: background .15s ease, color .15s ease !important;
white-space: normal !important;
}
.pac-item:not(:last-of-type) { margin-bottom: 2px !important; }
.pac-item:hover,
.pac-item-selected,
.pac-item.pac-item-selected {
background: #fdf8e7 !important;
color: #15171C !important;
}
/* Sol ikon — Google default griye yakın; brand tonuyla zenginleştir */
.pac-icon,
.pac-item .pac-icon {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
flex: 0 0 18px !important;
filter: grayscale(1) brightness(.7) !important;
opacity: .85 !important;
}
.pac-item:hover .pac-icon,
.pac-item-selected .pac-icon { filter: none !important; opacity: 1 !important; }
/* Ana eşleşme metni ve eşleşen kısım */
.pac-item-query {
font-size: 14.5px !important;
font-weight: 600 !important;
color: #15171C !important;
padding-right: 6px !important;
}
.pac-matched {
font-weight: 800 !important;
color: #d4ad13 !important;
}
/* Sağdaki ikincil adres satırı (city / country) */
.pac-item > span:not(.pac-icon):not(.pac-item-query) {
font-size: 12.5px !important;
color: #6b7280 !important;
font-weight: 500 !important;
}
/* Mobil: cell'in tüm genişliğine yay */
@media (max-width: 560px) {
.pac-container {
min-width: calc(100vw - 32px) !important;
max-width: calc(100vw - 32px) !important;
}
}
/* ============================================================
Wizard — Stepper, Steps, Pax, Nav, Summary
============================================================ */
/* ---- Stepper ---- */
.luxentra-stepper {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 18px 22px 6px !important;
flex-wrap: wrap !important;
}
.luxentra-stepper__item {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: #6b7280 !important;
font-weight: 600 !important;
font-size: 13px !important;
transition: color .15s ease !important;
}
.luxentra-stepper__dot {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
border: 2px solid #e8ebf0 !important;
background: #ffffff !important;
color: #6b7280 !important;
font-weight: 700 !important;
font-size: 13px !important;
line-height: 1 !important;
transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}
.luxentra-stepper__label { letter-spacing: .01em !important; }
.luxentra-stepper__item.is-active { color: #d4ad13 !important; }
.luxentra-stepper__item.is-active .luxentra-stepper__dot {
background: #d4ad13 !important;
border-color: #d4ad13 !important;
color: #ffffff !important;
box-shadow: 0 6px 14px -4px rgba(212,173,19,.4) !important;
}
.luxentra-stepper__item.is-done .luxentra-stepper__dot {
background: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
}
.luxentra-stepper__item.is-done .luxentra-stepper__dot::after {
content: "✓" !important;
font-size: 14px !important;
}
.luxentra-stepper__item.is-done .luxentra-stepper__dot {
text-indent: -9999px !important;
overflow: hidden !important;
position: relative !important;
}
.luxentra-stepper__item.is-done .luxentra-stepper__dot::after {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-indent: 0 !important;
}
.luxentra-stepper__line {
flex: 0 0 30px !important;
height: 2px !important;
background: #e8ebf0 !important;
border-radius: 2px !important;
}
/* ---- Step container ---- */
.luxentra-step[hidden] { display: none !important; }
.luxentra-pad--step { padding: 22px !important; }
.luxentra-step__title {
font-size: 18px !important;
font-weight: 700 !important;
color: #15171C !important;
margin: 0 0 4px !important;
line-height: 1.3 !important;
}
.luxentra-step__sub {
font-size: 13px !important;
color: #6b7280 !important;
margin: 0 0 18px !important;
line-height: 1.5 !important;
}
/* ---- Form grid (Adım 2 + 3 paylaşan) ---- */
.luxentra-form-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px !important;
margin-bottom: 14px !important;
}
.luxentra-form-field {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin-bottom: 14px !important;
min-width: 0 !important;
}
.luxentra-form-field--small { flex: 0 0 140px !important; }
.luxentra-form-field label {
font-size: 12px !important;
font-weight: 700 !important;
color: #1A1D24 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
}
.luxentra-form-field input[type="text"],
.luxentra-form-field input[type="tel"],
.luxentra-form-field input[type="number"],
.luxentra-form-field input[type="email"],
.luxentra-form-field select,
.luxentra-form-field textarea {
width: 100% !important;
padding: 12px 14px !important;
border: 1.5px solid #e8ebf0 !important;
border-radius: 10px !important;
background: #ffffff !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #15171C !important;
font-family: inherit !important;
box-sizing: border-box !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
outline: none !important;
}
.luxentra-form-field input::placeholder,
.luxentra-form-field textarea::placeholder { color: #9ca3af !important; opacity: 1 !important; }
.luxentra-form-field input:focus,
.luxentra-form-field select:focus,
.luxentra-form-field textarea:focus {
border-color: #d4ad13 !important;
box-shadow: 0 0 0 4px rgba(212,173,19,.12) !important;
}
.luxentra-form-field textarea { resize: vertical !important; min-height: 80px !important; }
.luxentra-req { color: #d4ad13 !important; }
.luxentra-opt { color: #9ca3af !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 11px !important; }
/* ---- Phone wrap (Adım 2) ---- */
.luxentra-phone-wrap {
display: grid !important;
grid-template-columns: 130px 1fr !important;
gap: 8px !important;
align-items: stretch !important;
max-width: 100% !important;
min-width: 0 !important;
}
.luxentra-phone-wrap > * { min-width: 0 !important; }
/* Native select (fallback) — custom UI varken görünmez tut. */
.luxentra-phone-wrap .lux-country-code {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
}
/* ---- Custom Country Code dropdown ---- */
.luxentra-booking-form .luxentra-cc {
position: relative !important;
width: 100% !important;
min-width: 0 !important;
}
.luxentra-booking-form .luxentra-cc__trigger {
display: flex !important;
align-items: center !important;
gap: 6px !important;
width: 100% !important;
padding: 12px 10px !important;
border: 1.5px solid #e8ebf0 !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #15171C !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
cursor: pointer !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
box-shadow: none !important;
min-width: 0 !important;
overflow: hidden !important;
}
.luxentra-booking-form .luxentra-cc__trigger:hover { border-color: #d1d5db !important; }
.luxentra-booking-form .luxentra-cc.is-open .luxentra-cc__trigger {
border-color: #d4ad13 !important;
box-shadow: 0 0 0 4px rgba(212,173,19,.12) !important;
}
.luxentra-booking-form .luxentra-cc__flag {
font-size: 18px !important;
line-height: 1 !important;
flex-shrink: 0 !important;
}
.luxentra-booking-form .luxentra-cc__dial {
font-size: 14px !important;
font-weight: 700 !important;
color: #15171C !important;
flex: 1 1 auto !important;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.luxentra-booking-form .luxentra-cc__chev {
width: 14px !important;
height: 14px !important;
color: #6b7280 !important;
flex-shrink: 0 !important;
transition: transform .15s ease !important;
}
.luxentra-booking-form .luxentra-cc.is-open .luxentra-cc__chev { transform: rotate(180deg) !important; }
/* Panel — absolute, trigger altında */
.luxentra-booking-form .luxentra-cc__panel {
position: absolute !important;
top: calc(100% + 6px) !important;
left: 0 !important;
z-index: 999 !important;
width: 320px !important;
max-width: calc(100vw - 32px) !important;
background: #ffffff !important;
border: 1px solid #e8ebf0 !important;
border-radius: 14px !important;
box-shadow: 0 20px 50px -10px rgba(15,23,42,.22), 0 6px 18px -8px rgba(15,23,42,.12) !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
.luxentra-booking-form .luxentra-cc__panel[hidden] { display: none !important; }
.luxentra-booking-form .luxentra-cc__search-wrap {
position: relative !important;
padding: 10px 12px !important;
border-bottom: 1px solid #f1f3f6 !important;
background: #fafbfc !important;
}
.luxentra-booking-form .luxentra-cc__search-wrap svg {
position: absolute !important;
left: 22px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 15px !important;
height: 15px !important;
color: #9ca3af !important;
pointer-events: none !important;
}
.luxentra-booking-form .luxentra-cc__search {
width: 100% !important;
padding: 9px 10px 9px 32px !important;
border: 1px solid #e8ebf0 !important;
border-radius: 8px !important;
background: #ffffff !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #15171C !important;
outline: none !important;
box-shadow: none !important;
font-family: inherit !important;
}
.luxentra-booking-form .luxentra-cc__search:focus {
border-color: #d4ad13 !important;
box-shadow: 0 0 0 3px rgba(212,173,19,.12) !important;
}
.luxentra-booking-form .luxentra-cc__search::placeholder { color: #9ca3af !important; }
.luxentra-booking-form .luxentra-cc__list {
max-height: 280px !important;
overflow-y: auto !important;
padding: 6px !important;
-webkit-overflow-scrolling: touch !important;
}
.luxentra-booking-form .luxentra-cc__opt {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
padding: 8px 10px !important;
background: transparent !important;
border: 0 !important;
border-radius: 8px !important;
cursor: pointer !important;
text-align: left !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #15171C !important;
transition: background .12s ease !important;
box-shadow: none !important;
}
.luxentra-booking-form .luxentra-cc__opt:hover,
.luxentra-booking-form .luxentra-cc__opt.is-focus {
background: #fdf8e7 !important;
}
.luxentra-booking-form .luxentra-cc__opt.is-active {
background: #fdf8e7 !important;
color: #d4ad13 !important;
font-weight: 700 !important;
}
.luxentra-booking-form .luxentra-cc__opt[hidden] { display: none !important; }
.luxentra-booking-form .luxentra-cc__opt-flag {
font-size: 18px !important;
line-height: 1 !important;
flex-shrink: 0 !important;
}
.luxentra-booking-form .luxentra-cc__opt-name {
flex: 1 1 auto !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.luxentra-booking-form .luxentra-cc__opt-dial {
color: #6b7280 !important;
font-weight: 600 !important;
font-size: 13px !important;
flex-shrink: 0 !important;
}
.luxentra-booking-form .luxentra-cc__opt.is-active .luxentra-cc__opt-dial { color: #d4ad13 !important; }
.luxentra-booking-form .luxentra-cc__empty {
padding: 18px 12px !important;
text-align: center !important;
color: #9ca3af !important;
font-size: 13px !important;
}
/* Mobil — panel daha küçük ekran genişliğine sığsın */
@media (max-width: 560px) {
.luxentra-phone-wrap { grid-template-columns: 110px 1fr !important; gap: 6px !important; }
.luxentra-booking-form .luxentra-cc__panel {
width: calc(100vw - 32px) !important;
max-width: 360px !important;
left: 0 !important;
}
.luxentra-booking-form .luxentra-cc__list { max-height: 50vh !important; }
}
/* ---- Pax row (Adım 2) ---- */
.luxentra-pax-list {
margin-top: 10px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.luxentra-pax-row {
background: #f8f9fb !important;
border: 1px solid #e8ebf0 !important;
border-radius: 12px !important;
padding: 14px 16px !important;
}
.luxentra-pax-row__head {
margin-bottom: 10px !important;
}
.luxentra-pax-row__num {
display: inline-block !important;
padding: 4px 10px !important;
background: #ffffff !important;
color: #d4ad13 !important;
border: 1px solid #fdcdcf !important;
border-radius: 999px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.luxentra-pax-row__grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
.luxentra-pax-row .luxentra-form-field { margin-bottom: 0 !important; }
/* ---- Flight block (Adım 3 — Geliş/Dönüş Uçuşu kartları) ---- */
.luxentra-booking-form .luxentra-flight-block {
background: #f8f9fb !important;
border: 1px solid #e8ebf0 !important;
border-radius: 14px !important;
padding: 16px 18px !important;
margin-bottom: 16px !important;
}
.luxentra-booking-form .luxentra-flight-block--return {
background: #f0fdf4 !important;
border-color: #bbf7d0 !important;
}
.luxentra-booking-form .luxentra-flight-block__head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
padding-bottom: 12px !important;
margin-bottom: 14px !important;
border-bottom: 1px solid #e8ebf0 !important;
}
.luxentra-booking-form .luxentra-flight-block--return .luxentra-flight-block__head {
border-bottom-color: #bbf7d0 !important;
}
.luxentra-booking-form .luxentra-flight-block__icon {
font-size: 20px !important;
line-height: 1 !important;
flex-shrink: 0 !important;
}
.luxentra-booking-form .luxentra-flight-block__title {
font-size: 15px !important;
font-weight: 700 !important;
color: #15171C !important;
letter-spacing: -.01em !important;
}
.luxentra-booking-form .luxentra-flight-block__hint {
font-size: 12px !important;
color: #6b7280 !important;
font-weight: 500 !important;
margin-left: auto !important;
}
.luxentra-booking-form .luxentra-flight-block .luxentra-form-field { margin-bottom: 12px !important; }
.luxentra-booking-form .luxentra-flight-block .luxentra-form-field:last-child { margin-bottom: 0 !important; }
.luxentra-booking-form .luxentra-flight-block .luxentra-form-grid { margin-bottom: 0 !important; }
/* ---- Form field auto-fill note ---- */
.luxentra-booking-form .luxentra-form-field__note {
font-size: 12px !important;
color: #6b7280 !important;
font-weight: 500 !important;
margin: 6px 0 0 !important;
line-height: 1.4 !important;
}
.luxentra-booking-form .luxentra-form-field__note--auto {
color: #047857 !important;
background: #ecfdf5 !important;
border: 1px solid #d1fae5 !important;
border-radius: 8px !important;
padding: 6px 10px !important;
}
.luxentra-booking-form .luxentra-form-field__note[hidden] { display: none !important; }
/* ---- Radio group (eski, başka yerde kullanılabilir) ---- */
.luxentra-radio-group {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin-top: 4px !important;
}
.luxentra-radio {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
cursor: pointer !important;
user-select: none !important;
padding: 12px 14px !important;
background: #ffffff !important;
border: 1.5px solid #e8ebf0 !important;
border-radius: 10px !important;
transition: border-color .15s ease, background .15s ease !important;
}
.luxentra-radio:hover { border-color: rgba(212,173,19,.3) !important; }
.luxentra-radio input[type="radio"] { position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; }
.luxentra-radio__circle {
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
border: 2px solid #d1d5db !important;
background: #ffffff !important;
position: relative !important;
transition: border-color .15s ease !important;
flex-shrink: 0 !important;
}
.luxentra-radio__circle::after {
content: "" !important;
position: absolute !important;
inset: 3px !important;
border-radius: 50% !important;
background: #d4ad13 !important;
transform: scale(0) !important;
transition: transform .15s ease !important;
}
.luxentra-radio input[type="radio"]:checked + .luxentra-radio__circle { border-color: #d4ad13 !important; }
.luxentra-radio input[type="radio"]:checked + .luxentra-radio__circle::after { transform: scale(1) !important; }
.luxentra-radio__label {
font-size: 14px !important;
font-weight: 600 !important;
color: #15171C !important;
}
/* ---- Wizard nav ---- */
.luxentra-nav {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
padding: 18px 22px !important;
border-top: 1px solid #f1f3f6 !important;
background: #fafbfc !important;
}
.luxentra-nav__btn--back {
margin-right: auto !important;
}
.luxentra-nav__btn {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 12px 22px !important;
border-radius: 10px !important;
border: 0 !important;
cursor: pointer !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
font-family: inherit !important;
box-shadow: none !important;
transition: background .15s ease, color .15s ease, transform .12s ease, box-shadow .18s ease !important;
}
.luxentra-nav__btn--back {
background: #ffffff !important;
color: #15171C !important;
border: 1.5px solid #e8ebf0 !important;
}
.luxentra-nav__btn--back:hover { background: #f8f9fb !important; border-color: #d1d5db !important; }
.luxentra-nav__btn--next {
background: #d4ad13 !important;
color: #ffffff !important;
margin-left: auto !important;
}
.luxentra-nav__btn--next:hover { background: #b89a0f !important; box-shadow: 0 8px 18px -6px rgba(212,173,19,.4) !important; transform: translateY(-1px) !important; }
.luxentra-nav__btn--submit {
background: #25D366 !important;
color: #ffffff !important;
margin-left: auto !important;
padding: 12px 26px !important;
box-shadow: 0 4px 12px -4px rgba(37,211,102,.5) !important;
}
.luxentra-nav__btn--submit:hover { background: #1ebd5a !important; box-shadow: 0 8px 20px -6px rgba(37,211,102,.55) !important; transform: translateY(-1px) !important; }
/* ---- Summary (Adım 4) ---- */
.luxentra-summary {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.luxentra-summary__section {
background: #f8f9fb !important;
border: 1px solid #e8ebf0 !important;
border-radius: 14px !important;
padding: 16px 18px !important;
}
.luxentra-summary__title {
font-size: 14px !important;
font-weight: 700 !important;
color: #15171C !important;
margin-bottom: 10px !important;
letter-spacing: .01em !important;
}
.luxentra-summary__list {
display: grid !important;
grid-template-columns: max-content 1fr !important;
column-gap: 16px !important;
row-gap: 6px !important;
margin: 0 !important;
}
.luxentra-summary__list dt {
font-size: 12px !important;
font-weight: 600 !important;
color: #6b7280 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
line-height: 1.5 !important;
}
.luxentra-summary__list dd {
font-size: 14px !important;
font-weight: 600 !important;
color: #15171C !important;
margin: 0 !important;
line-height: 1.5 !important;
}
.luxentra-summary__pax {
font-size: 14px !important;
color: #15171C !important;
line-height: 1.8 !important;
}
.luxentra-summary__muted { color: #6b7280 !important; font-weight: 500 !important; font-size: 13px !important; }
.luxentra-summary__note {
font-size: 14px !important;
color: #15171C !important;
line-height: 1.5 !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
/* ---- Responsive ---- */
@media (max-width: 720px) {
.luxentra-stepper { padding: 14px 14px 4px !important; gap: 4px !important; }
.luxentra-stepper__item { font-size: 11px !important; gap: 4px !important; }
.luxentra-stepper__dot { width: 26px !important; height: 26px !important; font-size: 12px !important; }
.luxentra-stepper__line { flex: 0 0 14px !important; }
.luxentra-pad--step { padding: 14px !important; }
.luxentra-form-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
.luxentra-phone-wrap { grid-template-columns: 1fr !important; }
.luxentra-pax-row__grid { grid-template-columns: 1fr !important; }
.luxentra-booking-form .luxentra-flight-block { padding: 12px 14px !important; margin-bottom: 12px !important; }
.luxentra-booking-form .luxentra-flight-block__head { gap: 8px !important; padding-bottom: 10px !important; margin-bottom: 12px !important; }
.luxentra-booking-form .luxentra-flight-block__hint { margin-left: 0 !important; width: 100% !important; }
.luxentra-booking-form .luxentra-flight-block__title { font-size: 14px !important; }
.luxentra-nav {
position: sticky !important;
bottom: 0 !important;
z-index: 30 !important;
padding: 14px !important;
gap: 8px !important;
}
.luxentra-nav__btn { padding: 14px 16px !important; font-size: 14px !important; flex: 1 1 0 !important; }
.luxentra-nav__btn--next { padding: 14px 16px !important; font-size: 14px !important; }
.luxentra-nav__btn--next, .luxentra-nav__btn--submit { flex: 2 1 0 !important; }
.luxentra-summary__list { grid-template-columns: 1fr !important; row-gap: 2px !important; }
.luxentra-summary__list dt { margin-top: 8px !important; }
.luxentra-summary__list dt:first-child { margin-top: 0 !important; }
}
/* ============================================================
Vehicles Grid + Single + Others
============================================================ */
.luxentra-vehicles,
.luxentra-vsingle,
.luxentra-vothers {
box-sizing: border-box !important;
max-width: 1280px !important;
margin: 0 auto !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
color: #15171C !important;
line-height: 1.5 !important;
}
.luxentra-vehicles *, .luxentra-vehicles *::before, .luxentra-vehicles *::after,
.luxentra-vsingle *, .luxentra-vsingle *::before, .luxentra-vsingle *::after,
.luxentra-vothers *, .luxentra-vothers *::before, .luxentra-vothers *::after { box-sizing: border-box !important; }
.luxentra-vehicles button,
.luxentra-vsingle button,
.luxentra-vothers button {
-webkit-appearance: none !important;
appearance: none !important;
background: transparent !important;
border: 0 !important;
color: inherit !important;
font: inherit !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
}
.luxentra-vehicles a,
.luxentra-vsingle a,
.luxentra-vothers a { text-decoration: none !important; color: inherit !important; }
/* ----- Filter pills (Tümü/Sedan/Minivan/Lüks) ----- */
.luxentra-vfilter {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
margin: 0 auto 30px !important;
padding: 0 !important;
max-width: 100% !important;
}
.luxentra-vehicles button.luxentra-vfilter__pill,
.luxentra-vehicles button.luxentra-vfilter__pill:hover,
.luxentra-vehicles button.luxentra-vfilter__pill:focus,
.luxentra-vehicles button.luxentra-vfilter__pill:active {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #f3f4f6 !important;
background-color: #f3f4f6 !important;
background-image: none !important;
color: #374151 !important;
border: 0 !important;
border-radius: 999px !important;
padding: 14px 32px !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-transform: none !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
cursor: pointer !important;
outline: 0 !important;
margin: 0 !important;
min-width: 110px !important;
transition: background-color .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease !important;
}
.luxentra-vehicles button.luxentra-vfilter__pill:hover {
background: #e5e7eb !important;
background-color: #e5e7eb !important;
color: #15171C !important;
transform: translateY(-1px) !important;
}
.luxentra-vehicles button.luxentra-vfilter__pill.is-active,
.luxentra-vehicles button.luxentra-vfilter__pill.is-active:hover,
.luxentra-vehicles button.luxentra-vfilter__pill.is-active:focus {
background: #d4ad13 !important;
background-color: #d4ad13 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(226, 35, 26, 0.35) !important;
transform: translateY(-1px) !important;
}
/* ----- Vehicle grid ----- */
.luxentra-vgrid {
display: grid !important;
grid-template-columns: repeat(var(--lx-cols, 3), 1fr) !important;
gap: 22px !important;
}
.luxentra-vempty { padding: 32px !important; text-align: center !important; color: #6b7280 !important; }
/* ----- Vehicle card (full) ----- */
.luxentra-vcard {
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 16px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
transition: box-shadow .15s, transform .15s !important;
}
.luxentra-vcard:hover { box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important; transform: translateY(-2px) !important; }
.luxentra-vcard__media {
position: relative !important;
aspect-ratio: 16/10 !important;
background: #f3f4f6 !important;
overflow: hidden !important;
}
.luxentra-vcard__media img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.luxentra-vcard__cat-badge {
position: absolute !important;
top: 12px !important;
left: 12px !important;
background: #d4ad13 !important;
color: #ffffff !important;
padding: 4px 14px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
z-index: 2 !important;
}
.luxentra-vcard__body { padding: 18px !important; flex: 1 1 auto !important; }
.luxentra-vcard__name {
font-size: 18px !important;
font-weight: 800 !important;
color: #15171C !important;
margin: 0 0 4px !important;
line-height: 1.3 !important;
}
.luxentra-vcard__name a { color: inherit !important; }
.luxentra-vcard__sub {
font-size: 14px !important;
color: #6b7280 !important;
margin: 0 0 12px !important;
}
.luxentra-vcard__capacity {
display: flex !important;
gap: 18px !important;
color: #4b5563 !important;
font-size: 14px !important;
font-weight: 500 !important;
margin-bottom: 12px !important;
flex-wrap: wrap !important;
}
.luxentra-vcard__capacity span {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
.luxentra-vcard__features {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.luxentra-vcard__feature {
background: #f8f9fb !important;
color: #15171C !important;
padding: 6px 12px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
border: 1px solid #e5e7eb !important;
}
.luxentra-vcard__feature i,
.luxentra-vcard__feature svg {
color: #d4ad13 !important;
font-size: 13px !important;
width: 14px !important;
height: 14px !important;
}
.luxentra-vcard__footer {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 14px 18px !important;
border-top: 1px solid #f3f4f6 !important;
}
.luxentra-vcard__cta {
flex: 1 1 auto !important;
text-align: center !important;
background: #d4ad13 !important;
color: #ffffff !important;
padding: 12px 18px !important;
border-radius: 10px !important;
font-weight: 700 !important;
font-size: 14px !important;
transition: background .15s, box-shadow .15s !important;
display: inline-block !important;
}
.luxentra-vcard__cta:hover { background: #a8890e !important; box-shadow: 0 6px 16px rgba(226, 35, 26, 0.35) !important; }
.luxentra-vcard__arrow {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: #f3f4f6 !important;
color: #4b5563 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.luxentra-vcard__arrow:hover { background: #e5e7eb !important; color: #15171C !important; }
/* ----- Vehicle card simple (other vehicles) ----- */
.luxentra-vcard--simple {
background: #f9fafb !important;
border: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
transition: transform .15s, box-shadow .15s !important;
}
.luxentra-vcard--simple:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important; }
.luxentra-vcard--simple .luxentra-vcard__media {
aspect-ratio: 4/3 !important;
border-radius: 14px !important;
}
.luxentra-vcard--simple .luxentra-vcard__body { padding: 14px 14px 16px !important; }
.luxentra-vcard--simple .luxentra-vcard__name { font-size: 15px !important; font-weight: 700 !important; margin-bottom: 6px !important; }
.luxentra-vcard--simple .luxentra-vcard__meta {
display: flex !important;
gap: 14px !important;
color: #6b7280 !important;
font-size: 13px !important;
}
.luxentra-vcard--simple .luxentra-vcard__meta span {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
}
/* ----- Vehicle single (detail page) ----- */
.luxentra-vsingle__top {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 40px !important;
align-items: start !important;
}
.luxentra-vgallery__main {
position: relative !important;
aspect-ratio: 16/10 !important;
background: #f3f4f6 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.luxentra-vgallery__img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.luxentra-vgallery__nav {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
background: rgba(255,255,255,0.9) !important;
color: #15171C !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
transition: background .15s !important;
}
.luxentra-vgallery__nav:hover { background: #ffffff !important; }
.luxentra-vgallery__prev { left: 14px !important; }
.luxentra-vgallery__next { right: 14px !important; }
.luxentra-vgallery__thumbs {
display: flex !important;
gap: 10px !important;
margin-top: 14px !important;
flex-wrap: wrap !important;
}
.luxentra-vgallery__thumb {
width: 80px !important;
height: 80px !important;
border-radius: 12px !important;
overflow: hidden !important;
border: 2px solid transparent !important;
transition: border-color .15s !important;
padding: 0 !important;
background: #f3f4f6 !important;
}
.luxentra-vgallery__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.luxentra-vgallery__thumb.is-active { border-color: #d4ad13 !important; }
.luxentra-vsingle__info { padding: 0 !important; }
.luxentra-vsingle__cat {
display: inline-block !important;
background: #fdeae9 !important;
color: #d4ad13 !important;
padding: 4px 14px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
margin-bottom: 10px !important;
}
.luxentra-vsingle__title {
font-size: 36px !important;
font-weight: 800 !important;
margin: 0 0 8px !important;
color: #15171C !important;
line-height: 1.1 !important;
}
.luxentra-vsingle__sub {
font-size: 16px !important;
color: #6b7280 !important;
margin: 0 0 22px !important;
}
.luxentra-vsingle__stats {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px !important;
margin-bottom: 26px !important;
}
.luxentra-vstat {
background: #f9fafb !important;
border-radius: 14px !important;
padding: 16px !important;
display: flex !important;
gap: 12px !important;
align-items: center !important;
}
.luxentra-vstat__icon {
width: 44px !important;
height: 44px !important;
background: #fff !important;
border-radius: 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.luxentra-vstat__body { display: flex !important; flex-direction: column !important; }
.luxentra-vstat__label { font-size: 13px !important; color: #6b7280 !important; }
.luxentra-vstat__value { font-size: 22px !important; font-weight: 800 !important; color: #15171C !important; }
.luxentra-vsection-title {
font-size: 20px !important;
font-weight: 800 !important;
color: #15171C !important;
margin: 20px 0 12px !important;
}
.luxentra-vspecs { display: flex !important; flex-direction: column !important; }
.luxentra-vspecs__row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 14px 0 !important;
border-bottom: 1px solid #e5e7eb !important;
}
.luxentra-vspecs__label { color: #6b7280 !important; font-size: 15px !important; }
.luxentra-vspecs__value { color: #15171C !important; font-size: 15px !important; font-weight: 700 !important; }
.luxentra-vfeatures {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px 24px !important;
margin-bottom: 22px !important;
}
.luxentra-vfeature {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
background: #f8f9fb !important;
border: 1px solid #eef0f4 !important;
border-radius: 12px !important;
color: #15171C !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: border-color .15s, background .15s !important;
}
.luxentra-vfeature:hover { border-color: #d4ad13 !important; background: #fff !important; }
.luxentra-vfeature i,
.luxentra-vfeature svg {
color: #d4ad13 !important;
font-size: 18px !important;
flex-shrink: 0 !important;
}
.luxentra-vfeature__icon {
width: 32px !important;
height: 32px !important;
border-radius: 8px !important;
background: #fdeae9 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #d4ad13 !important;
flex-shrink: 0 !important;
}
.luxentra-vsingle__actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 24px !important;
}
.luxentra-vbtn,
a.luxentra-vbtn,
a.luxentra-vbtn:visited {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 14px 26px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 15px !important;
transition: background .15s, box-shadow .15s, color .15s !important;
min-width: 200px !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
.luxentra-vsingle a.luxentra-vbtn--primary,
.luxentra-vsingle a.luxentra-vbtn--primary:visited,
.luxentra-vsingle a.luxentra-vbtn--primary:hover,
.luxentra-vsingle a.luxentra-vbtn--primary:focus,
.luxentra-vsingle a.luxentra-vbtn--primary:active {
background: #d4ad13 !important;
background-color: #d4ad13 !important;
color: #ffffff !important;
border: 0 !important;
text-decoration: none !important;
}
.luxentra-vsingle a.luxentra-vbtn--primary:hover {
background: #a8890e !important;
background-color: #a8890e !important;
box-shadow: 0 8px 22px rgba(226, 35, 26, 0.4) !important;
}
.luxentra-vsingle a.luxentra-vbtn--primary span,
.luxentra-vsingle a.luxentra-vbtn--primary i,
.luxentra-vsingle a.luxentra-vbtn--primary svg {
color: #ffffff !important;
fill: #ffffff !important;
}
.luxentra-vsingle a.luxentra-vbtn--primary svg path,
.luxentra-vsingle a.luxentra-vbtn--primary svg circle,
.luxentra-vsingle a.luxentra-vbtn--primary svg rect { fill: #ffffff !important; }
.luxentra-vsingle a.luxentra-vbtn--outline,
.luxentra-vsingle a.luxentra-vbtn--outline:visited {
background: transparent !important;
color: #15171C !important;
border: 1.5px solid #e5e7eb !important;
}
.luxentra-vsingle a.luxentra-vbtn--outline:hover { background: #f9fafb !important; border-color: #15171C !important; }
.luxentra-vsingle a.luxentra-vbtn--outline span,
.luxentra-vsingle a.luxentra-vbtn--outline i,
.luxentra-vsingle a.luxentra-vbtn--outline svg { color: #15171C !important; }
.luxentra-vsingle__desc {
margin-top: 32px !important;
color: #374151 !important;
line-height: 1.7 !important;
font-size: 15px !important;
}
/* ----- Other vehicles section ----- */
.luxentra-vothers { margin-top: 50px !important; }
.luxentra-vothers__title {
font-size: 26px !important;
font-weight: 800 !important;
color: #15171C !important;
margin: 0 0 20px !important;
}
.luxentra-vothers__grid {
display: grid !important;
grid-template-columns: repeat(var(--lx-cols, 4), 1fr) !important;
gap: 18px !important;
}
/* ----- Admin gallery field ----- */
.luxentra-gallery-field { }
.luxentra-gallery-preview {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-bottom: 8px !important;
}
.luxentra-gallery-item {
position: relative;
width: 80px;
height: 80px;
border-radius: 6px;
overflow: hidden;
background: #f3f4f6;
}
.luxentra-gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.luxentra-gallery-remove {
position: absolute;
top: 2px;
right: 2px;
width: 22px;
height: 22px;
border-radius: 50%;
background: rgba(0,0,0,0.6);
color: #fff;
border: 0;
font-size: 16px;
line-height: 1;
cursor: pointer;
}
.luxentra-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 8px;
}
.luxentra-feature-row {
display: flex;
align-items: center;
gap: 8px;
background: #f9fafb;
padding: 8px 12px;
border-radius: 6px;
}
/* ============================================================
Responsive — booking form (tablet)
============================================================ */
@media (max-width: 880px) {
.luxentra-bar {
flex-wrap: wrap !important;
}
.luxentra-cell:not(:last-child)::after,
.luxentra-swap-wrap::after { display: none !important; }
.luxentra-cell {
flex: 1 1 calc(50% - 1px) !important;
border-bottom: 1px solid var(--lx-line) !important;
}
.luxentra-cell--counter {
flex: 1 1 calc(50% - 1px) !important;
}
.luxentra-swap-wrap {
flex: 1 1 100% !important;
padding: 6px !important;
border-bottom: 1px solid var(--lx-line) !important;
}
.luxentra-cta-wrap {
flex: 1 1 100% !important;
}
.luxentra-submit {
width: 100% !important;
}
.luxentra-contact__grid { grid-template-columns: 1fr 1fr !important; }
}
/* ============================================================
Responsive — booking form (mobile)
============================================================ */
@media (max-width: 560px) {
.luxentra-pad { padding: 16px !important; }
.luxentra-topbar { padding: 10px 10px !important; gap: 8px !important; }
.luxentra-trust { display: none !important; }
/* Tablar dar ekrana otursun: full-width grup, eşit pay, ikon gizli, minik padding */
.luxentra-booking-form .luxentra-topbar .luxentra-tabs {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 3px !important;
padding: 4px !important;
border-radius: 12px !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab {
width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
padding: 9px 4px !important;
font-size: 12px !important;
gap: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
letter-spacing: -.015em !important;
}
.luxentra-booking-form .luxentra-topbar .luxentra-tabs .luxentra-tab svg { display: none !important; }
.luxentra-bar { flex-direction: column !important; }
.luxentra-bar .luxentra-cell,
.luxentra-bar .luxentra-cell--counter,
.luxentra-swap-wrap,
.luxentra-cta-wrap { flex: 1 1 100% !important; width: 100% !important; }
.luxentra-contact__grid { grid-template-columns: 1fr !important; }
.luxentra-contact { padding: 16px !important; }
.luxentra-barfoot { padding: 16px !important; }
.luxentra-rt-when__inner { flex-wrap: wrap !important; }
.luxentra-results { margin: 16px !important; }
.luxentra-error { margin: 14px 16px 0 !important; }
.luxentra-card {
grid-template-columns: 1fr !important;
text-align: center !important;
gap: 14px !important;
padding: 16px !important;
}
.luxentra-card__price {
align-items: center !important;
border-left: 0 !important;
border-top: 1px solid var(--lx-line-soft) !important;
padding: 14px 0 0 !important;
}
.luxentra-card__meta { justify-content: center !important; }
.luxentra-card__image { max-width: 240px !important; height: 140px !important; margin: 0 auto !important; }
.luxentra-card__name { font-size: 18px !important; }
.luxentra-card__price-amount { font-size: 24px !important; }
.luxentra-card__btn { width: 100% !important; }
}
/* Tablet — 3 kolonlu grid çok dar olabilir; price kolonu küçült */
@media (max-width: 960px) and (min-width: 561px) {
.luxentra-card { grid-template-columns: 150px 1fr 170px !important; gap: 16px !important; }
.luxentra-card__image { height: 100px !important; }
.luxentra-card__price { padding-left: 12px !important; }
.luxentra-card__price-amount { font-size: 22px !important; }
}
/* ============================================================
Vehicles responsive
============================================================ */
@media (max-width: 1100px) {
.luxentra-vgrid { grid-template-columns: repeat(2, 1fr) !important; }
.luxentra-vsingle__top { grid-template-columns: 1fr !important; gap: 28px !important; }
.luxentra-vothers__grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 720px) {
/* Dönüş popup mobilde tam genişlik */
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when {
left: 6px !important;
right: 6px !important;
}
.luxentra-booking-form .luxentra-cell--rt .luxentra-rt-when::before { left: 24px !important; }
/* Flatpickr calendar mobilde centered fixed overlay (alt taşmayı engeller).
static:false modunda calendar body'ye eklenir; bu kural globaldir. */
.flatpickr-calendar.open {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%) !important;
z-index: 99999 !important;
max-width: calc(100vw - 32px) !important;
width: 320px !important;
box-shadow: 0 24px 60px -10px rgba(15,23,42,.35), 0 8px 24px -8px rgba(15,23,42,.18) !important;
border-radius: 14px !important;
}
/* Backdrop — flatpickr-calendar.open için */
.flatpickr-calendar.open::before {
content: "" !important;
position: fixed !important;
inset: 0 !important;
background: rgba(15, 23, 42, .45) !important;
z-index: -1 !important;
}
}
@media (max-width: 720px) {
.luxentra-vgrid { grid-template-columns: 1fr !important; }
.luxentra-vfilter {
gap: 8px !important;
margin-bottom: 22px !important;
padding: 0 8px !important;
}
.luxentra-vehicles button.luxentra-vfilter__pill {
padding: 10px 18px !important;
font-size: 13px !important;
min-width: 0 !important;
flex: 0 1 auto !important;
}
.luxentra-vsingle__title { font-size: 26px !important; }
.luxentra-vsingle__stats { grid-template-columns: 1fr !important; }
.luxentra-vfeatures { grid-template-columns: 1fr !important; }
.luxentra-vothers__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.luxentra-vothers__title { font-size: 22px !important; }
.luxentra-vbtn { flex: 1 1 100% !important; min-width: 0 !important; }
.luxentra-vgallery__thumb { width: 64px !important; height: 64px !important; }
}
/* ============================================================
Dönüş tarihi — bar içinde (yeni düzen, eski .luxentra-rt-when yerine)
============================================================ */
/* Dönüş cell normal beyaz kalsın (eski yeşil arka planı kaldırıldı) */
.luxentra-booking-form .lux-cell-return {
background: var(--lx-white) !important;
}
.luxentra-booking-form .lux-cell-return .luxentra-cell__label {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: nowrap !important;
}
/* Cell label içindeki "%X İndirim" badge'i kompaktla — büyük yer kaplamasın */
.luxentra-booking-form .lux-cell-return .luxentra-rt__badge {
font-size: 9.5px !important;
font-weight: 700 !important;
padding: 2px 7px !important;
line-height: 1.3 !important;
letter-spacing: .02em !important;
text-transform: none !important;
margin-left: 4px !important;
}
.luxentra-booking-form .lux-return-wrap {
display: flex !important;
align-items: center !important;
gap: 6px !important;
min-width: 0 !important;
}
.luxentra-booking-form .lux-return-wrap input {
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* × temizleme butonu — tıklanınca dönüşü iptal eder */
.luxentra-booking-form .lux-return-clear {
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
background: #e8ebf0 !important;
color: #8a909c !important;
font-size: 15px !important;
line-height: 1 !important;
display: grid !important;
place-items: center !important;
flex-shrink: 0 !important;
border: 0 !important;
cursor: pointer !important;
transition: background .15s ease, color .15s ease !important;
padding: 0 !important;
box-shadow: none !important;
}
.luxentra-booking-form .lux-return-clear:hover {
background: #d4ad13 !important;
color: #fff !important;
}
/* ============================================================
Custom Time Picker — tarih seçildikten sonra açılan saat listesi
============================================================ */
.luxentra-tp {
position: fixed !important;
z-index: 999999 !important;
width: 320px !important;
max-width: calc(100vw - 16px) !important;
background: #ffffff !important;
border: 1px solid #e8ebf0 !important;
border-radius: 16px !important;
box-shadow: 0 20px 60px -16px rgba(15,23,42,.22), 0 8px 24px -10px rgba(15,23,42,.12) !important;
overflow: hidden !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.luxentra-tp__head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 14px 14px 12px !important;
border-bottom: 1px solid #f1f3f6 !important;
background: #ffffff !important;
}
.luxentra-tp__back {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: #f7f7f8 !important;
border: 0 !important;
color: #15171C !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
flex-shrink: 0 !important;
padding: 0 !important;
transition: background .15s ease, color .15s ease !important;
}
.luxentra-tp__back:hover { background: #fdf8e7 !important; color: #d4ad13 !important; }
.luxentra-tp__head-icon {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: #fdf8e7 !important;
color: #d4ad13 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.luxentra-tp__title-wrap {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
line-height: 1.2 !important;
}
.luxentra-tp__title {
font-size: 16px !important;
font-weight: 700 !important;
color: #15171C !important;
margin: 0 !important;
}
.luxentra-tp__date {
font-size: 12px !important;
font-weight: 500 !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.luxentra-tp__close {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background: transparent !important;
border: 0 !important;
color: #9ca3af !important;
font-size: 20px !important;
line-height: 1 !important;
cursor: pointer !important;
padding: 0 !important;
flex-shrink: 0 !important;
transition: background .15s ease, color .15s ease !important;
}
.luxentra-tp__close:hover { background: #fdf8e7 !important; color: #d4ad13 !important; }
.luxentra-tp__list {
max-height: 280px !important;
overflow-y: auto !important;
padding: 4px 0 !important;
background: #ffffff !important;
}
.luxentra-tp__list::-webkit-scrollbar { width: 6px !important; }
.luxentra-tp__list::-webkit-scrollbar-thumb { background: #d1d5db !important; border-radius: 4px !important; }
.luxentra-tp__list::-webkit-scrollbar-track { background: transparent !important; }
.luxentra-tp__slot {
display: block !important;
width: 100% !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #f3f4f6 !important;
padding: 16px 22px !important;
text-align: center !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #15171C !important;
cursor: pointer !important;
transition: background .12s ease, color .12s ease !important;
line-height: 1 !important;
letter-spacing: .02em !important;
}
.luxentra-tp__slot:last-child { border-bottom: 0 !important; }
.luxentra-tp__slot:hover {
background: #fafbfc !important;
color: #d4ad13 !important;
}
.luxentra-tp__slot.is-active {
background: #fdf8e7 !important;
color: #d4ad13 !important;
font-weight: 700 !important;
}
.luxentra-tp__foot {
padding: 12px 16px !important;
text-align: center !important;
font-size: 11.5px !important;
color: #9ca3af !important;
background: #fafbfc !important;
border-top: 1px solid #f1f3f6 !important;
letter-spacing: .01em !important;
}
@media (max-width: 720px) {
.luxentra-tp {
top: auto !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: 100% !important;
border-radius: 16px 16px 0 0 !important;
box-shadow: 0 -10px 40px rgba(15,23,42,.18) !important;
}
.luxentra-tp__list { max-height: 50vh !important; }
}
/* ============================================================
flatpickr — marka rengi teması
============================================================ */
.flatpickr-calendar {
border-radius: 14px !important;
box-shadow: 0 20px 60px -16px rgba(15,23,42,.22), 0 8px 24px -10px rgba(15,23,42,.12) !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
border: 1px solid #e8ebf0 !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
background: #d4ad13 !important;
border-color: #d4ad13 !important;
color: #ffffff !important;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
background: #fdf8e7 !important;
border-color: transparent !important;
}
.flatpickr-day.today { border-color: #d4ad13 !important; }
.flatpickr-day.today:not(.selected) { color: #d4ad13 !important; font-weight: 700 !important; }
.flatpickr-months .flatpickr-month { color: #15171C !important; }
.flatpickr-current-month { color: #15171C !important; font-weight: 700 !important; }
.flatpickr-weekday { color: #8a909c !important; font-weight: 700 !important; }
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus { background: #fdf8e7 !important; }
/* --- Şık datepicker: başlık, gün arka planı, saat blok vurgusu --- */
.flatpickr-calendar {
padding: 4px !important;
background: #ffffff !important;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after { border-bottom-color: #ffffff !important; }
.flatpickr-months {
padding: 4px 6px 8px !important;
border-bottom: 1px solid #f1f3f6 !important;
margin-bottom: 6px !important;
}
.flatpickr-months .flatpickr-month {
height: 38px !important;
font-weight: 700 !important;
font-size: 14.5px !important;
letter-spacing: .01em !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
font-weight: 700 !important;
font-size: 14.5px !important;
color: #15171C !important;
}
.flatpickr-current-month input.cur-year {
font-weight: 700 !important;
color: #15171C !important;
font-size: 14.5px !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
padding: 6px !important;
border-radius: 8px !important;
transition: background .15s ease !important;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
background: #fdf8e7 !important;
color: #d4ad13 !important;
fill: #d4ad13 !important;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg { fill: #6b7280 !important; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #d4ad13 !important; }
.flatpickr-weekdays { padding: 4px 0 6px !important; }
.flatpickr-weekday {
color: #6b7280 !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
}
.flatpickr-day {
color: #1A1D24 !important;
font-weight: 500 !important;
border-radius: 10px !important;
height: 38px !important;
line-height: 38px !important;
margin: 1.5px 0 !important;
transition: background .12s ease, color .12s ease, transform .12s ease !important;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: #cdd2db !important; }
.flatpickr-day:hover {
background: #fdf8e7 !important;
color: #d4ad13 !important;
transform: scale(1.04) !important;
}
.flatpickr-day.today:not(.selected) {
color: #d4ad13 !important;
border-color: rgba(212,173,19,.45) !important;
font-weight: 700 !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
background: #d4ad13 !important;
border-color: #d4ad13 !important;
color: #ffffff !important;
box-shadow: 0 6px 14px -4px rgba(212,173,19,.45) !important;
transform: scale(1.02) !important;
}
/* Saat blok — tarih seçildikten sonra burada saat girilir */
.flatpickr-time {
border-top: 1px solid #f1f3f6 !important;
margin-top: 6px !important;
padding: 10px 6px !important;
background: linear-gradient(to bottom, #fafbfc, #ffffff) !important;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
position: relative !important;
}
.flatpickr-time::before {
content: "Saat seçiniz" !important;
position: absolute !important;
top: -10px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: #ffffff !important;
color: #6b7280 !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
padding: 0 10px !important;
pointer-events: none !important;
}
.flatpickr-time .numInputWrapper {
border-radius: 10px !important;
background: #ffffff !important;
border: 1.5px solid #e8ebf0 !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
overflow: hidden !important;
height: 44px !important;
}
.flatpickr-time .numInputWrapper:hover,
.flatpickr-time .numInputWrapper:focus-within {
border-color: #d4ad13 !important;
box-shadow: 0 0 0 4px rgba(212,173,19,.10) !important;
}
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
color: #15171C !important;
font-weight: 700 !important;
font-size: 22px !important;
background: transparent !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
color: #6b7280 !important;
font-weight: 700 !important;
font-size: 20px !important;
}
.flatpickr-time .arrowUp,
.flatpickr-time .arrowDown {
border-radius: 4px !important;
}
.flatpickr-time .arrowUp:hover,
.flatpickr-time .arrowDown:hover {
background: #fdf8e7 !important;
}
/* ============================================================
Dönüş tarihi satırı — bar dışında tam genişlik
============================================================ */
.luxentra-rt-row {
margin-top: 10px !important;
border: 1px solid var(--lx-line) !important;
border-radius: 16px !important;
background: var(--lx-white) !important;
overflow: hidden !important;
}
.luxentra-rt-row__inner {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
}
.luxentra-rt-row__inner--3 {
grid-template-columns: 1fr 1fr 1fr !important;
}
.luxentra-rt-row__field {
padding: 10px 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
position: relative !important;
}
.luxentra-rt-row__field:first-child {
border-right: 1px solid var(--lx-line) !important;
}
.luxentra-rt-row__field:focus-within {
background: var(--lx-white) !important;
box-shadow: inset 0 0 0 2px rgba(212,173,19,.32) !important;
z-index: 2 !important;
}
.luxentra-rt-row__field input[type="text"] {
border: 0 !important;
background: transparent !important;
outline: none !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--lx-ink) !important;
width: 100% !important;
box-shadow: none !important;
min-height: 22px !important;
cursor: pointer !important;
}
.luxentra-rt-row__field input::placeholder { color: #3a3f4a !important; font-weight: 500 !important; opacity: 1 !important; }
@media (max-width: 600px) {
.luxentra-rt-row__inner,
.luxentra-rt-row__inner--3 { grid-template-columns: 1fr !important; }
.luxentra-rt-row__field:not(:last-child) { border-right: 0 !important; border-bottom: 1px solid var(--lx-line) !important; }
}
/* ============================================================
Direction Picker — Lüks Yön Seçimi
============================================================ */
.luxentra-direction-pick {
padding: 32px 28px 30px !important;
border-bottom: 1px solid rgba(212,173,19,.12) !important;
text-align: center !important;
background: linear-gradient(175deg, #fdfaf2 0%, #ffffff 55%) !important;
}
/* Başlık + dekoratif çizgi */
.luxentra-direction-pick__label {
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .26em !important;
text-transform: uppercase !important;
color: #b09535 !important;
margin-bottom: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
}
/* Yanındaki dekoratif çizgiler */
.luxentra-direction-pick__label::before,
.luxentra-direction-pick__label::after {
content: "" !important;
flex: 1 !important;
max-width: 60px !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, #c9a410, transparent) !important;
display: block !important;
}
/* 2 eşit sütun */
.luxentra-direction-pick__options {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
max-width: 520px !important;
margin: 0 auto !important;
}
/* ===== KART =====
Gradient border tekniği: kartı saran şeffaf bir pseudo::before
ile linear-gradient border elde ediyoruz — box-shadow ile
solid border olmaz, gerçek gradient border için bu yöntem. */
.luxentra-dir-btn {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 30px 18px 36px !important;
border: none !important;
border-radius: 22px !important;
/* İçerideki arka plan — ::before'dan önce render */
background: linear-gradient(160deg, #faf7ee 0%, #f5f0e2 100%) !important;
cursor: pointer !important;
position: relative !important;
width: 100% !important;
text-align: center !important;
/* Çok katmanlı gölge: derin + sıcak */
box-shadow:
0 2px 8px rgba(15,12,0,.08),
0 8px 24px -8px rgba(15,12,0,.10),
inset 0 1px 0 rgba(255,255,255,.85) !important;
transition:
box-shadow .28s cubic-bezier(.2,.8,.2,1),
transform .22s cubic-bezier(.2,.8,.2,1),
background .28s ease !important;
overflow: visible !important;
/* Gradient border için z-index context */
isolation: isolate !important;
}
/* Gradient border wrapper (ince altın çerçeve — pasif) */
.luxentra-dir-btn::before {
content: "" !important;
position: absolute !important;
inset: -1.5px !important;
border-radius: 23.5px !important;
background: linear-gradient(
145deg,
rgba(212,173,19,.30) 0%,
rgba(255,225,100,.18) 35%,
rgba(180,140,10,.12) 65%,
rgba(212,173,19,.25) 100%
) !important;
z-index: -1 !important;
transition: opacity .28s ease !important;
opacity: 1 !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
transform: none !important;
animation: none !important;
}
/* İç highlight — warm shimmer */
.luxentra-dir-btn__shine {
position: absolute !important;
inset: 0 !important;
border-radius: 22px !important;
background: linear-gradient(
135deg,
rgba(255,240,160,.22) 0%,
rgba(255,210,60,.06) 30%,
transparent 55%
) !important;
pointer-events: none !important;
transition: opacity .28s ease !important;
opacity: 1 !important;
}
/* Alt dekoratif diamond + çizgi */
.luxentra-dir-btn::after {
content: "◇" !important;
position: absolute !important;
bottom: 12px !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-size: 8px !important;
color: rgba(180,148,20,.45) !important;
line-height: 1 !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
background: none !important;
opacity: 1 !important;
transition: color .28s ease !important;
display: block !important;
pointer-events: none !important;
}
/* Hover */
.luxentra-dir-btn:hover {
background: linear-gradient(160deg, #f7f1e0 0%, #f0e9cc 100%) !important;
box-shadow:
0 4px 14px rgba(15,12,0,.10),
0 14px 36px -10px rgba(180,140,10,.20),
inset 0 1px 0 rgba(255,255,255,.90) !important;
transform: translateY(-4px) !important;
}
.luxentra-dir-btn:hover::before {
background: linear-gradient(
145deg,
rgba(212,173,19,.55) 0%,
rgba(255,210,60,.35) 35%,
rgba(180,140,10,.20) 65%,
rgba(212,173,19,.50) 100%
) !important;
}
.luxentra-dir-btn:hover::after { color: rgba(180,148,20,.75) !important; }
/* @property ile animate edilebilir açı değişkeni */
@property --lx-angle {
syntax: '';
inherits: false;
initial-value: 0deg;
}
@keyframes lx-gold-spin {
to { --lx-angle: 360deg; }
}
/* ===== ACTIVE ===== */
.luxentra-dir-btn.is-active {
background: linear-gradient(160deg, #fdf6e0 0%, #f8edbc 100%) !important;
border: none !important;
/* Dönen conic-gradient border: outline ile değil, background-clip tekniği */
background-image:
linear-gradient(160deg, #fdf6e0 0%, #f8edbc 100%),
conic-gradient(
from var(--lx-angle),
#a8890e 0deg,
#d4ad13 60deg,
#f7e46e 100deg,
#fffbe0 130deg,
#f7e46e 160deg,
#d4ad13 220deg,
#a8890e 280deg,
#d4ad13 320deg,
#a8890e 360deg
) !important;
background-origin: border-box !important;
background-clip: padding-box, border-box !important;
border: 2.5px solid transparent !important;
animation: lx-gold-spin 4s linear infinite !important;
box-shadow:
0 6px 20px rgba(180,140,10,.18),
0 18px 44px -12px rgba(180,140,10,.28),
0 0 18px rgba(212,173,19,.22) !important;
transform: translateY(-3px) !important;
overflow: visible !important;
}
.luxentra-dir-btn.is-active::before {
display: none !important;
}
.luxentra-dir-btn.is-active .luxentra-dir-btn__shine {
display: none !important;
}
.luxentra-dir-btn.is-active .luxentra-dir-btn__shine {
opacity: 1 !important;
background: linear-gradient(
135deg,
rgba(255,240,120,.35) 0%,
rgba(255,210,40,.10) 40%,
transparent 60%
) !important;
}
.luxentra-dir-btn.is-active::after { color: #c9a410 !important; }
/* Checkmark rozeti — daire, aktifken sağ üst */
.luxentra-dir-btn .lx-dir-check {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #d4ad13 0%, #a8890e 100%) !important;
box-shadow: 0 3px 10px rgba(180,140,10,.45) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 0 !important;
transform: scale(.4) rotate(-20deg) !important;
transition:
opacity .20s ease,
transform .28s cubic-bezier(.34,1.56,.64,1) !important;
pointer-events: none !important;
z-index: 2 !important;
}
.luxentra-dir-btn .lx-dir-check::after {
content: "✓" !important;
font-size: 14px !important;
font-weight: 900 !important;
color: #fff !important;
line-height: 1 !important;
}
.luxentra-dir-btn.is-active .lx-dir-check {
opacity: 1 !important;
transform: scale(1) rotate(0deg) !important;
}
.luxentra-dir-btn__icon {
font-size: 38px !important;
line-height: 1 !important;
margin-bottom: 16px !important;
display: block !important;
filter: drop-shadow(0 3px 8px rgba(120,90,0,.22)) !important;
}
.luxentra-dir-icon-img {
object-fit: contain !important;
display: block !important;
margin: 0 auto 16px !important;
filter: drop-shadow(0 4px 10px rgba(120,90,0,.22)) !important;
}
.luxentra-dir-btn__title {
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: -.02em !important;
color: #1a1405 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
display: block !important;
}
.luxentra-dir-btn__sub {
font-size: 12.5px !important;
color: #5c4f28 !important;
font-weight: 500 !important;
line-height: 1.4 !important;
display: block !important;
margin-bottom: 20px !important;
}
.luxentra-dir-btn.is-active .luxentra-dir-btn__sub {
color: #3d3010 !important;
}
/* Direction bar — seçili yön etiketi Adım 1 üstünde */
.luxentra-dir-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 11px 22px !important;
background: var(--lx-primary-tint) !important;
border-bottom: 1px solid rgba(212,173,19,.15) !important;
font-size: 13px !important;
}
.luxentra-dir-bar__label {
font-weight: 700 !important;
color: var(--lx-primary-dark) !important;
}
.luxentra-dir-bar__change {
font-size: 12px !important;
font-weight: 600 !important;
color: var(--lx-primary) !important;
text-decoration: underline !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
cursor: pointer !important;
white-space: nowrap !important;
transition: color .15s ease !important;
}
.luxentra-dir-bar__change:hover { color: var(--lx-primary-dark) !important; }
/* Mobil — 2 sütun sıkıştırılmış */
@media (max-width: 600px) {
.luxentra-direction-pick {
padding: 22px 14px 18px !important;
}
.luxentra-direction-pick__options {
gap: 10px !important;
max-width: 100% !important;
}
.luxentra-dir-btn {
padding: 20px 12px 22px !important;
}
.luxentra-dir-btn__icon {
font-size: 30px !important;
margin-bottom: 10px !important;
}
.luxentra-dir-btn__title {
font-size: 15px !important;
}
.luxentra-dir-btn__sub {
font-size: 11px !important;
}
}
/* ============================================================
Sonraki butonu — yeşil, taller
============================================================ */
.luxentra-nav__btn--next {
background: #16a34a !important;
color: #ffffff !important;
margin-left: auto !important;
padding: 15px 28px !important;
font-size: 15px !important;
}
.luxentra-nav__btn--next:hover {
background: #15803d !important;
box-shadow: 0 8px 18px -6px rgba(22,163,74,.45) !important;
transform: translateY(-1px) !important;
}
/* ============================================================
Havalimanı dropdown — tema uyumlu
============================================================ */
.luxentra-booking-form .lux-airport-outbound,
.luxentra-booking-form .lux-airport-return {
width: 100% !important;
padding: 12px 36px 12px 14px !important;
border: 1.5px solid var(--lx-line) !important;
border-radius: var(--lx-radius-sm) !important;
background: var(--lx-white) !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 14px !important;
font-size: 14.5px !important;
font-weight: 600 !important;
color: var(--lx-ink) !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
transition: border-color .18s ease, box-shadow .18s ease !important;
outline: none !important;
box-shadow: none !important;
line-height: 1.4 !important;
}
.luxentra-booking-form .lux-airport-outbound:focus,
.luxentra-booking-form .lux-airport-return:focus {
border-color: var(--lx-primary) !important;
box-shadow: 0 0 0 3px rgba(212,173,19,.14) !important;
}
.luxentra-booking-form .lux-airport-outbound:hover,
.luxentra-booking-form .lux-airport-return:hover {
border-color: rgba(212,173,19,.45) !important;
}
/* option arka planı — macOS dark dropdown override */
.luxentra-booking-form .lux-airport-outbound option,
.luxentra-booking-form .lux-airport-return option {
background: #ffffff !important;
color: #15171C !important;
font-weight: 500 !important;
}
/* ============================================================
Havalimanı seçici — pill butonlar (2×2 grid)
============================================================ */
.luxentra-airport-pick {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
margin-top: 4px !important;
}
.luxentra-airport-btn {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 12px 14px !important;
border: 1.5px solid var(--lx-line) !important;
border-radius: 12px !important;
background: #ffffff !important;
cursor: pointer !important;
text-align: left !important;
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
position: relative !important;
-webkit-appearance: none !important;
appearance: none !important;
font-family: inherit !important;
width: 100% !important;
}
.luxentra-airport-btn:hover {
border-color: rgba(212,173,19,.4) !important;
box-shadow: 0 3px 10px -4px rgba(212,173,19,.18) !important;
}
.luxentra-airport-btn.is-active {
border-color: var(--lx-primary) !important;
background: var(--lx-primary-tint) !important;
box-shadow: 0 0 0 3px rgba(212,173,19,.12) !important;
}
.luxentra-airport-btn__icon {
font-size: 20px !important;
line-height: 1 !important;
flex-shrink: 0 !important;
}
.luxentra-airport-btn__body {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
min-width: 0 !important;
}
.luxentra-airport-btn__label {
font-size: 13px !important;
font-weight: 700 !important;
color: var(--lx-ink) !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: block !important;
}
.luxentra-airport-btn__sub {
font-size: 11.5px !important;
color: var(--lx-muted) !important;
font-weight: 500 !important;
display: block !important;
white-space: nowrap !important;
}
.luxentra-airport-btn.is-active .luxentra-airport-btn__label { color: var(--lx-primary-dark) !important; }
.luxentra-airport-btn.is-active .luxentra-airport-btn__sub { color: var(--lx-primary) !important; }
/* Aktif checkmark */
.luxentra-airport-btn.is-active::after {
content: "✓" !important;
position: absolute !important;
top: 8px !important;
right: 10px !important;
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
background: var(--lx-primary) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 800 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
@media (max-width: 480px) {
.luxentra-airport-pick {
grid-template-columns: 1fr !important;
}
}