/* Copy of /pattern/assets/kx-round2.css for real pages (Round 2, approved 11 Nov 2026 pending integration). */
/* KONNEKTION pattern ROUND 2 (11 Nov 2026) - Niko's review decisions of 11 Nov 2026.
   STATUS: PROPOSED SITE STYLESHEET. It lives under /pattern/assets/ until Niko approves round 2; then it moves to
   /assets/kx-round2.css (or its rules are merged into the stylesheet of each page type) and is linked by real pages.
   Unlike pattern.css this file is NOT pattern furniture: every rule here is meant for real pages.
   No new look: every value is copied from an existing house recipe:
     NEUTRAL glass  = city-page filter / "Message" share button (src/public-demo.css, club-events-v65.css, artists-v5.css .btn)
     PRESSED red    = the existing active / pressed state (filter .active, Follow -> "Following", share WhatsApp today)
     SMALL glass    = the existing "Show 12 more" button (#events .liquid-button.compact, club-events-v65.css)
   Only ONE value set is new (marked NEW): the "followed venue" tint, half-way between neutral and pressed. */

:root{--kxr2-hx:16%;--kxr2-hy:12%}

/* R2-A  Default state of Buy Ticket, Book a Table and WhatsApp = NEUTRAL Liquid Glass (red only when pressed/active) */
.verified-dubai-primary-actions>a:first-child,
.verified-dubai-share-actions [data-share="whatsapp"],
.checkout .action-row>a:first-child,
.quick-save.card-ticket-action,.quick-save.book-table-card,.quick-save,
.event-card .event-ticket,
.reservation-band .button.button-light,
.service-actions .button,.service-actions .button.primary{
  border-color:rgba(255,255,255,.2)!important;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(237,28,36,.055) 50%,rgba(255,255,255,.04)),rgba(255,255,255,.04)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(128%);backdrop-filter:blur(14px) saturate(128%);
  color:#fff8ef!important}
.verified-dubai-primary-actions>a:first-child:hover,
.verified-dubai-share-actions [data-share="whatsapp"]:hover,
.checkout .action-row>a:first-child:hover,
.quick-save:hover,
.event-card .event-ticket:hover,
.reservation-band .button.button-light:hover,
.service-actions .button:hover{
  color:#fff!important;border-color:rgba(255,255,255,.52)!important;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(237,28,36,.23) 58%,rgba(255,255,255,.08)),rgba(237,28,36,.24)!important}
/* pressed / active = red (Saved, Following, the selected filter) */
.kx-lg-pressed,[aria-pressed="true"].kx-lg-btn,.quick-save.is-saved,.quick-save[aria-pressed="true"]{
  color:#fff!important;border-color:rgba(237,28,36,.74)!important;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(237,28,36,.38) 58%,rgba(255,255,255,.07)),rgba(237,28,36,.5)!important}

/* R2-B  AEO pages: the five Tickets-and-tables buttons and the venue-guide link are Liquid Glass (decision p4) */
.service-actions .button{border-radius:8px!important;min-height:48px}
.service-actions .button.primary{font-weight:inherit}

/* R2-C  Liquid Glass button for links that used to be red / underlined text inside descriptions.
   Standard size = .kx-lg-btn ; small = .kx-lg-btn.kx-lg-sm (same recipe as "Show 12 more"). */
.kx-lg-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff8ef!important;
  font:500 14px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;text-decoration:none!important;text-align:center;cursor:pointer;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(237,28,36,.055) 50%,rgba(255,255,255,.04)),rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(14px) saturate(128%);backdrop-filter:blur(14px) saturate(128%);
  transition:color 1500ms ease,background 1500ms ease,border-color 1500ms ease,box-shadow 1500ms ease,transform 1500ms ease;box-sizing:border-box;max-width:100%}
.kx-lg-btn.kx-lg-sm{min-height:40px;padding:9px 16px;font-size:13px}
.kx-lg-btn:hover{color:#fff!important;border-color:rgba(255,255,255,.52);transform:translateY(-1px);
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(237,28,36,.23) 58%,rgba(255,255,255,.08)),rgba(237,28,36,.24)}
.kx-lg-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.kx-lg-btn::after{position:absolute;inset:-45% auto -45% -70%;width:42%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);content:"";opacity:0;pointer-events:none}
.kx-lg-btn:hover::after{animation:kxR2Refl 1500ms ease forwards}
@keyframes kxR2Refl{0%{left:-70%;opacity:0}18%{opacity:.62}100%{left:128%;opacity:0}}
.kx-lg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.kx-lg-row.kx-center{justify-content:center}
p>.kx-lg-btn:only-child{margin:4px 0}

/* R2-D  NEW - needs Niko's approval: "followed" state of a venue button (DJ page Venues block).
   Half of the pressed red: border .42 (pressed .74), red layer .17 (pressed .38), base .14 (pressed .5). */
.kx-lg-followed,.pill.kx-lg-followed{
  border-color:rgba(237,28,36,.42)!important;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(237,28,36,.17) 56%,rgba(255,255,255,.05)),rgba(237,28,36,.14)!important;color:#fff8ef!important}
.kx-lg-followed:hover{border-color:rgba(237,28,36,.6)!important}

/* R2-E  No underlined text links: lineup names, breadcrumbs and venue address links keep their colour, no underline */
.event-lineup a,.breadcrumbs a,.fact address a,.kx-ended-banner a{text-decoration:none!important}
.event-lineup a{border-bottom:0!important;box-shadow:none!important}

/* R2-F  News index filters (decision: two rows, by city and by section) = the house filter buttons */
.kx-news-filters{display:grid;gap:10px;margin:18px 0 26px}
.kx-news-filters .filter-block{display:grid;gap:8px}
.kx-news-filters .kx-filter-label{margin:0;color:#f1d78f;font:700 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.kx-news-filters .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.kx-news-filters .filter-buttons button{min-height:40px}
.kx-news-filters .filter-buttons button.active{color:#fff!important;border-color:rgba(237,28,36,.74)!important;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(237,28,36,.38) 58%,rgba(255,255,255,.07)),rgba(237,28,36,.5)!important}
.news-card[hidden],.news-city[hidden],.news-grid[hidden]{display:none!important}
.kx-news-labels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}

/* R2-G  Clubs directory: the other cities' boxes under the selected city (existing .city-tile) */
.kx-other-cities{margin:46px 0 0}
.kx-other-cities .city-tiles{margin-top:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.kx-other-cities .city-tile{min-height:130px}
@media(max-width:900px){.kx-other-cities .city-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.kx-other-cities .city-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kx-other-cities .city-tile{min-height:110px}}

/* R2-H  Club page, Mykonos variant: Transfers partner line */
.kx-transfer-note{max-width:760px;margin:-6px 0 22px;color:#aeb2be;font-size:15px;line-height:1.6}
.club-mykonos-longform .club-solo-body p+p{margin-top:14px}

@media(prefers-reduced-motion:reduce){.kx-lg-btn{transition:none}.kx-lg-btn:hover{transform:none}.kx-lg-btn:hover::after{animation:none}}