/

/* ============================================================
   Niche color schemes (scoped)
   Add the matching class to a top-level Group in a pattern/template:
   - llp-scheme-financial-literacy
   - llp-scheme-business-basics
   - llp-scheme-customer-service
   - llp-scheme-credit-repair
   ============================================================ */

.llp-scheme-financial-literacy{
  /* Money green + ink + cream */
  --ll-navy: #0a0e1a;
  --ll-slate: #111827;
  --ll-blue: #1f7a3a;
  --ll-sky: #64c28c;
  --ll-gold: #d8cfae;
  --ll-champagne: #f5f1e6;
  --ll-bg: #fbfaf6;
  --ll-border: #e7e3d8;
  --ll-muted: #6b7280;
  --ll-black: #05070c;

  --ll-hero-glow: rgba(245,241,230,.14);
  --ll-kicker: rgba(216,207,174,.95);
  --ll-focus: rgba(31,122,58,.55);
  --ll-divider: rgba(31,122,58,.28);
  --ll-divider-strong: rgba(31,122,58,.55);

  /* AeReader token alignment inside this scheme */
  --cer-primary: #0a0e1a;
  --cer-primary-rgb: 10,14,26;
  --cer-gold: #d8cfae;
  --cer-accent: #1f7a3a;
  --cer-accent-rgb: 31,122,58;
  --cer-bg: #05070c;
  --cer-panel: #0a0e1a;
  --cer-text: #f5f1e6;
  --cer-muted: rgba(245,241,230,.76);
}

.llp-scheme-business-basics{
  /* Slate + electric blue + warm amber */
  --ll-navy: #0f172a;
  --ll-slate: #1f2a44;
  --ll-blue: #2563eb;
  --ll-sky: #7aa7ff;
  --ll-gold: #f59e0b;
  --ll-champagne: #ffe8b6;
  --ll-bg: #f8fafc;
  --ll-border: #e2e8f0;
  --ll-muted: #64748b;
  --ll-black: #0b1220;

  --ll-hero-glow: rgba(255,232,182,.16);
  --ll-kicker: rgba(255,232,182,.92);
  --ll-focus: rgba(245,158,11,.55);
  --ll-divider: rgba(245,158,11,.32);
  --ll-divider-strong: rgba(245,158,11,.62);

  --cer-primary: #0f172a;
  --cer-primary-rgb: 15,23,42;
  --cer-gold: #f59e0b;
  --cer-accent: #2563eb;
  --cer-accent-rgb: 37,99,235;
  --cer-bg: #0b1220;
  --cer-panel: #0f172a;
  --cer-text: #f8fafc;
  --cer-muted: rgba(248,250,252,.76);
}

.llp-scheme-customer-service{
  /* Navy + teal + soft peach */
  --ll-navy: #0b132b;
  --ll-slate: #1a254a;
  --ll-blue: #0ea5a4;
  --ll-sky: #67e8f9;
  --ll-gold: #ffd38d;
  --ll-champagne: #fff3e6;
  --ll-bg: #fbfbfd;
  --ll-border: #e5e7eb;
  --ll-muted: #6b7280;
  --ll-black: #070b17;

  --ll-hero-glow: rgba(255,243,230,.16);
  --ll-kicker: rgba(255,211,141,.95);
  --ll-focus: rgba(14,165,164,.55);
  --ll-divider: rgba(14,165,164,.30);
  --ll-divider-strong: rgba(14,165,164,.60);

  --cer-primary: #0b132b;
  --cer-primary-rgb: 11,19,43;
  --cer-gold: #ffd38d;
  --cer-accent: #0ea5a4;
  --cer-accent-rgb: 14,165,164;
  --cer-bg: #070b17;
  --cer-panel: #0b132b;
  --cer-text: #fff3e6;
  --cer-muted: rgba(255,243,230,.76);
}

