/* lnky.pk brand layer: "Green Signal" (2026-10-15). Loaded after style.css in the public layouts.
   Retunes the theme's Tailwind variables, so every page and admin setting keeps working; only the look changes.
   Fonts: Manrope (body/UI), Bricolage Grotesque (headings). Colours: ink #0E1A14, paper #F5F6EF, green #0B6B3A, lime #C6F432. */
:root, :host {
  --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --font-display: "Bricolage Grotesque", "Manrope", ui-sans-serif, system-ui, sans-serif;

  --color-black: #0E1A14;
  --color-neutral-50: #F5F6EF;
  --color-neutral-100: #ECEEE4;
  --color-neutral-200: #DADDD0;
  --color-neutral-900: #13201A;
  --color-neutral-950: #0A120E;

  --lnky-green: #0B6B3A;
  --lnky-green-dark: #06472A;
  --lnky-lime: #C6F432;
  --lnky-lime-soft: #D9F99D;
  --lnky-ink: #0E1A14;
  --lnky-muted: #3B4A40;
  --lnky-paper: #F5F6EF;
  --lnky-line: #DADDD0;
}

body { font-family: var(--font-sans); }

h1, h2, h3, .font-display {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}
h1 { letter-spacing: -0.035em; }

::selection { background: var(--lnky-lime-soft); color: var(--lnky-ink); }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--lnky-green);
  outline-offset: 2px;
}

