/* RealGPL Frontpage shared design system */
/* Core RealGPL typography: Salsa. */
.gpl-compact-hero,
.rgpl-pricing-section,
.rgpl-reviews,
.rgpl-faq-section,
.rgpl-benefits-section,
.rgpl-offerings-section,
.rgpl-lifetime-deals-host {
  font-family: "Salsa", cursive !important;
}

.rgpl-benefits-section,
.rgpl-offerings-section,
.rgpl-faq-section,
.rgpl-reviews{
  --rgpl-primary:#1769B0;
  --rgpl-primary-dark:#0b3557;
  --rgpl-accent:#DB6600;
  --rgpl-text:#102a43;
  --rgpl-muted:#587086;
  --rgpl-border:#dce8f1;
  font-family:"Salsa", cursive;
}
.rgpl-benefits-section a:focus-visible,
.rgpl-offerings-section a:focus-visible,
.rgpl-faq-section button:focus-visible,
.rgpl-reviews a:focus-visible{
  outline:3px solid rgba(23,105,176,.25);
  outline-offset:3px;
}
.rgpl-benefits-section h2,
.rgpl-offerings-section h2,
.rgpl-faq-section h2,
.rgpl-reviews h2{
  text-wrap:balance;
}

/* =========================================================
   RealGPL v1.4.2 — Unified typography & CTA system
   ========================================================= */
.gpl-compact-hero,
.rgpl-pricing-section,
.rgpl-reviews,
.rgpl-faq-section,
.rgpl-benefits-section,
.rgpl-offerings-section,
.rgpl-lifetime-deals-host{
  --rgpl-primary:#1769B0;
  --rgpl-primary-dark:#0B3557;
  --rgpl-accent:#DB6600;
  --rgpl-body:#2F4A60;
  --rgpl-muted-strong:#4D6579;
  --rgpl-heading:#0B3557;
  font-family:"Salsa", cursive !important;
}

/* One consistent section-heading language across the front page. */
.gpl-compact-hero .compact-heading,
.rgpl-pricing-section .rgpl-section-title,
.rgpl-reviews .rgpl-head h2,
.rgpl-faq-section .rgpl-faq-head h2,
.rgpl-benefits-section .rgpl-benefits-head h2,
.rgpl-offerings-section .rgpl-offerings-head h2{
  font-family:"Salsa", cursive !important;
  font-size:32px !important;
  line-height:1.16 !important;
  font-weight:900 !important;
  letter-spacing:-.75px !important;
  color:var(--rgpl-heading) !important;
}

/* Remove inconsistent heading gradients so every section has the same hierarchy. */
.rgpl-reviews .rgpl-head h2 em,
.rgpl-faq-section .rgpl-faq-head h2 em,
.gpl-compact-hero .compact-heading .gradient-accent{
  background:none !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:initial !important;
  background-clip:initial !important;
  color:var(--rgpl-heading) !important;
}

/* Stronger, more readable supporting copy. */
.gpl-compact-hero .compact-subtext,
.gpl-compact-hero .hero-subtext,
.rgpl-pricing-section .rgpl-section-note,
.rgpl-reviews .rgpl-head p,
.rgpl-faq-section .rgpl-faq-head p,
.rgpl-benefits-section .rgpl-benefits-head p,
.rgpl-offerings-section .rgpl-offerings-head p{
  color:var(--rgpl-body) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
}

/* Consistent card headings. */
.rgpl-pricing-section .rgpl-plan-name,
.rgpl-reviews .rgpl-card h3,
.rgpl-reviews .rgpl-cta h3,
.rgpl-faq-section .rgpl-faq-question,
.rgpl-benefits-section .rgpl-benefit-copy h3,
.rgpl-offerings-section .rgpl-offering-card h3{
  font-family:"Salsa", cursive !important;
  color:var(--rgpl-heading) !important;
  font-weight:800 !important;
}

