/* Public weekend planner: native profiles and existing plan/share state. */
.wk-page { background:#F7F9FB; padding:32px 24px 64px; font-family:Poppins,sans-serif; color:#1A1A2E; }
.wk-page *, .wk-page *::before, .wk-page *::after { box-sizing:border-box; }
.wk-wrap { max-width:1200px; margin:0 auto; min-width:0; }
.wk-page svg { width:20px; height:20px; flex:0 0 20px; }
.wk-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#6B7280; font-size:13px; margin-bottom:20px; }
.wk-page .wk-breadcrumb a { display:inline-flex; align-items:center; min-height:32px; color:#2D66DE; }
.wk-page .wk-intro h1 { font:700 clamp(30px,3.8vw,44px)/1.2 Poppins,sans-serif; color:#1A1A2E; margin:0 0 12px; }
.wk-intro > p { font-size:15px; line-height:1.7; color:#6B7280; max-width:720px; margin:0; }
.wk-intro .wk-intro__meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:#1A1A2E; font-size:13px; margin-top:12px; }
.wk-intro { margin-bottom:28px; }
.wk-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:start; gap:28px; }
.wk-places { min-width:0; }
.wk-controls { padding:20px; background:#FFFFFF; border:1px solid #E5EAF2; border-radius:16px; }
.wk-search { display:block; margin:0; font-size:13px; font-weight:600; color:#1A1A2E; }
.wk-search__field { display:flex; align-items:center; gap:10px; margin-top:8px; min-height:52px; padding:0 14px; border:1px solid #E5EAF2; border-radius:12px; background:#F7F9FB; color:#6B7280; }
.wk-search__field:focus-within { border-color:#2D66DE; outline:2px solid #2D66DE; outline-offset:2px; }
.wk-page .wk-controls .wk-search input[type="search"] { display:block; flex:1; min-width:0; width:100%; height:50px; min-height:50px; padding:12px 0; margin:0; border:0; border-radius:0; box-shadow:none; appearance:none; outline:none; background:transparent; color:#1A1A2E; font:400 16px/1.5 Poppins,sans-serif; }
.wk-page .wk-search input::placeholder { color:#6B7280; opacity:1; font-weight:400; }
.wk-filters { margin-top:16px; }
.wk-page summary { cursor:pointer; list-style:none; }
.wk-page summary::-webkit-details-marker { display:none; }
.wk-filters > summary { display:flex; align-items:center; gap:10px; min-height:52px; padding:12px 14px; border:1px solid #E5EAF2; border-radius:12px; background:#FFFFFF; color:#1A1A2E; font:600 14px/1.5 Poppins,sans-serif; }
.wk-filters > summary > svg { color:#2D66DE; }
.wk-page .wk-filter-chevron { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:0 0 20px; }
.wk-filters[open] > summary { background:#F7F9FB; }
.wk-chevron { margin-left:auto; color:#6B7280; font-size:24px; line-height:1; }
.wk-page details[open] > summary .wk-chevron { transform:rotate(180deg); }
.wk-filter-count:not(:empty) { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#2D66DE; color:#FFFFFF; font-size:12px; }
.wk-filter-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-top:16px; }
.wk-filter-fields > div { min-width:0; }
.wk-filter-fields label { display:block; margin:0 0 8px; font-size:13px; font-weight:600; }
.wk-page .wk-filter-fields select { display:block; width:100%; min-width:0; height:52px; padding:12px 40px 12px 14px; border:1px solid #E5EAF2; border-radius:12px; appearance:none; box-shadow:none; background-color:#F7F9FB; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:18px; color:#1A1A2E; font:400 16px/1.5 Poppins,sans-serif; }
.wk-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; padding:8px 0; background:#F7F9FB; }
.wk-select-field { position:relative; min-width:0; }
.wk-select-field.is-open { z-index:40; }
.wk-select-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); display:flex; color:#2D66DE; pointer-events:none; z-index:1; }
.wk-page .wk-select-field select { padding-left:44px; height:56px; }
.wk-page .wk-controls .wk-select-trigger { display:block; width:100%; min-height:56px; padding:12px 40px 12px 44px; border:1px solid #E5EAF2; border-radius:12px; background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 18px; color:#1A1A2E; font:500 14px/1.5 Poppins,sans-serif; text-align:left; text-transform:none; letter-spacing:normal; cursor:pointer; box-shadow:none; }
.wk-select-trigger [data-select-value] { display:block; overflow-wrap:anywhere; }
.wk-page .wk-controls .wk-select-trigger:hover, .wk-page .wk-controls .wk-select-field.has-selection .wk-select-trigger { border-color:#2D66DE; }
.wk-page .wk-controls .wk-select-trigger:focus-visible { outline:3px solid #2D66DE; outline-offset:3px; }
.wk-page .wk-controls .wk-select-field.is-open .wk-select-trigger { border-color:#2D66DE; background-color:#F7F9FB; }
.wk-select-menu { position:absolute; top:calc(100% + 8px); left:0; right:0; padding:8px; border:1px solid #E5EAF2; border-radius:12px; background:#FFFFFF; box-shadow:0 8px 24px rgba(26,26,46,.12); }
.wk-select-menu.opens-above { top:auto; bottom:calc(100% + 8px); }
.wk-select-options { position:relative; max-height:240px; overflow-y:auto; overscroll-behavior:contain; }
.wk-page .wk-controls .wk-select-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; padding:10px 12px; border:0; border-radius:8px; background:#FFFFFF; color:#1A1A2E; font:400 14px/1.5 Poppins,sans-serif; text-align:left; text-transform:none; letter-spacing:normal; white-space:normal; cursor:pointer; }
.wk-page .wk-controls .wk-select-option:hover, .wk-page .wk-controls .wk-select-option.is-active { background:#F7F9FB; }
.wk-page .wk-controls .wk-select-option[aria-selected="true"] { color:#2D66DE; font-weight:600; }
.wk-select-option[aria-selected="true"]::after { content:'✓'; color:#2D66DE; flex-shrink:0; }
.wk-page .wk-controls .wk-select-menu input[type="search"] { display:block; width:100%; min-width:0; height:48px; margin:0 0 8px; padding:10px 12px; border:1px solid #E5EAF2; border-radius:8px; background:#F7F9FB; color:#1A1A2E; font:400 16px/1.5 Poppins,sans-serif; box-shadow:none; }
.wk-select-empty { padding:12px; margin:0; color:#6B7280; font-size:13px; line-height:1.6; }
.wk-toolbar > div { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; min-width:0; }
.wk-toolbar output { color:#6B7280; font-size:13px; }
.wk-page .wk-reset { display:inline-flex; align-items:center; min-height:40px; padding:0; border:0; background:transparent; color:#2D66DE; font:500 12px/1.5 Poppins,sans-serif; text-decoration:underline; text-transform:none; letter-spacing:normal; cursor:pointer; }
.wk-page .wk-plan-jump { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 12px; border:1px solid #E5EAF2; border-radius:12px; background:#FFFFFF; color:#2D66DE; font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap; }
.wk-plan-jump [data-plan-jump-count] { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 6px; background:#F7F9FB; border-radius:50%; font-size:12px; }
.wk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.wk-page .discovery-card { display:flex; flex-direction:column; gap:0; min-width:0; padding:0; border:1px solid #E5EAF2; border-radius:16px; background:#FFFFFF; overflow:hidden; }
.wk-page .discovery-card img { display:block; width:100%; height:180px; border-radius:0; object-fit:cover; background:#F7F9FB; }
.wk-page .discovery-card > div { display:flex; flex-direction:column; align-items:flex-start; flex:1; min-width:0; padding:20px; }
.wk-page .discovery-card h3 { font:600 17px/1.45 Poppins,sans-serif; color:#1A1A2E; overflow-wrap:anywhere; margin:0 0 8px; }
.wk-page .discovery-card__region { font-size:12px; line-height:1.5; color:#2D66DE; margin-bottom:12px!important; }
.wk-page .discovery-card__summary { font-size:13px; line-height:1.7; color:#6B7280; margin-bottom:20px!important; }
.wk-page .discovery-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 16px; border:1px solid #2D66DE; border-radius:12px; background:#2D66DE; color:#FFFFFF; font:600 13px/1.5 Poppins,sans-serif; text-transform:none; letter-spacing:normal; cursor:pointer; text-decoration:none; }
.wk-page .discovery-button--light { background:#FFFFFF; color:#2D66DE; }
.wk-page .discovery-button:hover { background:#1A1A2E; border-color:#1A1A2E; color:#FFFFFF; }
.wk-page .discovery-button[aria-pressed="true"] { background:#2D66DE; color:#FFFFFF; }
.wk-page .discovery-card .discovery-button { width:100%; margin-top:auto; }
.wk-page button:disabled { opacity:.45; cursor:default; }
.wk-more { display:flex; flex-direction:column; align-items:center; gap:16px; padding:28px 0; }
.wk-more output { font-size:13px; color:#6B7280; }
.wk-plan-wrap { min-width:0; position:sticky; top:128px; }
.wk-plan { border:1px solid #E5EAF2; border-radius:16px; background:#FFFFFF; padding:20px; }
.wk-plan > summary { display:flex; align-items:center; gap:8px; min-height:48px; }
.wk-plan__title { display:flex; align-items:center; gap:8px; flex:1; min-width:0; font-size:16px; font-weight:600; }
.wk-plan__title svg { color:#2D66DE; }
.wk-plan__count { flex-shrink:0; padding:4px 8px; border-radius:12px; background:#F7F9FB; color:#2D66DE; font-size:12px; font-weight:600; }
.wk-plan__body { padding-top:12px; }
.wk-plan__hint { font-size:12px; color:#6B7280; line-height:1.7; margin:0 0 16px; }
.wk-plan__list { list-style:decimal; padding-left:20px!important; margin:0 0 20px!important; }
.wk-plan__list li { padding:12px 0; border-bottom:1px solid #E5EAF2; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.wk-page .wk-plan__list a { color:#1A1A2E; }
.wk-page .wk-plan__list button { display:inline-flex; align-items:center; min-height:40px; padding:4px 8px; border:0; background:transparent; color:#2D66DE; font:400 12px/1.5 Poppins,sans-serif; text-decoration:underline; cursor:pointer; text-transform:none; }
.wk-plan__actions { display:grid; grid-template-columns:1fr; gap:8px; }
.wk-note { font-size:12px; line-height:1.7; color:#6B7280; margin-top:16px!important; }
.wk-plan__status { display:block; font-size:12px; line-height:1.7; color:#1A1A2E; margin-top:12px; }
.wk-plan__status:empty { display:none; }
.wk-page .discovery-share-input { font-size:12px; width:100%; }
.wk-guidance { border-top:1px solid #E5EAF2; padding-top:28px; margin-top:12px; max-width:820px; }
.wk-page .wk-guidance h2, .wk-page .wk-empty h2 { font:600 22px/1.4 Poppins,sans-serif; color:#1A1A2E; margin:0 0 12px; }
.wk-guidance > p { color:#6B7280; font-size:13px; line-height:1.8; }
.wk-guides { margin-top:24px; border:1px solid #E5EAF2; border-radius:16px; background:#FFFFFF; padding:16px 20px; }
.wk-guides > summary { display:flex; align-items:center; min-height:48px; font-size:14px; font-weight:600; }
.wk-guides ul { list-style:none; margin:8px 0 0; padding:0; }
.wk-guides li { border-top:1px solid #E5EAF2; padding:8px 0; }
.wk-page .wk-guides a { display:flex; align-items:center; min-height:48px; color:#2D66DE; font-size:13px; line-height:1.6; }
.wk-empty { background:#FFFFFF; border:1px solid #E5EAF2; border-radius:16px; padding:24px; }
.wk-empty p { color:#6B7280; font-size:14px; margin-bottom:20px; }
.wk-page :where(a,button,input,select,summary):focus-visible { outline:3px solid #2D66DE; outline-offset:3px; }
.wk-page .wk-controls .wk-search input:focus-visible { outline:none; }
.wk-page #mekanlar, .wk-page #planim { scroll-margin-top:100px; }
@media(max-width:1100px) { .wk-layout { grid-template-columns:minmax(0,1fr) 280px; gap:20px; } .wk-grid { grid-template-columns:1fr; } }
@media(max-width:900px) {
 .wk-page { padding:24px 16px 100px; }
 .wk-layout { grid-template-columns:1fr; gap:16px; }
 .wk-plan-wrap { order:-1; position:static; }
 .wk-plan { padding:12px 16px; }
 .wk-plan__body { padding:8px 0 8px; }
 .wk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 /* The mobile header scrolls away and its admin bar is hidden. */
 .wk-toolbar { position:sticky; top:0; z-index:10; margin:12px 0; padding:8px 0; }
 .wk-plan__title { font-size:15px; }
}
@media(max-width:600px) {
 .wk-intro { margin-bottom:20px; }
 .wk-breadcrumb { margin-bottom:16px; font-size:12px; }
 .wk-intro > p { font-size:14px; }
 .wk-intro .wk-intro__meta { font-size:12px; }
 .wk-controls { padding:16px; }
 .wk-filter-fields { grid-template-columns:1fr; gap:12px; }
 .wk-grid { grid-template-columns:1fr; gap:16px; }
 .wk-page .discovery-card img { height:190px; }
 .wk-page .discovery-card > div { padding:20px; }
 .wk-page .discovery-card h3 { font-size:18px; }
 .wk-toolbar > div { gap:0 8px; }
 .wk-page .wk-plan-jump { gap:6px; padding:10px; font-size:12px; }
 .wk-page .wk-guidance h2 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .wk-page * { transition:none!important; scroll-behavior:auto!important; } }