/* ===== Fotos dos lugares + cadastro ampliado ===== */

/* foto nos cards de favoritos */
.fav .img{background-size:cover;background-position:center;font-size:0}
.fav .img .ph2{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.28));opacity:1}
.fav .img .catbadge{position:absolute;left:10px;bottom:10px;z-index:1;font-size:11px;font-weight:800;color:#fff;background:rgba(20,16,12,.5);backdrop-filter:blur(4px);padding:4px 9px;border-radius:8px}

/* foto no detalhe */
#dHero{background-size:cover !important;background-position:center}
#detail .hero .ph{background:linear-gradient(180deg,rgba(15,30,24,.15),rgba(15,30,24,.55));opacity:1}
#dEmoji{display:none}

/* preview de foto no formulário */
.photo-up{position:relative;overflow:hidden;background-size:cover;background-position:center;transition:.2s}
.photo-up.has{border-style:solid;border-color:transparent;color:#fff}
.photo-up.has svg{display:none}
.photo-up .pu-label{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.photo-up.has::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.45));z-index:1}
.photo-up.has .pu-chg{display:inline-block}
.pu-chg{display:none;font-size:11px;font-weight:700;background:rgba(255,255,255,.92);color:var(--ink);padding:5px 11px;border-radius:8px;margin-top:4px}

/* sub-rótulo dentro do form */
.field-row{display:flex;gap:10px}
.field-row .input{flex:1}
.price-pick .chip{font-family:var(--serif);font-weight:700}
.hours-grid{display:flex;align-items:center;gap:8px}
.hours-grid .box{flex:1}
.hours-grid span{color:var(--ink-soft);font-weight:700}

/* tags de comodidades no detalhe */
.amen-row{display:flex;gap:8px;flex-wrap:wrap}

/* contato (telefone/site) */
.contact-card .row-item .ic{color:var(--coral)}

