/* SENDROCKS Web Kit: shared brand layer for the existing rental application. */
:root{color-scheme:dark;font-family:Arial,'Noto Sans Hebrew',sans-serif;--bg:#090a0c;--surface:#141619;--surface2:#1d2023;--text:#f7f5ee;--muted:#b8b9bd;--yellow:#ffc629;--orange:#ff7a00;--line:#30343a;--green:var(--yellow);--ink:var(--text);--landing-paper:var(--bg);--landing-ink:var(--text);--landing-lime:var(--yellow);background:var(--bg);color:var(--text)}
body,.user-dashboard,.checkout-page,.app-boot-screen{background:var(--bg);color:var(--text)}
::selection{background:var(--yellow);color:var(--bg)}
a{color:inherit}button,input,select{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.landing-page a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.brand{flex-shrink:0;letter-spacing:0;text-decoration:none;min-width:0}
.brand-logo{display:block;width:190px;max-width:100%;height:62px;object-fit:contain;direction:ltr}
.sidebar .brand-logo{width:180px;height:58px}.auth-header .brand-logo,.checkout-header .brand-logo{width:180px;height:58px}
.topbar,.user-topbar,.sidebar,.user-location-tabs,.landing-header,.landing-footer{background:var(--bg);color:var(--text);border-color:var(--line)}
.sidebar{border-inline-end:1px solid var(--line)}
.controller-card,.user-car-tile,.user-car-detail-card,.user-controller-card,.user-empty,.empty-state,.checkout-card,.buy-more-prompt>div,.delete-car-dialog,.location-profile-editor,.car-profile-editor,.car-setup-panel{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 18px 50px #0003}
input,select,.language-select,.car-profile-form input[type=file]{background-color:var(--surface2);color:var(--text);border-color:#4b5058}
.eyebrow,.login-side .eyebrow{color:var(--yellow)}
.primary,.landing-button,.user-location-tabs .location-button.active{background:var(--yellow);color:var(--bg)!important;font-weight:800}
.primary:hover:not(:disabled),.landing-button:hover{background:#ffdb69}
.location-button{color:var(--muted)}.location-button.active{background:#30291b;color:var(--yellow)}
.user-location-tabs .location-button{background:var(--surface2);color:var(--muted)}
.text-button,.back-button,.duration-value,.status-strip span:first-child,.user-car-tile,.user-topbar>.brand{color:var(--text)}
.inline-button,.back-login,.all-locations-link,.locations-back-link{color:var(--yellow)}
.user-car-tile:hover{border-color:var(--yellow);box-shadow:0 12px 30px #0005}
.car-photo-thumb,.admin-car-thumb,.detail-car-visual,.location-id-line code,.car-setup-panel code,.setup-device-id code{background:var(--surface2);color:var(--text)}
.user-car-tile small,.available-dot,.profile-status,.location-profile-status{color:#c4e6a6}
.user-car-tile:disabled,.user-controller-card:has(.connection.offline){background:var(--surface);color:var(--muted)}
.user-car-tile.busy,.user-car-tile.unavailable{background:var(--surface2);color:var(--muted)}
.device-feedback,.checkout-summary,.checkout-hold,.test-payment-badge,.payment-notice,.copy-id-button,.screen-switcher,.screen-switcher a.active{background:var(--surface2);color:var(--text);border-color:var(--line)}
.response-source,.response-detail,.live-response-row,.requested-value,.feedback-note,.sidebar-bottom p,.sidebar-label,.version{color:var(--muted)}
.connection.online{background:#243122;color:#c4e6a6;border-color:#425f35}.connection.offline{background:var(--surface2);color:var(--muted);border-color:var(--line)}
.stop,.delete-car-button{background:#2a1919;color:#ffb5ac;border-color:#86534e}.stop:hover:not(:disabled),.delete-car-button:hover{background:#422322}
.error,.profile-status.error,.location-profile-status.error{color:#ffb5ac}
.duration-slider{accent-color:var(--yellow)}.user-duration-slider::-webkit-slider-runnable-track{background:#4b5058}.user-duration-slider::-moz-range-track{background:#4b5058}.user-duration-slider::-webkit-slider-thumb{background:var(--yellow);border-color:var(--surface)}.user-duration-slider::-moz-range-thumb{background:var(--yellow);border-color:var(--surface)}
.user-location-hero{background-image:linear-gradient(135deg,#302716,var(--surface));border:1px solid var(--line)}
.login-side{background-color:var(--surface);border:1px solid var(--line)}
.large-number{min-height:240px;margin-top:24px;display:grid;place-items:center}.auth-hero-badge{display:block;width:100%;max-height:320px;object-fit:contain}
.user-start-overlay{color:var(--yellow)}
.app-boot-dot{background:var(--yellow)}
/* Public venue page: retain live venue imagery and booking destinations. */
.landing-header{background:#090a0cf5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.landing-header .language-select{background-color:var(--surface);background-image:none;padding-inline:12px}
.landing-location-menu{background:var(--surface);border-color:var(--line);box-shadow:0 18px 44px #0007}
.landing-location-menu a:hover,.landing-location-menu a:focus-visible,.landing-location-menu a[aria-current=page]{background:var(--surface2);color:var(--yellow)}
.landing-location-toggle:hover{color:var(--yellow)}
.landing-hero{background:radial-gradient(ellipse at 8% 20%,#5220005c,transparent 48%),linear-gradient(130deg,#101215,#090a0c 72%);color:var(--text);grid-template-columns:minmax(0,1fr);gap:48px;padding-block:70px;position:relative}
.landing-hero-copy{min-width:0;max-width:960px;width:100%}.sendrocks-kicker{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.14em;line-height:1.6}
.sendrocks-headline{font-size:clamp(40px,4.8vw,74px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px;font-weight:800}
.sendrocks-headline em{font-style:normal;color:var(--yellow)}
.landing-hero-copy .sendrocks-intro{color:#c9cbce;font-size:18px;line-height:1.75;max-width:540px}
.landing-hero h1{font-size:clamp(24px,2.8vw,38px);letter-spacing:-.025em;margin:10px 0 24px}
.landing-hero-copy>.landing-hero-eyebrow{color:var(--muted);font-size:13px!important;margin-top:26px!important}
.landing-hero-visit{color:var(--text)!important}
.landing-locations,.sendrocks-experiences{max-width:1340px;margin-inline:auto;padding:72px clamp(20px,5vw,80px)}
.sendrocks-section-title{margin-bottom:32px}.sendrocks-section-title h2{font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-.035em;margin:14px 0}
.sendrocks-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sendrocks-zone{border:1px solid #3b3d41;border-top:6px solid var(--yellow);border-radius:18px;padding:36px;background:linear-gradient(145deg,#24201a,#121416 65%)}
.sendrocks-zone.rock{border-top-color:var(--orange);background:linear-gradient(145deg,#242222,#121416 65%)}
.sendrocks-zone h3{font-size:clamp(34px,4vw,56px);font-style:italic;letter-spacing:-.04em;margin:24px 0 14px;text-align:start}.sendrocks-zone p{color:#ced1d3;line-height:1.8}.sendrocks-zone a{display:inline-block;color:var(--yellow);border-bottom:1px solid var(--yellow);padding-block:6px;font-weight:700}
.landing-venue{background:var(--surface);border-color:var(--line);border-radius:18px}
.landing-venue-image{background:var(--surface2)}
.landing-venue-number{background:var(--bg);color:var(--yellow);border:1px solid var(--line)}
.landing-venue-copy h3,.venue-visit h4,.venue-food h4,.venue-pricing h4{color:var(--text)}
.landing-venue-details,.venue-visit,.venue-hours dl div,.venue-pricing,.venue-pricing th,.venue-pricing td,.venue-directions a{border-color:var(--line)}
.landing-venue-details,.landing-venue-copy small,.venue-address-note,.venue-phone small,.venue-hours dd,.venue-food p,.venue-food small,.venue-price-rate,.venue-pricing th,.venue-map-link,.landing-loading,.landing-footer{color:var(--muted)}
.landing-venue-details span:before{background:var(--yellow)}
.venue-food{background:linear-gradient(115deg,#241c10,var(--surface));color:var(--text);border-color:var(--line)}.venue-food-art{color:var(--yellow)}
.venue-pricing,.venue-visit,.venue-hours,.venue-address,.venue-map{background:var(--surface)}
.venue-pricing tr:last-child td{border-color:var(--line)}
.landing-footer{border-top:1px solid var(--line)}
.landing-skip{background:var(--yellow);color:var(--bg)!important}
.landing-button[aria-disabled=true],.landing-button[aria-disabled=true]:hover{background:var(--surface2);color:var(--muted)!important}
@media(max-width:900px){.landing-hero{gap:28px}.brand-logo{width:170px;height:55px}}
@media(max-width:680px){.brand-logo,.landing-header .brand-logo{width:155px;height:48px}.auth-header .brand-logo,.checkout-header .brand-logo{width:165px;height:53px}.landing-header{gap:12px}.landing-header-actions{gap:8px}.landing-header-book{width:auto;min-width:92px;padding-inline:12px}.landing-header .language-select{min-width:78px}.landing-hero{padding:42px 22px 32px;gap:30px}.sendrocks-headline{font-size:clamp(38px,10vw,54px)}.sendrocks-zone-grid{grid-template-columns:1fr}.sendrocks-experiences,.landing-locations{padding:48px 20px}.sendrocks-zone{padding:28px}.user-topbar{flex-wrap:wrap;gap:12px}.user-topbar .account{flex-wrap:wrap;gap:12px}.sendrocks-kicker{font-size:10px;letter-spacing:.09em}}
@media(max-width:380px){.landing-header .brand-logo{width:125px}.landing-header-actions{gap:5px}.landing-header-book{min-width:82px;padding-inline:9px}.landing-header .language-select{min-width:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.venue-pricing{color:var(--text)}.venue-map-link{background:var(--surface2);color:var(--text)}.venue-directions a:hover{background:var(--surface2)}.venue-phone{color:var(--muted)}.landing-hero-copy>.sendrocks-kicker{color:var(--yellow);font-size:12px;max-width:none}.landing-hero-copy>.sendrocks-intro{max-width:540px}
/* Status feedback remains legible on dark surfaces. */
.live-response-row{border-color:var(--line)}.live-response-row span{color:var(--muted)}
.payment-notice.success{background:#243122;color:#c4e6a6;border-color:#425f35}
.command-status.activation-failure{color:#ffb5ac}.detail-controls>.card-error:not(:empty){background:#2a1919;color:#ffb5ac;border-color:#86534e}
.user-start-overlay.waiting strong{text-shadow:0 0 34px #ffc62955}
.badge{background:var(--surface2);color:var(--text);border-color:var(--line)}
/* Hebrew typography and the new white-ink hero badge. */
html[lang=he] .sendrocks-kicker{letter-spacing:0;line-height:1.8}
html[lang=he] .sendrocks-zone h3{font-style:normal;letter-spacing:-.025em;text-align:right}
html[lang=he] .user-start-overlay.go strong{font-size:clamp(90px,20vw,240px);letter-spacing:0}
/* Refined badge: rich colors on a clean black field. */
.landing-hero-visual{width:100%;max-width:900px;aspect-ratio:3/2;min-height:0;margin-inline:auto;padding:0;background:#000;border-radius:18px}
.landing-hero-visual .sendrocks-hero-badge{inset:0;width:100%;height:100%;padding:12px;object-fit:contain;object-position:center;filter:none}

/* Compact brand badge opposite the hero booking action. */
.landing-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end}
.landing-hero-visual{max-width:360px;align-self:end;margin:0 auto;aspect-ratio:1500/1049;border-radius:14px}
.landing-hero-visual .sendrocks-hero-badge{padding:8px}
@media(max-width:900px){.landing-hero{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:24px}.landing-hero-visual{max-width:280px}}
@media(max-width:680px){.landing-hero{grid-template-columns:1fr;gap:24px}.landing-hero-visual{width:min(100%,260px);justify-self:start;margin-inline:0}}

/* Complete the dark theme for account creation and held reservations. */
.register-page{background:var(--bg)}
.register-card{background:var(--surface);color:var(--text)}
.user-car-tile.held{background:#243122;border-color:#657d4d;color:var(--text)}
.user-car-tile.held small{color:#c4e6a6}
.firmware-link a{color:var(--yellow)}
.device-setup-link:hover,.device-setup-link:focus-visible{color:var(--bg)}
.auth-header .brand,.checkout-header .brand{flex-shrink:1}
.auth-header .language-select,.checkout-header .language-select{flex-shrink:0}
/* Device setup keeps its existing provisioning and USB workflow. */
.device-setup-page .setup-sidebar,.device-setup-page form,.device-setup-page aside,.device-setup-page .setup-steps details,.device-setup-page .tracking{background:var(--surface);color:var(--text);border-color:var(--line)}
.device-setup-page p,.device-setup-page footer,.device-setup-page td small,.device-setup-page .setup-sidebar small{color:var(--muted)}
.device-setup-page button{background:var(--surface2);color:var(--text);border-color:var(--line)}
.device-setup-page .primary{background:var(--yellow);color:var(--bg)}
.device-setup-page .setup-sidebar a,.device-setup-page .back{color:var(--text)}
.device-setup-page .setup-sidebar .setup-nav-active,.device-setup-page .notice{background:var(--surface2);color:var(--yellow)}
.device-setup-page pre{background:var(--bg);color:var(--muted)}
.device-setup-page th,.device-setup-page td,.device-setup-page #car-setup-panel{border-color:var(--line)}
.device-setup-page #error{color:#ffb5ac}
.device-setup-page progress{accent-color:var(--yellow)}
.device-setup-page input::file-selector-button{background:var(--surface2);color:var(--text)}