.llp-scheme-credit-repair{
  /* Charcoal + burgundy + platinum */
  --ll-navy: #111827;
  --ll-slate: #1f2937;
  --ll-blue: #7f1d1d;
  --ll-sky: #fca5a5;
  --ll-gold: #d1d5db;
  --ll-champagne: #f3f4f6;
  --ll-bg: #f8fafc;
  --ll-border: #e5e7eb;
  --ll-muted: #6b7280;
  --ll-black: #0b1020;

  --ll-hero-glow: rgba(243,244,246,.14);
  --ll-kicker: rgba(209,213,219,.92);
  --ll-focus: rgba(127,29,29,.55);
  --ll-divider: rgba(127,29,29,.28);
  --ll-divider-strong: rgba(127,29,29,.60);

  --cer-primary: #111827;
  --cer-primary-rgb: 17,24,39;
  --cer-gold: #d1d5db;
  --cer-accent: #7f1d1d;
  --cer-accent-rgb: 127,29,29;
  --cer-bg: #0b1020;
  --cer-panel: #111827;
  --cer-text: #f3f4f6;
  --cer-muted: rgba(243,244,246,.76);
}
*
  Leasing Launchpad Companion - Luxury polish layer (lightweight)
  Loaded after AeReader plugin styles when available.

  Design goals:
  - Sleek, modern, editorial luxury
  - Restrained gold accents
  - Consistent cards, buttons, and motion
*/

:root{
  /* Default (Leasing Launchpad) palette */
  --ll-navy: #1a1a2e;
  --ll-blue: #0f4c75;
  --ll-gold: #c9a961;
  --ll-champagne: #e8d4a0;
  --ll-slate: #2d3561;
  --ll-sky: #6fb3d2;
  --ll-bg: #f8f9fa;
  --ll-border: #e5e7eb;
  --ll-muted: #6b7280;
  --ll-black: #0a0e1a;

  /* Hero glow + kicker tone (override per niche) */
  --ll-hero-glow: rgba(232,212,160,.18);
  --ll-kicker: rgba(232,212,160,.95);
  --ll-focus: rgba(201,169,97,.55);
  --ll-divider: rgba(201,169,97,.35);
  --ll-divider-strong: rgba(201,169,97,.55);

  /* Surfaces */
  --ll-radius: 18px;
  --ll-radius-sm: 12px;
  --ll-shadow: 0 14px 40px rgba(10, 14, 26, 0.10);
  --ll-shadow-soft: 0 8px 22px rgba(10, 14, 26, 0.08);
}


/* Respect user preferences */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior: auto !important; }
  .cer-btn, .cer-ebook-card, .cer-book, .wp-block-button__link{ transition: none !important; }
}

/* Links */
a{ text-underline-offset: 3px; }

/* Header: modern glass + gold micro-divider */
.llp-header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ll-divider);
}

/* Subtle “premium line” utility */
.ll-gold-line{
  border-top: 2px solid var(--ll-divider-strong);
}

/* Block styles: Cards */
.wp-block-group.is-style-ll-card{
  background: #fff;
  border: 1px solid var(--ll-border);
  border-radius: var(--ll-radius);
  box-shadow: var(--ll-shadow-soft);
  overflow: hidden;
}

.wp-block-group.is-style-ll-premium{
  background: #fff;
  border: 1px solid var(--ll-border);
  border-top: 3px solid var(--ll-gold);
  border-radius: var(--ll-radius);
  box-shadow: var(--ll-shadow);
  overflow: hidden;
}

/* Hero surface */
.ll-hero{
  background: linear-gradient(135deg, var(--ll-navy) 0%, var(--ll-slate) 50%, var(--ll-blue) 100%);
  color: #ffffff;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.ll-hero::before{
  content:"";
  position:absolute;
  inset:-45%;
  background: radial-gradient(circle at 30% 20%, var(--ll-hero-glow), transparent 42%);
  pointer-events:none;
}

.ll-hero > *{ position: relative; }

/* Buttons: crisp, engineered */
.wp-block-button__link,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button{
  border-radius: 14px !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid rgba(15, 76, 117, 0.22);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}

.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  transform: translateY(-1px);
  box-shadow: var(--ll-shadow-soft);
}

.wp-block-button__link:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline: 3px solid var(--ll-focus);
  outline-offset: 3px;
}

