/* =====================================================================
   booker.css — premium light+gold re-skin of the live WooCommerce
   transfer-booking form, mapped onto the approved artifact ".booker" card.
   Enqueue AFTER 'style-frontend-transfer' (module_form.css) so these rules
   load last; everything is scoped under .booker with specificity high
   enough to beat module_form.css (element selectors, #checkout_tab IDs).
   Visual only — no field names, JS or markup touched.
   Colours use the theme :root var() palette (identical to the artifact).
   ===================================================================== */

/* ---- card shell / plugin wrapper reset ------------------------------ */
.booker .form-container-iwebsite{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
.booker .iwebsite-ajax-form-transfer{max-width:none;margin:0}
/* kill the module's yellow rounded box + tape decorations on steps 2-4 */
.booker .iwebsite-ajax-form-transfer:not(.step-1){background:transparent;border:0;border-radius:0;padding:0;overflow:visible}
.booker .iwebsite-ajax-form-transfer:not(.step-1)::before,
.booker .iwebsite-ajax-form-transfer:not(.step-1)::after,
.booker .destination_choose_form::before,
.booker .destination_choose_form::after{display:none}
/* CRITICAL FIX: module gives .destination_choose_form a dark #1a1a1a rounded
   box (bg + 17px padding + radius:10px) that survives on step 1. Reset it. */
.booker .destination_choose_form{display:block;background:transparent;padding:0;border:0;border-radius:0;overflow:visible}

/* redundant English/plugin heading — .booker-head already says it */
.booker h2.destination-title,
.booker .iwebsite-ajax-form-transfer .destination-title{display:none}

/* ---- step wizard: bordered champagne strip w/ numbered circles ------ */
.booker .navbar-progress{display:flex;position:relative;height:auto;margin:0 0 20px;
	border:1px solid var(--line-2);background:#fff;counter-reset:st}
.booker .iwebsite-ajax-form-transfer.step-1 .navbar-progress{display:flex}
.booker .navbar-progress .step-cont{position:static;flex:1 1 0;width:auto;height:auto;
	display:flex;align-items:center;justify-content:center;gap:6px;
	padding:11px 4px;margin:0;left:auto;right:auto;text-align:center;
	border-right:1px solid var(--line-2);background:transparent;color:var(--muted);
	font-family:inherit;font-size:.66rem;font-weight:600;line-height:1.1;
	letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.booker .navbar-progress .step-cont:last-of-type{border-right:0}
/* CSS-counter number circle (artifact ".steps button .n") */
.booker .iwebsite-ajax-form-transfer .navbar-progress .step-cont::before{
	counter-increment:st;content:counter(st);position:static;
	display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
	width:20px;height:20px;margin:0;border:1px solid var(--line-2);border-radius:50%;
	background:#fff;color:var(--muted);font-size:.7rem;font-weight:600;line-height:1;
	box-sizing:border-box;transition:all .2s}
/* neutralise the module's absolutely-positioned dots + connector line */
.booker .navbar-progress .step-cont::after{display:none}
.booker .navbar-progress .line{display:none}
/* active pill */
.booker .navbar-progress .step-cont.act{color:var(--text);background:var(--champ)}
.booker .iwebsite-ajax-form-transfer .navbar-progress .step-cont.act::before{
	background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));border-color:var(--gold);color:var(--ink)}
.booker .navbar-progress .step-cont.cur{color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold)}

/* ---- lists / rows reset -------------------------------------------- */
.booker .choose-list{list-style:none;margin:0;padding:0}
.booker .choose-transfer-container{position:relative;list-style:none;margin:0;padding:0}
.booker .input-container{clear:both;overflow:visible;margin:0 0 13px;border:0;border-radius:0}
.booker .input-container:last-child{margin-bottom:13px}

/* ---- labels: tiny uppercase muted, stacked above the control -------- */
.booker .input-title{display:block;float:none;width:auto;height:auto;
	background:transparent;border:0;border-right:0;padding:0;margin:0 0 6px;
	font-size:.62rem;line-height:1.4;font-weight:600;letter-spacing:.1em;
	text-transform:uppercase;color:var(--muted);text-align:left}

/* ---- inputs / selects ---------------------------------------------- */
/* width:100% is forced with !important to beat module_form.css's
   @media(max-width:480px){ ...width:calc(100% - 50px) !important } */
.booker .input-container input,
.booker .input-container select,
.booker .iwebsite-ajax-form-transfer .from_town_select,
.booker .iwebsite-ajax-form-transfer .destination_town_select,
.booker .iwebsite-ajax-form-transfer .datetimepicker,
.booker .iwebsite-ajax-form-transfer input[type=text],
.booker .iwebsite-ajax-form-transfer input[type=tel],
.booker .iwebsite-ajax-form-transfer input[type=email],
.booker .iwebsite-ajax-form-transfer input[type=datetime-local]{
	float:none;width:100% !important;height:auto;line-height:1.4;display:block;
	background-color:#faf7f1;border:1px solid var(--line-2);border-radius:0;
	color:var(--text);padding:12px 13px;font-family:inherit;font-size:.9rem;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}
