/* Source: guests/public_restroom.blade.php */
.toilet-marker--charging{background:#4267b2}
.toilet-card--charging .toilet-card__icon{background:#eaf0ff;color:#4267b2}
/* Source: guests/public_restroom.blade.php */
.toilet-page{--tl-navy:#0b2833;--tl-green:#0d665e;--tl-gold:#d9a746;--tl-cream:#f6f2e8;--tl-text:#1b333b;--tl-muted:#6b7d82;background:var(--tl-cream);color:var(--tl-text);font-family:"Noto Sans Thai",sans-serif}.toilet-hero{padding:70px 0 105px;background:linear-gradient(120deg,#fbfaf5,#eaf2ed);border-bottom:1px solid #e1e5dc;overflow:hidden}.toilet-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.toilet-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:#77878b;font-size:.86rem}.toilet-breadcrumb a{color:var(--tl-green);font-weight:650}.toilet-breadcrumb i{font-size:.52rem}.toilet-kicker,.toilet-section-head>div>span{color:var(--tl-gold);font-size:.72rem;font-weight:800;letter-spacing:.17em}.toilet-hero h1{margin:7px 0 11px;color:var(--tl-navy);font-size:clamp(2.2rem,4.5vw,3.7rem);font-weight:800}.toilet-hero h1 small{display:block;margin-top:8px;font-size:.47em;font-weight:600}.toilet-hero p{max-width:700px;margin:0;color:var(--tl-muted);line-height:1.8}.toilet-hero__icon{flex:0 0 115px;width:115px;height:115px;display:grid;place-items:center;border-radius:32px;background:var(--tl-navy);color:var(--tl-gold);font-size:2.6rem;box-shadow:0 18px 38px rgba(11,40,51,.19)}.toilet-main{padding:0 0 85px}.toilet-panel{position:relative;z-index:2;margin-top:-58px;padding:25px;background:#fff;border:1px solid #e0e7e4;border-radius:20px;box-shadow:0 18px 50px rgba(13,45,54,.14)}.toilet-controls{display:grid;grid-template-columns:minmax(180px,1fr) 210px auto;gap:18px;align-items:end;margin-bottom:20px}.toilet-controls>div>span,.toilet-controls label>span{display:block;margin-bottom:6px;color:#687b80;font-size:.78rem;font-weight:650}.toilet-controls>div>strong{display:block;color:var(--tl-navy);font-size:1.05rem}.toilet-controls label>div{height:49px;display:flex;align-items:center;padding:0 14px;border:1px solid #d8e1de;border-radius:10px;position:relative}.toilet-controls select{width:100%;border:0;outline:0;appearance:none;background:transparent;font-family:inherit}.toilet-controls label i{position:absolute;right:14px;color:#839095}.toilet-controls>button,.toilet-section-head>button{height:49px;padding:0 20px;border:0;border-radius:10px;background:var(--tl-navy);color:#fff;font-family:inherit;font-weight:700}.toilet-controls>button i,.toilet-section-head>button i{margin-right:7px}.toilet-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;margin-bottom:18px;border-radius:9px;background:#fff8e8;color:#756c58;font-size:.82rem}.toilet-notice i{margin-top:2px;color:var(--tl-gold)}.toilet-notice.is-location{background:#edf7f2;color:#477166}.toilet-notice.is-error{background:#fff1f1;color:#a84444}.toilet-map-wrap{height:520px;position:relative;border-radius:14px;overflow:hidden;background:#dfe8e5}.toilet-map-wrap #toiletMap{width:100%;height:100%}.toilet-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#edf2ef;color:#64777c}.toilet-map-loading span,.toilet-spinner{width:38px;height:38px;border:4px solid #d3dfdb;border-top-color:var(--tl-green);border-radius:50%;animation:toiletSpin .8s linear infinite}.toilet-results{padding-top:65px}.toilet-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.toilet-section-head h2{margin:4px 0;color:var(--tl-navy);font-size:2rem;font-weight:800}.toilet-section-head p{margin:0;color:#78888d}.toilet-section-head>button{height:44px;background:#fff;color:var(--tl-green);border:1px solid #d6e0dd}.toilet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.toilet-card{padding:22px;background:#fff;border:1px solid #e0e7e4;border-radius:16px;box-shadow:0 9px 28px rgba(17,47,56,.065);cursor:pointer;transition:.22s}.toilet-card:hover,.toilet-card.is-active{transform:translateY(-4px);border-color:#bcd2ca;box-shadow:0 16px 36px rgba(17,47,56,.12)}.toilet-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.toilet-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eaf3ef;color:var(--tl-green)}.toilet-distance{padding:5px 9px;border-radius:20px;background:#fff6df;color:#966918;font-size:.72rem;font-weight:750}.toilet-card h3{margin:16px 0 7px;color:var(--tl-navy);font-size:1.05rem;line-height:1.45}.toilet-card>p{min-height:44px;margin:0;color:#718187;font-size:.82rem;line-height:1.55}.toilet-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.toilet-card__actions a{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:9px;font-size:.78rem;font-weight:700}.toilet-open{border:1px solid #d8e1de;color:var(--tl-green)}.toilet-navigate{background:var(--tl-navy);color:#fff}.toilet-state{text-align:center;padding:55px 20px;color:#78878c}.toilet-state>i{font-size:2.3rem;color:var(--tl-gold)}.toilet-state h3{margin:13px 0 3px;color:var(--tl-navy)}.toilet-state p{margin:0}.toilet-state button{margin-top:14px;padding:9px 16px;border:0;border-radius:8px;background:var(--tl-navy);color:#fff}.toilet-spinner{display:inline-block}.toilet-state--error>i{color:#b94747}@keyframes toiletSpin{to{transform:rotate(360deg)}}
@media(max-width:991px){.toilet-controls{grid-template-columns:1fr 1fr}.toilet-controls>button{grid-column:1/-1}.toilet-map-wrap{height:450px}.toilet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.toilet-hero{padding:52px 0 90px}.toilet-hero__icon{display:none}.toilet-panel{padding:17px;margin-top:-45px}.toilet-controls{grid-template-columns:1fr}.toilet-controls>button{grid-column:auto}.toilet-map-wrap{height:390px}.toilet-section-head{align-items:flex-start;flex-direction:column}.toilet-grid{grid-template-columns:1fr}.toilet-card>p{min-height:0}}
@media(max-width:430px){.toilet-hero h1{font-size:2.15rem}.toilet-map-wrap{height:340px}.toilet-card__actions{grid-template-columns:1fr}.toilet-controls>button{width:100%}}
.toilet-coordinates{margin-top:8px!important;color:#5d7479!important;font-size:.75rem!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:0!important}.toilet-coordinates i{color:var(--tl-gold);margin-right:5px}
.toilet-controls{grid-template-columns:minmax(180px,1fr) 180px 180px auto}.toilet-card--fuel .toilet-card__icon{background:#fff1df;color:#a85d13}.toilet-marker{display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#0d665e;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.28)}.toilet-marker--fuel{background:#b76718}
.toilet-map-fullscreen{position:absolute;right:12px;top:12px;z-index:500;width:40px;height:40px;border:0;border-radius:8px;background:#fff;color:var(--tl-navy);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer}.toilet-map-wrap.is-fullscreen{position:fixed;inset:0;z-index:2000;width:100vw;height:100vh;border-radius:0}.toilet-map-wrap.is-fullscreen .toilet-map-fullscreen{right:18px;top:18px}.toilet-user-marker{display:grid;place-items:center;width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:#1677d2;box-shadow:0 1px 7px rgba(0,0,0,.4)}body.toilet-map-open{overflow:hidden}
.toilet-popup-coordinates{color:#5d7479;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.toilet-popup-direction{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;border-radius:6px;background:var(--tl-navy);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}
.toilet-hero{background:linear-gradient(90deg,rgba(5,28,37,.9),rgba(5,28,37,.48)),url('https://images.unsplash.com/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=2000&q=85') center/cover!important}.toilet-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,37,.35),transparent 70%);pointer-events:none}.toilet-hero__inner{position:relative;z-index:1}.toilet-hero__icon{background:rgba(11,40,51,.78);backdrop-filter:blur(5px)}