/* Brand helpers for redesigned sections */
.ln-pill { display: inline-flex; align-items: center; gap: .4rem; background: var(--lnky-lime-soft); color: #1A3A12; font-weight: 700; font-size: .8125rem; padding: .375rem .75rem; border-radius: 999px; }
.ln-green { color: var(--lnky-green); }
.ln-btn-green { background: var(--lnky-green); color: #fff; }
.ln-btn-green:hover { background: var(--lnky-green-dark); }
.dark .ln-green { color: var(--lnky-lime); }

/* Homepage hero (Green Signal) */
.ln-hero-side { display: flex; align-items: center; justify-content: center; background: var(--lnky-paper); }
.dark .ln-hero-side { background: #0A120E; }
.ln-hero-stack { width: 100%; max-width: 30rem; display: flex; flex-direction: column; gap: 1rem; }
.ln-stat-card { background: var(--lnky-ink); color: var(--lnky-paper); border-radius: 1.5rem; padding: 1.75rem; display: flex; flex-direction: column; gap: 1.1rem; box-shadow: 0 30px 60px -30px rgba(14,26,20,.55); }
.ln-stat-head { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.ln-stat-link { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; letter-spacing: -.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ln-bars { display: flex; align-items: flex-end; gap: .5rem; height: 7.5rem; }
.ln-bars span { flex: 1; background: #2E4A39; border-radius: .375rem; }
.ln-bars .ln-bar-hi { background: var(--lnky-lime); }
.ln-stat-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .8125rem; color: #B7C4BA; }
.ln-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ln-tile { background: #fff; border: 1px solid var(--lnky-line); border-radius: 1.25rem; padding: 1rem; display: flex; gap: .85rem; align-items: center; color: var(--lnky-ink); }
.ln-tile strong { display: block; font-size: .95rem; }
.ln-tile span { display: block; font-size: .8125rem; color: var(--lnky-muted); }
.ln-tile-qr { width: 3.5rem; height: 3.5rem; flex-shrink: 0; border-radius: .5rem; }
.ln-tile .ln-tile-wa { width: 3.5rem; height: 3.5rem; flex-shrink: 0; border-radius: 999px; background: #25A35A; display: flex; align-items: center; justify-content: center; }
@media (max-width: 480px) { .ln-tiles { grid-template-columns: 1fr; } .ln-stat-link { font-size: 1.2rem; } }
.ln-hero-side, .ln-hero-stack, .ln-stat-card, .ln-stat-head, .ln-stat-link, .ln-tile, .ln-tile > div { min-width: 0; }

/* Homepage: replace the template's orange/purple/blue gradient washes with one soft brand tint */
#features .bg-gradient-to-br, #core-features .bg-gradient-to-br:not(.bg-clip-text) {
  background-image: linear-gradient(135deg, rgba(198,244,50,.16), rgba(11,107,58,.05) 55%, transparent) !important;
}
.dark #features .bg-gradient-to-br, .dark #core-features .bg-gradient-to-br:not(.bg-clip-text) {
  background-image: linear-gradient(135deg, rgba(198,244,50,.08), transparent 60%) !important;
}
.bg-clip-text.text-transparent { background-image: linear-gradient(135deg, var(--lnky-green), #4D8F1A) !important; }
.dark .bg-clip-text.text-transparent { background-image: linear-gradient(135deg, var(--lnky-lime), #9BE15D) !important; }

/* Header + menus (2026-10-15) */
.ln-header { background: rgba(245,246,239,.92); }
.dark .ln-header { background: rgba(10,18,14,.92); }
.ln-btn-cta { background: var(--lnky-green); color: #fff; }
.ln-btn-cta:hover { background: var(--lnky-green-dark); color: #fff; }
.dark .ln-btn-cta { background: var(--lnky-lime); color: var(--lnky-ink); }
.dark .ln-btn-cta:hover { background: #B5E21F; }
.ln-nav-icon { background: var(--lnky-lime-soft); color: var(--lnky-green); border-color: transparent; box-shadow: none; }
.dark .ln-nav-icon { background: rgba(198,244,50,.12); color: var(--lnky-lime); border-color: transparent; }

/* Footer: ink band in both modes */
.ln-footer { background: var(--lnky-ink); color: var(--lnky-paper); margin-top: 2rem; }
.dark .ln-footer { background: #070D0A; }
.ln-footer [class*="text-black/"]:not([data-nav-dropdown-panel] *) { color: rgba(245,246,239,.62); }
.ln-footer a[class*="text-black/"]:not([data-nav-dropdown-panel] *):hover,
.ln-footer button[class*="text-black/"]:hover { color: #fff; }
.ln-footer h3 { color: var(--lnky-lime); opacity: .9; }
.ln-footer [class*="border-black/"] { border-color: rgba(255,255,255,.09); }
.ln-footer img.dark\:hidden { display: none; }
.ln-footer img.hidden.dark\:block { display: block; }
.ln-footer .ln-pill { background: rgba(198,244,50,.14); color: var(--lnky-lime); }

/* Cookie banner (cookieconsent) */
:root { --cc-bg: #fff; --cc-text: #0E1A14; --cc-btn-primary-bg: #0B6B3A; --cc-btn-primary-text: #fff; --cc-btn-primary-hover-bg: #06472A;
  --cc-btn-secondary-bg: #ECEEE4; --cc-btn-secondary-text: #0E1A14; --cc-btn-secondary-hover-bg: #DADDD0; --cc-toggle-bg-on: #0B6B3A; --cc-border-radius: 1rem; --cc-btn-border-radius: .6rem; }
.c_darkmode, .dark #cc--main { --cc-bg: #13201A; --cc-text: #F5F6EF; --cc-btn-primary-bg: #C6F432; --cc-btn-primary-text: #0E1A14; --cc-btn-primary-hover-bg: #B5E21F;
  --cc-btn-secondary-bg: #22342A; --cc-btn-secondary-text: #F5F6EF; --cc-btn-secondary-hover-bg: #2E4A39; --cc-toggle-bg-on: #C6F432; }
#cc--main { font-family: var(--font-sans); }

/* Login / sign-up */
.ln-auth-panel { background: var(--lnky-ink); color: var(--lnky-paper);
  background-image: radial-gradient(circle at 85% 15%, rgba(198,244,50,.18), transparent 45%), radial-gradient(circle at 10% 90%, rgba(11,107,58,.45), transparent 50%); }
.ln-auth-panel p { color: #B7C4BA; }
.ln-btn-lime { background: var(--lnky-lime); color: var(--lnky-ink); }
.ln-btn-lime:hover { background: #B5E21F; }

/* Product pages: hero art panels and check bullets */
.bg-noise.bg-gradient-to-br { background-image: radial-gradient(circle at 80% 15%, rgba(198,244,50,.55), transparent 50%), linear-gradient(140deg, #EAF6CF 0%, #CFEA8A 55%, #8CC63F 100%) !important; }
.dark .bg-noise.bg-gradient-to-br { background-image: radial-gradient(circle at 80% 15%, rgba(198,244,50,.18), transparent 50%), linear-gradient(140deg, #13201A 0%, #0F2A1B 60%, #0B4A2A 100%) !important; }
.ln-check { background: var(--lnky-green); color: #fff; }
.dark .ln-check { background: var(--lnky-lime); color: var(--lnky-ink); }
.bg-white.ln-check, .bg-black .ln-check { background: var(--lnky-lime); color: var(--lnky-ink); }
.ln-swatch-brand { background: linear-gradient(135deg, #0B6B3A, #0E1A14); --tw-ring-color: #C6F432; }

/* Blog */
.ln-blog-thumb { aspect-ratio: 1200 / 630; height: auto; background: var(--lnky-paper); }
.flex-1.overflow-x-auto { scrollbar-width: none; }
.flex-1.overflow-x-auto::-webkit-scrollbar { display: none; }
.content-body a:not([class]) { color: var(--lnky-green); text-decoration: underline; text-underline-offset: 3px; }
.dark .content-body a:not([class]) { color: var(--lnky-lime); }
.content-body h2, .content-body h3 { font-family: var(--font-display); letter-spacing: -0.02em; }

/* Blog posts on phones: keep the post column at screen width; long code lines and URLs wrap. */
[class*="lg:grid-cols-[minmax(0,3fr)_minmax(0,1fr)]"] { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { [class*="lg:grid-cols-[minmax(0,3fr)_minmax(0,1fr)]"] { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } }
.content-body { overflow-wrap: anywhere; }
.content-body pre, .content-body pre code { white-space: pre-wrap; word-break: break-word; }

/* Tool widgets inside admin pages (WhatsApp generator, QR scanner): buttons are links styled as buttons, no underline. */
.not-prose a.inline-flex { text-decoration: none; }