/* custom caret for selects only */
.booker .input-container select,
.booker .iwebsite-ajax-form-transfer .from_town_select,
.booker .iwebsite-ajax-form-transfer .destination_town_select{
	padding-right:34px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23B8912F' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 13px center}
.booker .input-container input:focus,
.booker .input-container select:focus,
.booker .iwebsite-ajax-form-transfer input:focus,
.booker .iwebsite-ajax-form-transfer select:focus{outline:none;border-color:var(--gold);background-color:#fff}

/* ---- round-trip pill toggle ---------------------------------------- */
.booker .comeback_transit{position:absolute !important;width:1px;height:1px;
	overflow:hidden;clip:rect(0 0 0 0);opacity:0;margin:-1px;padding:0;border:0}
.booker .comeback_transit_toggle{float:none;display:inline-flex;align-items:center;gap:8px;
	margin:2px 0 14px;color:var(--muted);font-size:.74rem;font-weight:500;
	letter-spacing:.02em;text-transform:none;cursor:pointer;user-select:none}
.booker .transit_togle_button{position:relative;flex:0 0 34px;width:34px;height:18px;margin:0;
	border:0;border-radius:20px;background:var(--line-2);transition:background .2s}
.booker .transit_togle_button::after{content:"";position:absolute;top:2px;left:2px;
	width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.booker .comeback_transit_toggle.active .transit_togle_button,
.booker .comeback_transit:checked + .comeback_transit_toggle .transit_togle_button{
	background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo))}
.booker .comeback_transit_toggle.active .transit_togle_button::after,
.booker .comeback_transit:checked + .comeback_transit_toggle .transit_togle_button::after{left:18px}

/* ---- "add more transfers" subtle gold link ------------------------- */
.booker .add_more_transfers{float:none;display:inline-flex;align-items:center;gap:6px;
	width:auto;height:auto;line-height:1.4;margin:2px 0 4px;padding:0;
	background:transparent;border:0;border-radius:0;color:var(--gold-ink);
	font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.booker .add_more_transfers:hover{color:var(--gold-lo)}
.booker .add_more_transfers img{width:14px;height:14px;margin:0;vertical-align:middle}

/* multi-transfer numbered joints (kill yellow, use gold/line) */
.booker .remove_transfer{float:right;background:var(--line-2);color:var(--muted);font-size:.7rem}
.booker .is_multi .choose-transfer-container::before,
.booker .is_multi .choose-transfer-container::after{background-color:var(--gold) !important;color:var(--ink)}

/* ---- primary buttons ----------------------------------------------- */
.booker .submit-transfer,
.booker .choose_car_transfer_iwebsite,
.booker .iwebsite-ajax-form-transfer .button-primary{
	position:relative;display:flex;align-items:center;justify-content:center;
	width:100%;height:auto;margin:16px 0 10px;padding:15px 30px;
	border:0;border-radius:0;cursor:pointer;overflow:hidden;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:var(--ink);
	font-family:inherit;font-size:.8rem;font-weight:600;line-height:1.1;
	letter-spacing:.14em;text-transform:uppercase;text-align:center;
	transition:color .3s ease,filter .2s ease}
.booker .submit-transfer::before,
.booker .choose_car_transfer_iwebsite::before{content:"";position:absolute;inset:0;z-index:1;
	background:var(--ink);border:0;border-radius:0;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.booker .submit-transfer:hover,
.booker .choose_car_transfer_iwebsite:hover{color:var(--gold);background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo))}
.booker .submit-transfer:hover::before,
.booker .choose_car_transfer_iwebsite:hover::before{transform:scaleX(1)}
.booker .submit-transfer > *,
.booker .choose_car_transfer_iwebsite > *{position:relative;z-index:2}
/* dark variant ("Далее" / submit-transfer-black) */
.booker .submit-transfer.submit-transfer-black,
.booker .choose_car_transfer_iwebsite.submit-transfer-black{background:var(--ink);color:var(--gold)}
.booker .submit-transfer.submit-transfer-black::before,
.booker .choose_car_transfer_iwebsite.submit-transfer-black::before{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo))}
.booker .submit-transfer.submit-transfer-black:hover,
.booker .choose_car_transfer_iwebsite.submit-transfer-black:hover{color:var(--ink);background:var(--ink)}

/* ---- car results (AJAX-populated) — conservative reskin ------------- */
/* NOTE: markup is JS-injected and empty in captured HTML; module builds
   each card as stacked bars (.car-quantity-info 34px + .car-price-image 60px
   with an absolutely-positioned .car-image). We keep that internal layout and
   only restyle border/radius/colours + the active state (red glow -> gold). */
.booker .cars-price-list{list-style:none;margin:0 0 14px;padding:0}
.booker .cars-price-list li,
.booker .cars-price-list .car-type{cursor:pointer;overflow:hidden;margin:0 0 10px;
	border:1px solid var(--line-2);border-radius:0;background:#faf7f1;color:var(--text);
	box-shadow:none;transition:border-color .2s,background .2s}
