/* turkeyroutes 10.10 — /now/ "What's open near me" (app/site/simdi.php, assets/site/simdi.js) */
.now { padding-bottom: 40px; }
.now-ctl { display: flex; flex-wrap: wrap; align-items: end; gap: 12px 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); }
.now-ctl .btn { gap: 8px; margin: 0; cursor: pointer; }
.now-city { display: grid; gap: 4px; font-size: .84rem; color: var(--ink-2); }
.now-city select { min-height: 46px; min-width: 0; width: 260px; max-width: 100%; padding: 0 12px; border: 1.5px solid var(--line); border-radius: 12px; background: #fff; font: inherit; font-size: 1rem; color: var(--ink); }
.now-open { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; font-weight: 600; color: var(--night); cursor: pointer; }
.now-open input { width: 20px; height: 20px; accent-color: var(--night); }
.now-msg { margin: 16px 0 8px; font-weight: 600; color: var(--night); }
.now-msg:empty { display: none; }
.now-list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.now-i { display: flex; gap: 14px; align-items: flex-start; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: #fff; min-width: 0; }
.now-i img, .now-ph { flex: none; width: 72px; height: 72px; border-radius: 12px; object-fit: cover; }
.now-b { min-width: 0; flex: 1; display: grid; gap: 4px; }
.now-b p { margin: 0; }
.now-t { font-weight: 700; line-height: 1.3; }
.now-t a { color: var(--night); text-decoration: none; }
.now-t a:hover { text-decoration: underline; }
.now-d { margin-left: 4px; font: 600 .78rem/1 var(--f-mono); color: var(--ink-2); white-space: nowrap; }
.now-st { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: .9rem; color: var(--ink-2); }
.now-st b { color: var(--ink); }
.now-st.is-open .status-dot { background: var(--ok); box-shadow: 0 0 0 3px rgb(20 138 91 / .18); }
.now-st.is-open b { color: #0f6b46; }
.now-st.is-closed .status-dot { background: var(--warn); }
.now-st.is-closed b { color: var(--warn); }
.now-st.is-free .status-dot { background: var(--sea); }
.now-st.is-unknown .status-dot { background: #d49b1a; }
.now-k { font-size: .86rem; color: var(--ink-2); }
.now-a { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px !important; }
.now-a .trip-add { min-height: 38px; font-size: .86rem; }
@media (max-width: 899px) { .now-list { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .now-city, .now-city select { width: 100%; } .now-ctl .btn { width: 100%; } }