/* Body text inside cards: darker and slightly stronger than the old muted grey. */
.rgpl-pricing-section .rgpl-card-features,
.rgpl-pricing-section .rgpl-card-features li,
.rgpl-reviews .rgpl-card p,
.rgpl-reviews .rgpl-cta p,
.rgpl-faq-section .rgpl-faq-answer-inner,
.rgpl-benefits-section .rgpl-benefit-copy p,
.rgpl-offerings-section .rgpl-offering-lead,
.rgpl-offerings-section .rgpl-offering-text{
  color:var(--rgpl-body) !important;
  font-weight:500 !important;
}

/* Unified RealGPL primary CTA: orange at rest, blue on hover. */
.gpl-compact-hero .main-cta-btn,
.rgpl-pricing-section .rgpl-plan-btn,
.rgpl-pricing-section .rgpl-view-all-btn,
.rgpl-reviews .rgpl-button,
.rgpl-benefits-section .rgpl-benefits-cta,
.rgpl-offerings-section .rgpl-offering-button{
  min-height:45px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 20px !important;
  border-radius:8px !important;
  background:#DB6600 !important;
  border:1px solid #DB6600 !important;
  color:#fff !important;
  font-family:"Salsa", cursive !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  box-shadow:0 8px 20px rgba(219,102,0,.20) !important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease !important;
}

.gpl-compact-hero .main-cta-btn:hover,
.rgpl-pricing-section .rgpl-plan-btn:hover,
.rgpl-pricing-section .rgpl-view-all-btn:hover,
.rgpl-reviews .rgpl-button:hover,
.rgpl-benefits-section .rgpl-benefits-cta:hover,
.rgpl-offerings-section .rgpl-offering-button:hover{
  background:#1769B0 !important;
  border-color:#1769B0 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 24px rgba(23,105,176,.22) !important;
}

/* Keep icon movement, but remove section-to-section differences in button typography. */
.gpl-compact-hero .main-cta-btn svg,
.rgpl-pricing-section .rgpl-plan-btn svg,
.rgpl-pricing-section .rgpl-view-all-btn svg,
.rgpl-reviews .rgpl-button span,
.rgpl-benefits-section .rgpl-benefits-cta span,
.rgpl-offerings-section .rgpl-offering-button span{
  font-weight:800;
}

/* Stronger secondary labels without changing the chosen palette. */
.rgpl-benefits-section .rgpl-benefit-kicker,
.rgpl-offerings-section .rgpl-offering-label,
.rgpl-offerings-section .rgpl-offering-mini,
.rgpl-reviews .rgpl-badge,
.rgpl-faq-section .rgpl-faq-badge,
.rgpl-benefits-section .rgpl-benefits-badge,
.rgpl-offerings-section .rgpl-offerings-badge,
.rgpl-pricing-section .rgpl-top-pill{
  font-weight:850 !important;
  color:#0B3557 !important;
}

@media (max-width:680px){
  .gpl-compact-hero .compact-heading,
  .rgpl-pricing-section .rgpl-section-title,
  .rgpl-reviews .rgpl-head h2,
  .rgpl-faq-section .rgpl-faq-head h2,
  .rgpl-benefits-section .rgpl-benefits-head h2,
  .rgpl-offerings-section .rgpl-offerings-head h2{
    font-size:28px !important;
    line-height:1.18 !important;
    letter-spacing:-.45px !important;
  }
}

/* =========================================================
   v1.4.5 — RealGPL Blue + Orange Visual Polish
   ========================================================= */
:root{
  --rgpl-brand-blue:#1769B0;
  --rgpl-brand-navy:#0B3557;
  --rgpl-brand-orange:#DB6600;
  --rgpl-brand-blue-soft:rgba(23,105,176,.13);
  --rgpl-brand-orange-soft:rgba(219,102,0,.12);
}

