/* Additions to the old site's CSS for things the new site does differently. */

/* Filters are native selects laid over the old buttons: the button stays as it was, the list opens natively. */
.ch-select { position: relative; cursor: pointer; margin: 0; }
.ch-select select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; font-size: 16px; }
.ch-select .title { pointer-events: none; }

/* Leaflet markers in the site colours (no image files needed) */
.ch-pin { width: 26px; height: 26px; margin: -26px 0 0 -13px; border-radius: 50% 50% 50% 0; background: #883faa; border: 3px solid #fff; transform: rotate(-45deg); box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.ch-pin.ch-pin-active { background: #c4b870; }

/* Sign-in / sign-up pages (components/AuthShell.vue) in the old site's look: white card on grey, green buttons */
.ch-auth { background: var(--main-l-gray, #f4f4f4); padding: 24px 0 64px; min-height: 60vh; }
.ch-auth .path { margin-bottom: 24px; }
.ch-auth-wrap { display: grid; grid-template-columns: minmax(0, 480px) 1fr; gap: 32px; align-items: stretch; }
.ch-auth-card { background: #fff; padding: 40px; display: grid; gap: 16px; align-content: start; color: var(--main-black, #343434); }
.ch-auth-card h1 { font-size: 2.25rem; font-weight: 700; margin: 0 0 8px; color: var(--main-black, #343434); }
.ch-auth-card p { margin: 0; }
.ch-auth-card label { display: block; font-weight: 600; margin-bottom: 6px; }
.ch-auth-card .field { display: grid; gap: 4px; }
.ch-auth-card .input, .ch-auth-card input[type=email], .ch-auth-card input[type=password], .ch-auth-card input[type=text] {
  width: 100%; height: 48px; padding: 0 16px; border: 1px solid var(--main-gray, #bbb); border-radius: 0; background: #fff; font-size: 1rem; color: inherit; }
.ch-auth-card .input:focus, .ch-auth-card input:focus { outline: 0; border-color: var(--main-green, #2bb45a); }
.ch-auth-card .btn, .ch-auth-card .fb { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px;
  border: 1px solid var(--main-green, #2bb45a); background: var(--main-green, #2bb45a); color: #fff; font-size: 1.125em; border-radius: 0; cursor: pointer; text-decoration: none; }
.ch-auth-card .btn:hover, .ch-auth-card .fb:hover { opacity: .9; color: #fff; }
.ch-auth-card .btn:disabled { opacity: .6; }
.ch-auth-card .btn-line, .ch-auth-card .btn-ghost { background: #fff; color: var(--main-black, #343434); border-color: var(--main-gray, #bbb); }
.ch-auth-card .btn-line:hover, .ch-auth-card .btn-ghost:hover { border-color: var(--main-green, #2bb45a); color: var(--main-black, #343434); }
.ch-auth-card .fb { background: #1877f2; border-color: #1877f2; }
.ch-auth-card .back { justify-self: start; display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 0; color: var(--main-green, #2bb45a); font-weight: 600; cursor: pointer; }
.ch-auth-card .links { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ch-auth-card a:not(.btn):not(.fb) { color: var(--main-green, #2bb45a); font-weight: 600; }
.ch-auth-card .error { color: #d22030; font-size: .9rem; }
.ch-auth-card .notice { background: var(--main-l-gray, #f4f4f4); padding: 12px 16px; }
.ch-auth-card svg { flex: none; }
.ch-auth-aside { min-height: 420px; display: flex; align-items: flex-end; padding: 40px; color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 60%), url(https://f.chernihivregion.travel/infobox/8/vsIfB.jpeg) center / cover; }
.ch-auth-aside p { font-size: 1.75rem; font-weight: 700; line-height: 1.25; max-width: 20ch; margin: 0; }
@media (max-width: 860px) { .ch-auth-wrap { grid-template-columns: 1fr; } .ch-auth-aside { display: none; } .ch-auth-card { padding: 24px 16px; } }

/* Ads banner places (data-ads-zone, filled by ads.discover.ua/ads.js): no space while empty */
.ch-ads:empty, .ch-ads[data-ads-empty] { display: none; }
.ch-ads { margin-top: 24px; text-align: center; }