/* ===== Aplicacao em producao: tela cheia, responsivo automatico ===== */
/* (remove a barra de protótipo, a moldura de celular e o notch falso) */
body{ padding:0 !important; margin:0; display:block !important; min-height:100vh; }
.toolbar{ display:none !important; }
.stage{ display:block !important; width:100%; height:100vh; height:100dvh; }
.device{ width:100% !important; max-width:none !important; height:100vh !important; height:100dvh !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
body.mobile .device::before{ display:none !important; }
/* sem notch -> folga de topo modesta */
body.mobile .topbar, body.mobile .list-head, body.mobile .subhead, body.mobile .auth, body.mobile .onb-step, body.mobile #profile>.pad{ padding-top:18px !important; }

/* desktop: respiro lateral nas telas sem wrapper .pad (Favoritos e montar rota) para nao colar na sidebar */
body.desktop #favs>.list-head,
body.desktop #favs>.cta-bar,
body.desktop #favs>.seg,
body.desktop #favs>.fav-grid,
body.desktop #pickstart>.subhead,
body.desktop #pickstart>.search-box,
body.desktop #pickstart>.pick-list,
body.desktop #pickstart>.selbar{ padding-left:40px; padding-right:40px; }


/* ===== Historico de conversas do assistente ===== */
#chat{position:absolute}
.hist-overlay{position:absolute;inset:0;background:rgba(30,26,20,.42);opacity:0;visibility:hidden;transition:opacity .22s ease;z-index:40}
.hist-overlay.show{opacity:1;visibility:visible}
.hist-drawer{position:absolute;top:0;left:0;bottom:0;width:284px;max-width:82%;background:#fffdf8;border-right:1px solid var(--line,#e6dcc9);
  transform:translateX(-102%);transition:transform .24s cubic-bezier(.4,0,.2,1);z-index:41;display:flex;flex-direction:column;box-shadow:6px 0 24px -12px rgba(60,50,35,.35)}
.hist-drawer.show{transform:none}
.hist-head{padding:16px 14px 10px;border-bottom:1px solid var(--line,#e6dcc9);display:flex;align-items:center;justify-content:space-between;gap:8px}
.hist-head b{font-size:14.5px;font-weight:800}
.hist-close{background:none;border:none;cursor:pointer;color:#8a8175;font-size:20px;line-height:1;padding:2px 6px;border-radius:8px}
.hist-close:hover{background:#f1ebe0}
.hist-new{margin:12px 14px 6px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:12px;
  border:1px dashed #c9bda6;background:#fff;color:#5A544B;font-weight:700;font-size:13.5px;cursor:pointer;width:calc(100% - 28px)}
.hist-new:hover{background:#f7f2e8;border-color:#a89a80}
.hist-list{flex:1;overflow-y:auto;padding:6px 10px 16px}
.hist-list::-webkit-scrollbar{width:7px}
.hist-list::-webkit-scrollbar-thumb{background:#dccfb9;border-radius:8px}
.hist-item{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background .15s}
.hist-item:hover{background:#f4eee2}
.hist-item.active{background:#eae2d2}
.hist-item .t{flex:1;min-width:0;font-size:13.2px;line-height:1.35;color:#3d3830;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist-item .d{font-size:11px;color:#9b9285;margin-top:2px}
.hist-item .acts{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.hist-item:hover .acts,.hist-item.active .acts{opacity:1}
.hist-item .acts button{background:none;border:none;cursor:pointer;color:#9b9285;padding:3px 5px;border-radius:7px;font-size:13px;line-height:1}
.hist-item .acts button:hover{background:#e2d8c6;color:#5A544B}
.hist-empty{padding:22px 14px;text-align:center;color:#9b9285;font-size:12.8px;line-height:1.5}
.hist-btn{position:relative}


/* ===== Traçado do roteiro no mapa =====
   mappedbyme.css tem ".map svg{width:100%;height:100%}", pensado para icones.
   O container do Leaflet tambem tem a classe .map, entao a regra pegava o SVG
   interno onde o Leaflet desenha a linha do percurso. Como o pane que o contem
   nao tem altura, 100% virava 0 e a linha simplesmente nunca aparecia no mapa. */
.map .leaflet-overlay-pane svg,
.leaflet-container .leaflet-overlay-pane svg{width:auto;height:auto;max-width:none;max-height:none}


/* ===== Sugestoes do assistente com botao de salvar no chat ===== */
.sug-box{margin:6px 0 2px 34px;border:1px solid var(--line,#e6dcc9);border-radius:14px;background:#fffdf8;padding:10px 12px 12px;max-width:560px}
.sug-head{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#9b9285;margin-bottom:8px}
.sug-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #f0e9dc}
.sug-item:first-of-type{border-top:none}
.sug-txt{flex:1;min-width:0}
.sug-txt b{display:block;font-size:13.5px;font-weight:700;color:#3d3830;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug-txt small{display:block;font-size:11.5px;color:#9b9285;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug-btn{flex:none;border:1px solid #cdbfa6;background:#fff;color:#5A544B;font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:9px;cursor:pointer}
.sug-btn:hover:not(:disabled){background:#f6f0e5;border-color:#a89a80}
.sug-btn:disabled{cursor:default;opacity:.85}
.sug-btn.ok{background:#e6f4ec;border-color:#9ed4b8;color:#1c7a52}
.sug-all{margin-top:10px;width:100%;border:none;background:var(--green,#1c6b4b);color:#fff;font-weight:700;font-size:13px;padding:9px;border-radius:10px;cursor:pointer}
.sug-all:hover:not(:disabled){filter:brightness(1.08)}
.sug-all:disabled{opacity:.75;cursor:default}


/* ===== Barra lateral unica (estilo ChatGPT): navegacao + conversas juntas ===== */
body.desktop .sidebar{width:262px;padding:20px 12px 16px}

/* submenu preso logo abaixo do item Assistente */
.side-sub{display:flex;flex-direction:column;gap:8px;margin:6px 2px 12px 10px;padding:8px;
  border-left:2px solid rgba(28,107,75,.35);border-radius:0 12px 12px 0;background:rgba(255,255,255,.55)}
.side-new{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;
  border:1px dashed #c9bda6;border-radius:10px;background:#fff;color:#5A544B;font-weight:700;font-size:13px;
  cursor:pointer;font-family:inherit;line-height:1}
.side-new:hover{background:#f7f2e8;border-color:#a89a80}
.side-busca{display:flex;align-items:center;gap:6px;padding:0 9px;height:32px;background:#fff;
  border:1px solid #e6dcc9;border-radius:9px;color:#9b9285}
.side-busca input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:inherit;font-size:12.5px;color:#3d3830}
.side-busca input::placeholder{color:#b3aa9c}
.side-chats{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 -2px;padding:0 2px}
.side-chats::-webkit-scrollbar{width:6px}
.side-chats::-webkit-scrollbar-thumb{background:#dccfb9;border-radius:8px}
.side-chats .hist-item{padding:7px 8px;border-radius:9px}
.side-chats .hist-item .t{font-size:12.8px}
.side-chats .hist-item .d{font-size:10.5px}
.side-chats .hist-empty{padding:10px 6px;font-size:11.5px;text-align:left;line-height:1.5}
.side-pro{margin-top:auto}

/* texto + botao de 3 pontinhos dentro do item da conversa */
.hi-txt{flex:1;min-width:0}
.hi-dots{flex:none;width:24px;height:24px;display:grid;place-items:center;padding:0;border:none;border-radius:7px;
  background:none;color:#9b9285;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s,background .12s}
.hist-item:hover .hi-dots,.hi-dots.on{opacity:1;pointer-events:auto}
.hi-dots:hover,.hi-dots.on{background:#e2d8c6;color:#5A544B}
.hist-drawer .hi-dots{opacity:1;pointer-events:auto}

/* menu que abre no 3 pontinhos */
.conv-pop{position:fixed;z-index:9999;min-width:168px;display:none;flex-direction:column;gap:2px;padding:5px;
  background:#fffdf8;border:1px solid #e6dcc9;border-radius:12px;box-shadow:0 14px 30px -10px rgba(60,50,35,.35)}
.conv-pop.show{display:flex}
.conv-pop button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:none;border-radius:8px;
  background:none;color:#3d3830;font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.conv-pop button:hover{background:#f4eee2}
.conv-pop button.danger{color:#b3261e}
.conv-pop button.danger:hover{background:#fbe9e7}

/* no desktop a gaveta antiga some: a lista de conversas vive na propria barra */
body.desktop .hist-drawer,body.desktop .hist-overlay,body.desktop .hist-btn{display:none!important}