/* Unified blue → navy → orange headline treatment. */
.gpl-compact-hero .compact-heading,
.rgpl-pricing-section .rgpl-section-title,
.rgpl-reviews .rgpl-head h2,
.rgpl-faq-section .rgpl-faq-head h2,
.rgpl-benefits-section .rgpl-benefits-head h2,
.rgpl-offerings-section .rgpl-offerings-head h2{
  background:linear-gradient(90deg,#1769B0 0%,#1769B0 28%,#DB6600 66%,#DB6600 100%) !important;
  background-size:180% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  text-shadow:none !important;
  animation:rgplHeadingShimmer 9s ease-in-out infinite !important;
}

.gpl-compact-hero .compact-heading .gradient-accent,
.rgpl-pricing-section .rgpl-section-title span,
.rgpl-reviews .rgpl-head h2 em,
.rgpl-faq-section .rgpl-faq-head h2 em{
  background:inherit !important;
  background-size:inherit !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

@keyframes rgplHeadingShimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Stronger, but still clean, brand atmosphere behind every major section. */
.gpl-compact-hero{
  background:
    radial-gradient(circle at 7% 18%,rgba(23,105,176,.18),transparent 30%),
    radial-gradient(circle at 92% 78%,rgba(219,102,0,.15),transparent 30%),
    radial-gradient(circle at 50% 105%,rgba(11,53,87,.07),transparent 38%),
    linear-gradient(135deg,#f5fbff 0%,#ffffff 47%,#fff8f2 100%) !important;
}

.rgpl-pricing-section{
  background:
    radial-gradient(circle at 5% 12%,rgba(23,105,176,.16),transparent 28%),
    radial-gradient(circle at 95% 88%,rgba(219,102,0,.14),transparent 30%),
    radial-gradient(circle at 50% 45%,rgba(23,105,176,.045),transparent 42%),
    linear-gradient(135deg,#f6fbff 0%,#ffffff 52%,#fff8f2 100%) !important;
}

.rgpl-benefits-section{
  background:
    radial-gradient(circle at 4% 8%,rgba(23,105,176,.16),transparent 30%),
    radial-gradient(circle at 96% 15%,rgba(219,102,0,.13),transparent 29%),
    radial-gradient(circle at 50% 100%,rgba(11,53,87,.07),transparent 38%),
    linear-gradient(135deg,#f4faff 0%,#ffffff 52%,#fff8f2 100%) !important;
}

.rgpl-offerings-section{
  background:
    radial-gradient(circle at 7% 20%,rgba(23,105,176,.17),transparent 29%),
    radial-gradient(circle at 93% 80%,rgba(219,102,0,.15),transparent 30%),
    radial-gradient(circle at 50% 50%,rgba(23,105,176,.04),transparent 45%),
    linear-gradient(135deg,#f4faff 0%,#ffffff 50%,#fff7ef 100%) !important;
}

.rgpl-faq-section{
  background:
    radial-gradient(circle at 8% 20%,rgba(23,105,176,.17),transparent 30%),
    radial-gradient(circle at 92% 78%,rgba(219,102,0,.15),transparent 30%),
    radial-gradient(circle at 50% 105%,rgba(11,53,87,.07),transparent 38%),
    linear-gradient(135deg,#f5fbff 0%,#ffffff 50%,#fff8f2 100%) !important;
}

.rgpl-reviews{
  position:relative;
  padding-top:42px !important;
  padding-bottom:42px !important;
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%,rgba(23,105,176,.13),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(219,102,0,.12),transparent 30%),
    linear-gradient(135deg,rgba(246,251,255,.92),rgba(255,255,255,.98) 50%,rgba(255,248,242,.94)) !important;
  border:1px solid rgba(23,105,176,.10);
  box-shadow:0 22px 60px rgba(11,53,87,.08);
}

/* Branded section edges add depth without making the page busy. */
.gpl-compact-hero,
.rgpl-pricing-section,
.rgpl-benefits-section,
.rgpl-offerings-section,
.rgpl-faq-section{
  position:relative;
}

.gpl-compact-hero::after,
.rgpl-pricing-section::after,
.rgpl-benefits-section::after,
.rgpl-offerings-section::after,
.rgpl-faq-section::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#1769B0 25%,#1769B0 45%,#DB6600 75%,transparent);
  opacity:.45;
  pointer-events:none;
}

/* Consistent brand gradient on small section dividers and accent bars. */
.rgpl-benefit-card::before,
.rgpl-offering-card::before{
  background:linear-gradient(90deg,#1769B0 0%,#1769B0 50%,#DB6600 100%) !important;
}

.rgpl-offerings-badge,
.rgpl-benefits-badge,
.rgpl-faq-badge,
.rgpl-badge,
.rgpl-top-pill{
  border-color:rgba(23,105,176,.20) !important;
  box-shadow:0 7px 22px rgba(11,53,87,.07),0 0 0 1px rgba(219,102,0,.04) !important;
}

@media (max-width:680px){
  .rgpl-reviews{
    padding-top:34px !important;
    padding-bottom:34px !important;
    border-radius:20px;
  }
}

@media (prefers-reduced-motion:reduce){
  .gpl-compact-hero .compact-heading,
  .rgpl-pricing-section .rgpl-section-title,
  .rgpl-reviews .rgpl-head h2,
  .rgpl-faq-section .rgpl-faq-head h2,
  .rgpl-benefits-section .rgpl-benefits-head h2,
  .rgpl-offerings-section .rgpl-offerings-head h2{
    animation:none !important;
    background-size:100% auto !important;
  }
}


/* =========================================================
   v1.4.6 — Deeper RealGPL Blue + Orange Section Atmosphere
   ========================================================= */

/* Main section headings: the RealGPL blue/orange combination used consistently. */
.gpl-compact-hero .compact-heading,
.rgpl-pricing-section .rgpl-section-title,
.rgpl-reviews .rgpl-head h2,
.rgpl-faq-section .rgpl-faq-head h2,
.rgpl-benefits-section .rgpl-benefits-head h2,
.rgpl-offerings-section .rgpl-offerings-head h2{
  background:linear-gradient(90deg,#1769B0 0%,#1769B0 32%,#DB6600 72%,#DB6600 100%) !important;
  background-size:150% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  text-shadow:none !important;
}

/* Slightly deeper, richer backgrounds — still light enough for a professional storefront. */
.gpl-compact-hero{
  background:
    radial-gradient(circle at 7% 16%,rgba(23,105,176,.24),transparent 30%),
    radial-gradient(circle at 93% 78%,rgba(219,102,0,.20),transparent 31%),
    radial-gradient(circle at 50% 110%,rgba(11,53,87,.10),transparent 38%),
    linear-gradient(135deg,#e5eef5 0%,#f2f5f6 48%,#f7ece2 100%) !important;
}

.rgpl-pricing-section{
  background:
    radial-gradient(circle at 5% 10%,rgba(23,105,176,.22),transparent 29%),
    radial-gradient(circle at 95% 88%,rgba(219,102,0,.19),transparent 30%),
    radial-gradient(circle at 50% 45%,rgba(23,105,176,.07),transparent 43%),
    linear-gradient(135deg,#e3edf4 0%,#f1f4f5 52%,#f7ece3 100%) !important;
}

.rgpl-benefits-section{
  background:
    radial-gradient(circle at 4% 8%,rgba(23,105,176,.23),transparent 30%),
    radial-gradient(circle at 96% 16%,rgba(219,102,0,.18),transparent 30%),
    radial-gradient(circle at 50% 105%,rgba(11,53,87,.10),transparent 38%),
    linear-gradient(135deg,#e2edf4 0%,#f1f4f5 52%,#f6ebe1 100%) !important;
}

.rgpl-offerings-section{
  background:
    radial-gradient(circle at 7% 18%,rgba(23,105,176,.24),transparent 30%),
    radial-gradient(circle at 93% 80%,rgba(219,102,0,.20),transparent 31%),
    radial-gradient(circle at 50% 50%,rgba(23,105,176,.065),transparent 45%),
    linear-gradient(135deg,#e1ecf3 0%,#f0f3f4 50%,#f6eae0 100%) !important;
}

.rgpl-faq-section{
  background:
    radial-gradient(circle at 8% 20%,rgba(23,105,176,.23),transparent 30%),
    radial-gradient(circle at 92% 78%,rgba(219,102,0,.19),transparent 31%),
    radial-gradient(circle at 50% 105%,rgba(11,53,87,.10),transparent 38%),
    linear-gradient(135deg,#e4edf4 0%,#f1f4f5 50%,#f7ece2 100%) !important;
}

.rgpl-reviews{
  background:
    radial-gradient(circle at 0% 0%,rgba(23,105,176,.20),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(219,102,0,.17),transparent 31%),
    radial-gradient(circle at 55% 35%,rgba(23,105,176,.06),transparent 42%),
    linear-gradient(135deg,#e0eaf2 0%,#edf2f4 52%,#f4e8de 100%) !important;
  border-color:rgba(23,105,176,.16) !important;
  box-shadow:0 24px 64px rgba(11,53,87,.12) !important;
}

.rgpl-lifetime-deals-host{
  background:
    radial-gradient(circle at 10% 15%,rgba(23,105,176,.18),transparent 30%),
    radial-gradient(circle at 90% 82%,rgba(219,102,0,.16),transparent 31%),
    linear-gradient(135deg,#e6eef4 0%,#f4f5f4 52%,#f8eee5 100%) !important;
}

/* Give cards a slightly richer surface against the deeper section canvas. */
.rgpl-pricing-section .rgpl-price-card,
.rgpl-reviews .rgpl-card,
.rgpl-benefits-section .rgpl-benefit-card,
.rgpl-offerings-section .rgpl-offering-card,
.rgpl-faq-section .rgpl-faq-item{
  box-shadow:0 12px 32px rgba(11,53,87,.10) !important;
}

@media (prefers-reduced-motion:reduce){
  .gpl-compact-hero .compact-heading,
  .rgpl-pricing-section .rgpl-section-title,
  .rgpl-reviews .rgpl-head h2,
  .rgpl-faq-section .rgpl-faq-head h2,
  .rgpl-benefits-section .rgpl-benefits-head h2,
  .rgpl-offerings-section .rgpl-offerings-head h2{
    background-size:100% auto !important;
  }
}

/* v1.4.7.1: keep v1.4.7 testimonial background/layout, remove only the side curves. */
.rgpl-reviews {
  border-radius: 0 !important;
}
.rgpl-reviews::before,
.rgpl-reviews::after {
  content: none !important;
  display: none !important;
}

/* v1.4.7.2: remove testimonial side curves/glow shapes only. Preserve v1.4.7 background. */
.rgpl-reviews,
.rgpl-reviews.rgpl-reviews {
  border-radius: 0 !important;
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important;
}
.rgpl-reviews::before,
.rgpl-reviews::after,
.rgpl-reviews.rgpl-reviews::before,
.rgpl-reviews.rgpl-reviews::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
}

/* v1.4.7.3: remove rounded corners from the page-builder/theme wrappers that
   contain the testimonial section. The curve is outside .rgpl-reviews itself
   on some WoodMart/WPBakery layouts, so the section-only rule is insufficient. */
.rgpl-testimonial-host,
.wpb_row:has(.rgpl-reviews),
.vc_row:has(.rgpl-reviews),
.vc_column_container:has(.rgpl-reviews),
.vc_column-inner:has(.rgpl-reviews),
.wpb_wrapper:has(.rgpl-reviews),
.woodmart-row:has(.rgpl-reviews),
.elementor-element:has(.rgpl-reviews) {
  border-radius:0 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}

/* Keep the testimonial section itself completely square as well. */
.rgpl-reviews,
.rgpl-reviews.rgpl-reviews {
  border-radius:0 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}