/* ---- bridge: inc/functions.php helpers (radar_chip, login/join buttons in
   partials/header.php before batch 2 converts it) still emit the OLD double-
   dash button classes (btn--ghost/btn--blue/btn--ink/btn--sm/btn--block).
   Give them the Brutal Lite look too, scoped to body.lite, without touching
   shared PHP. Safe to remove once every shared helper emits lite-style
   classes (btn-ghost etc.) instead. ---------------------------------------- */
body.lite .btn--sm{height:38px;padding:0 14px;font-size:13.5px;border-radius:10px;}
body.lite .btn--ghost,body.lite .btn--blue,body.lite .btn--ink,body.lite .btn--line{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border-radius:var(--r-ctl);
  font:800 15.5px/1 var(--font-ui);cursor:pointer;border:0;white-space:nowrap;text-decoration:none;}
body.lite .btn--ghost{background:var(--card-2);color:var(--ink);}
body.lite .btn--blue{background:var(--blue);color:#fff;border:var(--bd);box-shadow:var(--sh);}
body.lite .btn--ink{background:var(--ink);color:#fff;border:var(--bd);box-shadow:var(--sh-sm);}
body.lite .btn--line{background:#fff;color:var(--ink);border:1.5px solid var(--ink);}
body.lite .btn--block{width:100%;}
body.lite .btn--sm.btn--blue,body.lite .btn--sm.btn--ink{box-shadow:var(--sh-sm);}

/* ============================================================================
   lite-discover.css — batch 3b: search, following, notifications, creators,
   weekend (Pick for me today), city picker additions, guest home.
   Source of truth: C:\Users\pc\Downloads\test\SocialMapia-BrutalLite-with-Moments.html
   (search-preview / following-preview / notifications-preview / city-preview /
   creators-preview / weekend-preview / home-preview). Uses assets/css/lite.css
   tokens + classes; only page-specific markup lives here.
   ============================================================================ */

/* ---- generic "‹ Back" link (notifications, and any lite sub-page that needs one) ---- */
body.lite .back-link{display:inline-flex;align-items:center;gap:2px;font:700 14px/1 var(--font-ui);color:var(--blue);text-decoration:none;padding:10px 0;min-height:44px;}
body.lite .back-link i{font-size:15px;}

/* ---- generic empty state (used by search/notifications/creators/following/weekend) ---- */
body.lite .empty{padding:28px 14px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13.5px;}
body.lite .empty i{font-size:28px;color:var(--muted-2);}

/* Boxed empty-state card (the design's "You're not following anyone yet." style):
   bordered card, big muted icon, centered text, a button. Used by search/
   following/notifications/creators/weekend empty states. */
body.lite .empty-card{background:#fff;border:var(--bd);border-radius:var(--r-card);box-shadow:var(--sh);
  padding:40px 24px;margin-top:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;}
body.lite .empty-card i{font-size:30px;color:var(--muted-2);}
body.lite .empty-card span{color:var(--muted);font:600 14px/1.4 var(--font-ui);}
body.lite .empty-card .btn{margin-top:2px;}

/* ---------------------------------------------------------------- SHARED --
   .seg-tabs/.seg-tab (search.php's scope tabs AND creators.php's category
   filter, via .cc-cats), .tag-row (search.php + place.php-adjacent pages),
   .top-row/.manage-btn (following.php AND notifications.php) stay here —
   genuinely cross-page. Everything else page-specific to search.php,
   following.php, creators.php moved to page-search.css / page-following.css
   / page-creators.css (builder B1, see PAGE-BUILDER.md report). */
.seg-tabs{display:flex;gap:4px;margin-top:14px;background:var(--card-2);border-radius:var(--r-pill);padding:4px;}
.seg-tab{flex:1;background:none;border:0;border-radius:var(--r-pill);padding:9px 4px;font:700 13px/1 var(--font-ui);color:var(--muted);cursor:pointer;min-height:38px;}
.seg-tab.is-active{background:#fff;color:var(--ink);border:1px solid var(--ink);box-shadow:var(--sh-sm);}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;}
.tag-row .chip .count{color:var(--muted);font-weight:600;margin-left:4px;}
.top-row{display:flex;align-items:center;justify-content:space-between;}
.top-row .title-with-icon{display:flex;align-items:center;gap:8px;}
.top-row .title-with-icon i{font-size:24px;}
.manage-btn{font:700 14.5px/1 var(--font-ui);color:var(--blue);background:none;border:0;cursor:pointer;padding:10px;min-height:44px;}

/* ---------------------------------------------------------- NOTIFICATIONS --
   Rebuilt against the strict rules — moved to assets/css/page-notifications.css
   (builder B2, see PAGE-BUILDER.md report). .group / .group-label stay here
   (shared with creators.php/following.php/settings.php/pin_form_edit.php). */
.group{margin-top:22px;}
.group-label{font:800 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;}

/* --------------------------------------------------------------- CREATORS -- */
/* creators.php's cc2-* card classes live above, in the CREATORS block. */

/* --------------------------------------------------------- WEEKEND (PICK) --
   A compact flat-colour card (no photo backdrop — weekend.php has no real
   image for it), not the full-bleed photo hero this class used to force via
   aspect-ratio. */
/* reference (weekend-preview.html .hero): yellow brand-moment card, NO hard shadow (the
   screen's one hard-shadow budget belongs to the bottom "Plan my weekend" button) — just
   the 2px ink border. */
.wk-hero{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--yellow);
  margin-bottom:16px;border:var(--bd);box-shadow:none;padding:18px 16px;}
.wk-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.wk-hero .scrim{position:absolute;inset:0;background:linear-gradient(to top, rgba(20,21,24,.78), transparent 55%);}
.wk-hero__body{position:relative;color:inherit;max-width:78%;}
.wk-hero__kicker{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:4px;
  padding:4px 9px;border:1px solid var(--line);border-radius:var(--r-pill);font:800 11.5px/1 var(--font-ui);
  background:#fff;color:var(--ink);}
.wk-hero__t{font:800 20px/1.25 var(--font-display);letter-spacing:-.2px;margin-top:0;}
/* "Saturday night food trail" (numbered route + walking times) has no real data model —
   no route/trail concept, no walking-time estimate anywhere in the schema — so it's left
   out (see LEFT-OUT.md). "Top picks this weekend" (admin-curated weekend_picks, real data)
   takes its place, styled as the same photo-card grid as the reference's "₹0 spots" vgrid
   below it — the closest real match for a "spots worth going to" section. */
.wk-list{display:flex;flex-direction:column;gap:12px;}
.wk-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:12px;}
.wk-card img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--card-2);flex:0 0 auto;}
.wk-card__body{flex:1;min-width:0;}
.wk-card__name{font:700 14.5px/1.25 var(--font-ui);}
.wk-card__sub{font-size:12.5px;color:var(--muted);margin-top:2px;}
.wk-card__acts{display:flex;align-items:center;gap:10px;margin-top:8px;}
/* reference .date-block: a small rotated yellow tile, calm (no hard shadow — same budget
   rule as the hero) */
.date-block{width:44px;height:44px;border-radius:11px;background:var(--yellow);border:var(--bd);
  box-shadow:none;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
  transform:rotate(-2deg);}
.date-block .dow{font-size:9px;font-weight:800;letter-spacing:.3px;color:var(--ink-soft);}
.date-block .dom{font:800 16px/1.1 var(--font-display);color:var(--ink);}

/* City picker classes (city-live-card, city-tile-grid, …) now live in
   assets/css/cities.css, since partials/city_sheet.php is included on pages
   outside this batch that don't load lite-discover.css. */