/**
 * WinRocket — Modern light design overrides.
 * Soft pastels, airy spacing, rounded cards (reference SaaS style).
 */

/* ─── Shared hero pattern (exclude add-on gradient heroes) ─── */
.wr-hero,
.wr-page-hero:not(.wr-addon-hero),
.wr-roadmap-content .wr-rm-hero,
.wr-blog-content .wr-page-hero,
.wr-support-content .wr-page-hero,
.wr-shortcodes-content .wr-page-hero{
  background:var(--wr-gradient-hero);
}

.wr-hero::before,
.wr-hero::after,
.wr-page-hero:not(.wr-addon-hero)::before,
.wr-page-hero:not(.wr-addon-hero)::after,
.wr-roadmap-content .wr-rm-hero::before,
.wr-roadmap-content .wr-rm-hero::after,
.wr-blog-content .wr-page-hero::before,
.wr-blog-content .wr-page-hero::after{
  opacity:.85;
}

.wr-hero h1,
.wr-page-hero:not(.wr-addon-hero) h1,
.wr-roadmap-content .wr-rm-hero h1,
.wr-blog-content .wr-page-hero h1,
.wr-support-content .wr-page-hero h1,
.wr-shortcodes-content .wr-page-hero h1{
  color:var(--wr-text);
}
.wr-addon-content .wr-addon-hero h1{color:#fff}

.wr-hero p,
.wr-page-hero:not(.wr-addon-hero) p,
.wr-roadmap-content .wr-rm-hero p,
.wr-blog-content .wr-page-hero p,
.wr-support-content .wr-page-hero p,
.wr-shortcodes-content .wr-page-hero p{
  color:var(--wr-muted);
}
.wr-addon-content .wr-addon-hero .wr-addon-kicker{color:rgba(255,255,255,.82)}
.wr-addon-content .wr-addon-hero p{color:rgba(255,255,255,.94)}
.wr-addon-content .wr-addon-lead{color:#fff}
.wr-addon-content .wr-addon-desc{color:rgba(255,255,255,.88)}

.wr-hero-stats{border-top-color:var(--wr-border)}
.wr-stat-num{color:var(--wr-text)}
.wr-stat-label{color:var(--wr-muted)}

/* Secondary buttons on light backgrounds */
.wr-hero .wr-btn-secondary,
.wr-page-hero .wr-btn-secondary,
.wr-cta-section .wr-btn-secondary,
.wr-cta-block .wr-btn-secondary,
.wr-rm-hero .wr-btn-secondary{
  background:#fff;
  border:1px solid var(--wr-border);
  color:var(--wr-text);
  box-shadow:var(--wr-shadow-sm);
}
.wr-hero .wr-btn-secondary:hover,
.wr-page-hero .wr-btn-secondary:hover,
.wr-cta-section .wr-btn-secondary:hover,
.wr-cta-block .wr-btn-secondary:hover,
.wr-rm-hero .wr-btn-secondary:hover{
  background:var(--wr-light);
  border-color:rgba(255,107,0,.35);
  color:var(--wr-navy);
}

.wr-hero .wr-btn-outline-white,
.wr-page-hero .wr-btn-outline-white,
.wr-cta-section .wr-btn-outline-white,
.wr-cta-block .wr-btn-outline-white{
  background:rgba(36,48,90,.04);
  border:1px solid rgba(36,48,90,.12);
  color:var(--wr-navy);
}
.wr-hero .wr-btn-outline-white:hover,
.wr-page-hero .wr-btn-outline-white:hover,
.wr-cta-section .wr-btn-outline-white:hover,
.wr-cta-block .wr-btn-outline-white:hover{
  background:#fff;
  border-color:rgba(255,107,0,.35);
  color:var(--wr-orange);
}

/* ─── Home hero ticket card (Tailwind-style soft gradient) ─── */
.wr-ticket-card{
  background:linear-gradient(145deg,#eef2ff 0%,#f5f3ff 48%,#fff7ed 100%);
  border:1px solid #e0e7ff;
  color:var(--wr-text);
  box-shadow:
    0 4px 6px -1px rgba(99,102,241,.07),
    0 20px 40px -12px rgba(36,48,90,.1);
  /*overflow:hidden;*/
}

.wr-ticket-logo,
.wr-ticket-field span{color:var(--wr-text)}
.wr-ticket-field label{
  color:#94a3b8;
  font-weight:600;
  letter-spacing:.08em;
}
.wr-ticket-label,
.wr-ticket-powered{color:#64748b}
.wr-ticket-divider::before,
.wr-ticket-divider::after{background:#c7d2fe}
.wr-dot{background:#eef2ff;border:1px solid #c7d2fe}

/* ─── Home sections ─── */
.wr-campaign-card,
.wr-feature-card,
.wr-review-card,
.wr-pricing-card{
  border-radius:var(--wr-radius-lg);
  box-shadow:var(--wr-shadow-sm);
}
.wr-campaign-card:hover,
.wr-feature-card:hover{
  box-shadow:var(--wr-shadow-md);
}

.wr-lucky-wheel{
  background:linear-gradient(135deg,#f5f0ff 0%,#eef4ff 50%,#fff7f2 100%);
}
.wr-lw-content{color:var(--wr-text)}
.wr-lw-content p{color:var(--wr-muted)}
.wr-lw-feat p{color:var(--wr-text)}
.wr-lucky-wheel .wr-wheel-container{border-color:rgba(36,48,90,.12)}
.wr-lucky-wheel .wr-wheel{border:none}
.wr-lucky-wheel .wr-wheel-hub{
  background:linear-gradient(135deg,#fff,#f5f3ff);
  color:var(--wr-navy);
  border-color:#e0e7ff;
  box-shadow:0 4px 14px rgba(99,102,241,.15);
}
.wr-spin-result{color:var(--wr-muted)}

.wr-code-card{
  background:#fff;
  border:1px solid var(--wr-border);
  box-shadow:var(--wr-shadow-sm);
}
.wr-code-label{color:var(--wr-muted)}
.wr-code-desc{color:var(--wr-muted)}

.wr-cta-section{
  background:var(--wr-gradient-cta);
}
.wr-cta-section::before{
  inset:0;
  top:auto;left:auto;transform:none;width:auto;height:auto;
  background:var(--wr-gradient-mesh);
}
.wr-cta-section h2{color:var(--wr-text)}
.wr-cta-section p{color:var(--wr-muted)}
.wr-cta-note{color:var(--wr-muted);opacity:.85}

.wr-review-avatar{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
  color:var(--wr-navy);
  border:1px solid var(--wr-border);
}

/* ─── Features page ─── */
.wr-mock-header{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
  border-bottom:1px solid var(--wr-border);
}
.wr-mock-title{color:var(--wr-muted)}

.wr-ticket-visual,
.wr-reveal-card,
.wr-wr-card,
.wr-iw-card{
  background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);
  border:1px solid var(--wr-border);
  color:var(--wr-text);
  box-shadow:var(--wr-shadow-sm);
}
.wr-ticket-visual .wr-ticket-brand,
.wr-reveal-name,
.wr-wr-name,
.wr-iw-title{color:var(--wr-text)}
.wr-ticket-visual .wr-ticket-powered,
.wr-iw-sub{color:var(--wr-muted)}
.wr-ticket-visual .wr-ticket-footer{border-top-color:var(--wr-border)}
.wr-iw-style-btn{
  border-color:var(--wr-border);
  color:var(--wr-muted);
  background:#fff;
}

.wr-cd-visual{
  background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);
  border:1px solid var(--wr-border);
  color:var(--wr-text);
  box-shadow:var(--wr-shadow-sm);
}

.wr-fvp-table th:first-child,
.wr-group-row td{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
  color:var(--wr-navy);
}
.wr-group-row td{color:var(--wr-muted)}

/* ─── Support page ─── */
.wr-support-community{
  background:var(--wr-gradient-cta);
}
.wr-support-community::before,
.wr-support-community::after{
  opacity:.6;
}
.wr-support-comm-header h2{color:var(--wr-text)}
.wr-support-comm-header p{color:var(--wr-muted)}
.wr-support-comm-card{
  background:#fff;
  border:1px solid var(--wr-border);
  box-shadow:var(--wr-shadow-sm);
}
.wr-support-comm-card:hover{
  background:#fff;
  border-color:rgba(255,107,0,.25);
  box-shadow:var(--wr-shadow-md);
}
.wr-support-comm-card h3{color:var(--wr-text)}
.wr-support-comm-card p{color:var(--wr-muted)}
.wr-support-comm-link{
  border-color:var(--wr-border);
  color:var(--wr-navy);
  background:#fff;
}

/* Support hero search (light background) */
.wr-support-content .wr-support-search input{
  background:#fff;
  border:1px solid #e0e7ff;
  color:var(--wr-text);
  box-shadow:0 4px 16px rgba(99,102,241,.08);
}
.wr-support-content .wr-support-search input::placeholder{
  color:#94a3b8;
}
.wr-support-content .wr-support-search input:focus{
  border-color:var(--wr-orange);
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,107,0,.12),0 4px 16px rgba(99,102,241,.08);
}
.wr-support-content .wr-support-search-icon{
  color:#64748b;
}
.wr-support-content .wr-support-search-tag{
  background:#fff;
  border:1px solid #e0e7ff;
  color:#475569;
  font-weight:500;
}
.wr-support-content .wr-support-search-tag:hover{
  background:rgba(255,107,0,.08);
  border-color:rgba(255,107,0,.35);
  color:var(--wr-orange);
}

/* ─── Blog page ─── */
.wr-blog-filter-btn:hover,
.wr-blog-filter-btn.active{
  background:var(--wr-orange);
  color:#fff;
  border-color:var(--wr-orange);
}

.wr-blog-featured-thumb,
.wr-blog-card-thumb.navy{
  background:linear-gradient(135deg,#eef4ff 0%,#f5f0ff 50%,#fff5eb 100%);
}

.wr-blog-featured-body h2 a,
.wr-blog-card-title{color:var(--wr-text)}

.wr-blog-read-more{
  background:var(--wr-orange);
  color:#fff;
}
.wr-blog-read-more:hover{
  background:#e55f00;
  transform:translateY(-1px);
}

.wr-blog-load-more:hover{
  background:var(--wr-orange);
  color:#fff;
  border-color:var(--wr-orange);
}

.wr-blog-cta-banner{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
  color:var(--wr-text);
  border:1px solid var(--wr-border);
}
.wr-blog-cta-banner p{color:var(--wr-muted)}
.wr-blog-cta-banner-btn{
  background:var(--wr-orange);
  color:#fff;
}

.wr-blog-single-byline{color:var(--wr-muted)}

.wr-blog-toast{
  background:#fff;
  color:var(--wr-text);
  border:1px solid var(--wr-border);
  box-shadow:var(--wr-shadow-md);
}

/* ─── Shortcodes page ─── */
.wr-shortcodes-content{
  --wr-code-bg:#f8f9ff;
  --wr-code-border:rgba(36,48,90,.08);
}

.wr-sc-hc-num{color:var(--wr-text)}
.wr-sc-hc-label{color:var(--wr-muted)}

.wr-sc-code-lang{color:var(--wr-muted)}
.wr-sc-copy-btn{
  background:#fff;
  border:1px solid var(--wr-border);
  color:var(--wr-muted);
}
.wr-sc-code-content pre{color:var(--wr-text)}
.wr-token-comment{color:var(--wr-muted);font-style:italic}

.wr-sc-prev-winner,
.wr-sc-prev-cd{
  background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);
  border:1px solid var(--wr-border);
  box-shadow:var(--wr-shadow-sm);
}
.wr-sc-prev-winner h3{color:var(--wr-text)}
.wr-sc-prev-cd-label,
.wr-sc-prev-cd-text{color:var(--wr-muted)}

.wr-sc-prev-list-head{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
}
.wr-sc-prev-list-head span{color:var(--wr-muted)}

.wr-sc-hero-code{
  background:rgba(36,48,90,.04);
  border:1px solid var(--wr-border);
  color:var(--wr-navy);
}

.wr-sc-index-table th{
  background:linear-gradient(135deg,#eef4ff,#f5f0ff);
  color:var(--wr-muted);
}

.wr-sc-prev-picker-actions .wr-add{
  background:var(--wr-navy);
  color:#fff;
}

/* Page CTA overrides (features, support, shortcodes duplicate dark styles) */
.wr-features-content .wr-cta-block,
.wr-support-content .wr-cta-block,
.wr-shortcodes-content .wr-cta-block{
  background:var(--wr-gradient-cta);
}
.wr-features-content .wr-cta-block::before,
.wr-support-content .wr-cta-block::before,
.wr-shortcodes-content .wr-cta-block::before{
  inset:0;
  top:auto;left:auto;transform:none;width:auto;height:auto;
  background:var(--wr-gradient-mesh);
}
.wr-features-content .wr-cta-block h2,
.wr-support-content .wr-cta-block h2,
.wr-shortcodes-content .wr-cta-block h2{color:var(--wr-text)}
.wr-features-content .wr-cta-block p,
.wr-support-content .wr-cta-block p,
.wr-shortcodes-content .wr-cta-block p{color:var(--wr-muted)}
.wr-features-content .wr-cta-block .wr-cta-note,
.wr-support-content .wr-cta-block .wr-cta-note,
.wr-shortcodes-content .wr-cta-block .wr-cta-note{color:var(--wr-muted);opacity:.85}

/* ─── Roadmap page ─── */
.wr-rm-item,
.wr-rm-tl-card{
  border-radius:var(--wr-radius-lg);
}

/* ─── Global card polish ─── */
.wr-sc-card{border-radius:var(--wr-radius-lg);box-shadow:var(--wr-shadow-sm)}
.wr-analytics-visual{border-radius:var(--wr-radius-lg)}