.booker .cars-price-list li:hover,
.booker .cars-price-list .car-type:hover{border-color:var(--gold)}
.booker .cars-price-list li.active,
.booker .cars-price-list li.selected,
.booker .cars-price-list .car-type.active{border-color:var(--gold);background:var(--champ);box-shadow:none}
.booker .cars-price-list .car-quantity-info{background:transparent;color:var(--muted);height:auto;line-height:1.5;padding:6px 12px}
.booker .cars-price-list .car-quantity-info .people,
.booker .cars-price-list .car-quantity-info .baggage{color:var(--muted)}
.booker .cars-price-list .car-price-image{background:transparent}
.booker .cars-price-list .car-price-image .car-cost{background:transparent;
	color:var(--gold-ink);font-weight:700;font-variant-numeric:tabular-nums;border-radius:0}

/* ---- checkout tab: keep readable premium spacing (no full woo reskin) */
.booker .checkout_tab_container{background:transparent;border:0;border-radius:0}
.booker #checkout_tab{padding:4px 0}
.booker #checkout_tab .input-container{border:1px solid var(--line-2);border-radius:0}
.booker #checkout_tab .input-title,
.booker #checkout_tab .yellow-type .input-title{background:transparent;color:var(--text);text-align:left}
.booker #checkout_tab .yellow-type{border:1px solid var(--line-2)}
.booker .checkout-title,
.booker #checkout_tab h2,
.booker #checkout_tab h3{color:var(--text)}

/* ---- loading window: keep animation, make text legible on light bg -- */
.booker .loading-window .text,
.booker .loading-window .text span,
.booker .loading-window .dots{color:var(--text)}

/* ---- reset link + thank-you ---------------------------------------- */
.booker .iwebsite-transfer-form-reset{display:inline-block;margin-top:6px;
	color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.booker .iwebsite-transfer-form-reset:hover{color:var(--gold-ink)}
.booker .thankyou-message{color:var(--gold-ink);text-align:center}
.booker .thankyou-message p{color:var(--text);margin:8px 0 0}

/* ---- responsive: stack fields, buttons stay full-width ------------- */
@media (max-width:640px){
	.booker{padding:20px}
	.booker .navbar-progress .step-cont{font-size:.58rem;letter-spacing:.03em;padding:9px 2px;gap:4px}
	.booker .iwebsite-ajax-form-transfer .navbar-progress .step-cont::before{flex-basis:17px;width:17px;height:17px;font-size:.62rem}
	.booker .submit-transfer,
	.booker .choose_car_transfer_iwebsite{width:100%}
	.booker .add_more_transfers,
	.booker .comeback_transit_toggle{float:none;width:auto}
}

/* =====================================================================
   Form-state gates (restored) + flat buttons — appended 2026-07-24.
   The base theme's overlay + visibility gates were never carried into the
   premium sheet, so the loading overlay rendered as a dark box in normal
   flow and the thank-you note showed at rest (screen 2). global.js toggles
   .preloader-hidden around every AJAX call and .step-5 on success — these
   rules are display-only, no form logic touched.
   ===================================================================== */
.booker .iwebsite-ajax-form-transfer{position:relative}
.booker .loading-window{position:absolute;top:0;left:0;width:100%;height:100%;
	background:rgba(255,255,255,.9);border-radius:10px;z-index:99}
.booker .preloader-hidden .loading-window{display:none !important}
.booker .thankyou-message{display:none;padding:44px 12px;text-align:center;
	color:var(--gold-ink);font-size:1rem}
.booker .iwebsite-ajax-form-transfer.step-5 .thankyou-message{display:block}
.booker .iwebsite-ajax-form-transfer.step-5 .iwebsite-transfer-form-reset{display:none}

/* flat buttons — solid gold, no gradient / no ink-wipe / no shadow */
.booker .submit-transfer,
.booker .choose_car_transfer_iwebsite,
.booker .iwebsite-ajax-form-transfer .button-primary{
	background:var(--gold);background-image:none;box-shadow:none;
	transition:background-color .2s ease,color .2s ease}
.booker .submit-transfer::before,
.booker .choose_car_transfer_iwebsite::before{content:none;display:none}
.booker .submit-transfer:hover,
.booker .choose_car_transfer_iwebsite:hover,
.booker .iwebsite-ajax-form-transfer .button-primary:hover{background:var(--gold-ink);color:var(--ink)}
.booker .submit-transfer.submit-transfer-black,
.booker .choose_car_transfer_iwebsite.submit-transfer-black{background:var(--ink);color:var(--gold)}
.booker .submit-transfer.submit-transfer-black:hover,
.booker .choose_car_transfer_iwebsite.submit-transfer-black:hover{background:var(--ink-2);color:var(--gold-hi)}
.booker .transit_togle_button{box-shadow:none}
.booker .transit_togle_button::after{box-shadow:none}
.booker .comeback_transit_toggle.active .transit_togle_button,
.booker .comeback_transit:checked + .comeback_transit_toggle .transit_togle_button{background:var(--gold);background-image:none}