/* Premium button style */
.wp-block-button.is-style-ll-premium .wp-block-button__link{
  background: linear-gradient(90deg, #c9a961 0%, #e8d4a0 50%, #c9a961 100%) !important;
  color: var(--ll-navy) !important;
  border: 1px solid rgba(201,169,97,.55) !important;
}

.wp-block-button.is-style-ll-premium .wp-block-button__link:hover{
  filter: brightness(0.985);
}

/* Inputs: clean, modern */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
select{
  border-radius: 14px;
  border: 1px solid var(--ll-border);
  padding: 12px 14px;
  background: #fff;
}

/* WooCommerce: subtle brand alignment */
.woocommerce ul.products li.product,
.woocommerce div.product div.summary,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .woocommerce-checkout-review-order{
  border-radius: var(--ll-radius);
}

.woocommerce-message,
.woocommerce-info{
  border-left-color: var(--ll-gold) !important;
}

/* AeReader plugin alignment (known class hooks) */
.cer-ebook-card,
.cer-book,
.cer-pricing-card{
  border-radius: var(--ll-radius) !important;
  border: 1px solid var(--ll-border) !important;
  box-shadow: var(--ll-shadow-soft);
  transition: transform .15s ease, box-shadow .15s ease;
}

.cer-ebook-card:hover,
.cer-book:hover{
  transform: translateY(-2px);
  box-shadow: var(--ll-shadow);
}

.cer-btn{
  border-radius: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.cer-btn:hover{
  transform: translateY(-1px);
  box-shadow: var(--ll-shadow-soft);
}

.cer-btn--ghost{
  border-color: rgba(201,169,97,.35) !important;
}

/* Drawer rail: luxe side-rail */
.cer-drawers{
  border-radius: var(--ll-radius) !important;
  border: 1px solid var(--ll-border);
  background: rgba(248,249,250,.65);
}

/* Subtle separators */
hr,
.wp-block-separator{
  border: none;
  border-top: 1px solid rgba(229,231,235,.9);
}

/* Selection */
::selection{
  background: rgba(201,169,97,.35);
}

/* Hero panel inside gradient */
.ll-hero-panel{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(232,212,160,.22);
  border-radius: var(--ll-radius);
  padding: 22px;
}
.ll-hero-panel h3{ color: #ffffff; }
.ll-hero-panel p, .ll-hero-panel li{ color: rgba(245,247,255,0.80); }
.ll-hero-kicker{ letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; color: var(--ll-kicker); }

/* ------------------------------------------------------------
   Homepage sections (editable blocks)
------------------------------------------------------------ */
.ll-section{ background: transparent; }
.ll-section--tint{ background: rgba(248,249,250,.72); }
.ll-section--cta{
  background: linear-gradient(135deg, rgba(26,26,46,.92) 0%, rgba(45,53,97,.92) 50%, rgba(15,76,117,.92) 100%);
  color: #ffffff;
  border-radius: 24px;
}

.ll-kicker{
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ll-blue);
  margin-bottom: 8px;
}

.ll-chip{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(201,169,97,.35);
  background: rgba(232,212,160,.14);
  color: var(--ll-navy);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0 0 10px 0;
}

.ll-mini-kicker{
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  color: rgba(107,114,128,.95);
  margin: 0 0 8px 0;
}

.ll-step{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,76,117,.10);
  border: 1px solid rgba(15,76,117,.18);
  color: var(--ll-blue);
  font-weight: 800;
  margin: 0 0 10px 0;
}

.ll-checklist{ padding-left: 18px; }
.ll-checklist li{ margin: 8px 0; }

.ll-kpi{
  display: inline-block;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(232,212,160,.22);
  color: rgba(232,212,160,.95);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0 0 12px 0;
}

/* Details blocks inside FAQ card */
.wp-block-group.is-style-ll-card details{
  border-top: 1px solid rgba(229,231,235,.85);
  padding-top: 14px;
  margin-top: 14px;
}
.wp-block-group.is-style-ll-card details:first-of-type{
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.wp-block-group.is-style-ll-card summary{
  cursor: pointer;
  font-weight: 700;
  color: var(--ll-navy);
}
.wp-block-group.is-style-ll-card details p{ color: rgba(26,26,46,.85); }

/* ------------------------------------------------------------
   Full-width layout (site-wide)
------------------------------------------------------------ */
body .wp-site-blocks{
  width: 100%;
  max-width: none;
}

/* Keep global padding while allowing full-width content. */
body .wp-site-blocks > .wp-block-group.alignfull{
  width: 100%;
  max-width: none;
}

/* Brand link polishing */
.llp-brand a{
  color: inherit;
  text-decoration: none;
}
.llp-brand a:hover{ color: var(--ll-champagne); }

/* Footer: horizontal nav + account links */
.llp-footer .wp-block-navigation__container{
  gap: 22px;
}
.llp-footer a{ color: rgba(245,247,255,0.92); }
.llp-footer a:hover{ color: var(--ll-champagne); }

.llp-account-links{ margin-top: 6px; }
.llp-account-welcome{ margin: 0 0 10px 0; color: rgba(245,247,255,0.75); }
.llp-account-list{ margin: 0; padding-left: 18px; }
.llp-account-list li{ margin: 6px 0; }
.llp-account-list a{ border-bottom: 1px solid rgba(201,169,97,0.22); text-decoration: none; }
.llp-account-list a:hover{ border-bottom-color: rgba(232,212,160,0.55); }

/* ------------------------------------------------------------
   Membership page vibrancy (AeReader pricing shortcode)
   Targets the membership slug class when present.
------------------------------------------------------------ */
body[class*="aereader-membership"] .cer-root{
  --cer-text: var(--ll-navy);
  --cer-muted: rgba(26,26,46,0.68);
  --cer-bg: var(--ll-bg);
}

/* Hero-style intro section */
body[class*="aereader-membership"] .cer-root .cer-section:first-of-type{
  background: linear-gradient(135deg, #1a1a2e 0%, #2d3561 55%, #0f4c75 100%);
  border: 1px solid rgba(201,169,97,0.25);
  color: #ffffff;
}
body[class*="aereader-membership"] .cer-root .cer-section:first-of-type p{
  color: rgba(245,247,255,0.82);
}
body[class*="aereader-membership"] .cer-root .cer-section:first-of-type .cer-link{
  color: rgba(232,212,160,0.95);
  border-bottom-color: rgba(232,212,160,0.45);
}

/* Secondary sections: white cards */
body[class*="aereader-membership"] .cer-root .cer-section{
  background: #ffffff;
  border: 1px solid var(--ll-border);
  box-shadow: var(--ll-shadow-soft);
}

/* Pricing cards */
body[class*="aereader-membership"] .cer-root .cer-price-card{
  background: #ffffff;
  border: 1px solid rgba(26,26,46,0.12);
  box-shadow: 0 18px 45px rgba(10,14,26,0.08);
}
body[class*="aereader-membership"] .cer-root .cer-price-card--featured{
  border-top: 3px solid var(--ll-gold);
  box-shadow: 0 22px 55px rgba(10,14,26,0.12);
}
body[class*="aereader-membership"] .cer-root .cer-price-tag{
  background: linear-gradient(90deg, #c9a961 0%, #e8d4a0 50%, #c9a961 100%);
  color: var(--ll-navy);
  border: 1px solid rgba(201,169,97,0.55);
}

/* Buttons */
body[class*="aereader-membership"] .cer-root .cer-btn{
  background: linear-gradient(180deg, rgba(15,76,117,0.98), rgba(15,76,117,0.86));
  border-color: rgba(15,76,117,0.38);
  color: #ffffff;
}
body[class*="aereader-membership"] .cer-root .cer-btn--ghost{
  background: transparent;
  color: var(--ll-blue);
  border-color: rgba(15,76,117,0.28);
}
body[class*="aereader-membership"] .cer-root .cer-link{
  color: var(--ll-blue);
  border-bottom-color: rgba(15,76,117,0.25);
}

/* Individual ebook cards (on membership page) */
body[class*="aereader-membership"] .cer-root .cer-ebook-card{
  background: #ffffff;
  border-color: rgba(26,26,46,0.12) !important;
}
