/* WinRocket Responsive Styles */

/* Pages with full-width hero — hero handles header offset */
.wr-page-content:has(> .wr-hero),
.wr-page-content:has(> .wr-page-hero){
  padding-top:0;
}

/* ─── Tablet & mobile nav (hamburger below 1024px) ─── */
@media (max-width:1024px){
  .wr-hero-inner,.wr-lw-inner,.wr-analytics-inner,.wr-two-col{grid-template-columns:1fr;gap:2.5rem}
  .wr-hero-visual{order:-1;max-width:420px;margin:0 auto}
  .wr-features-grid,.wr-af-grid{grid-template-columns:repeat(2,1fr)}
  .wr-campaign-grid{grid-template-columns:repeat(2,1fr)}
  .wr-steps{grid-template-columns:repeat(2,1fr);gap:2rem}
  .wr-steps::before{display:none}
  .wr-reviews-grid{grid-template-columns:repeat(2,1fr)}
  .wr-code-grid{grid-template-columns:1fr}
  .wr-pricing-grid{grid-template-columns:1fr;max-width:520px}
  .wr-lw-features{grid-template-columns:1fr}
  .wr-footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .wr-section-title,.wr-sec-title{font-size:2.2rem}
  .wr-hero h1{font-size:2.6rem}
  .wr-page-hero h1{font-size:2.4rem}
  .wr-cta-section h2{font-size:2.4rem}
  .wr-two-col.wr-flip{direction:ltr}
  .wr-feat-section .wr-two-col>*:not(.wr-feat-content){order:-1}
  .wr-docs-grid{grid-template-columns:repeat(2,1fr)!important}

  /* Mobile / tablet navigation */
  .wr-menu-toggle{display:flex;z-index:1002;position:relative}
  header.wr-header .wr-nav{
    position:fixed;
    top:calc(var(--wr-header-h) + var(--wr-admin-bar-h));
    right:0;left:auto;
    width:min(320px,88vw);
    max-height:calc(100dvh - var(--wr-header-h) - var(--wr-admin-bar-h));
    height:auto;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(16px);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:1.25rem 1.5rem 2rem;
    transform:translateX(105%);
    transition:transform .3s ease,visibility .3s ease;
    z-index:1001;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    border-left:1px solid var(--wr-border);
    box-shadow:var(--wr-shadow-md);
    visibility:hidden;
    pointer-events:none;
  }
  header.wr-header.is-open .wr-nav{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
  }
  .wr-nav-list,.wr-nav .menu{
    flex-direction:column;align-items:stretch;gap:0;width:100%;
  }
  .wr-nav-list li,.wr-nav .menu li{width:100%;border-bottom:1px solid var(--wr-border)}
  .wr-nav-list li.wr-nav-megamenu{border-bottom:1px solid var(--wr-border)}
  .wr-nav-list li.wr-nav-megamenu .wr-megamenu-panel{
    position:static;transform:none;left:auto;width:100%;
  }
  .wr-nav-list a,.wr-nav .menu a{
    display:block;padding:14px 0;font-size:1rem;
    white-space:normal;border-bottom:none!important;
  }
  .wr-nav-list a.active,.wr-nav .menu .current-menu-item>a{
    color:var(--wr-orange);border-bottom:none!important;padding-bottom:14px;
  }
  .wr-header-btns{
    flex-direction:column;width:100%;
    margin-top:1.25rem;padding-top:1.25rem;
    border-top:1px solid var(--wr-border);
  }
  .wr-header-btns a{text-align:center;justify-content:center;padding:12px 18px;width:100%}
  .wr-nav-overlay{
    z-index:999;
    top:calc(var(--wr-header-h) + var(--wr-admin-bar-h));
  }
}

/* ─── Mobile ─── */
@media (max-width:768px){
  :root{
    --wr-nav-h:60px;
    --wr-promo-bar-h:88px;
  }

  /* Remove double top spacing — hero sections handle header offset themselves */
  .wr-page-content:has(> .wr-hero),
  .wr-page-content:has(> .wr-page-hero){
    padding-top:0;
  }

  .wr-hero{
    padding:calc(var(--wr-header-h) + 1.5rem) 1rem 60px;
  }
  .wr-page-hero{
    padding:calc(var(--wr-header-h) + 1.5rem) 1rem 50px;
  }
  .wr-page-content:not(:has(> .wr-hero)):not(:has(> .wr-page-hero)){
    padding-top:var(--wr-header-h);
  }

  .wr-hero h1{font-size:2rem}
  .wr-hero p{font-size:1rem}
  .wr-hero-stats{gap:1.25rem}
  .wr-stat-num{font-size:1.4rem}
  .wr-ticket-number{font-size:2.2rem}
  .wr-ticket-meta{grid-template-columns:1fr}

  .wr-trust-inner{gap:1rem;justify-content:flex-start}
  .wr-trust-item{font-size:.78rem}

  .wr-campaigns,.wr-features,.wr-how-it-works,.wr-shortcodes,.wr-pricing,.wr-analytics,.wr-guarantee,.wr-reviews,.wr-lucky-wheel,.wr-cta-section,.wr-feat-section,.wr-all-features,.wr-fvp,.wr-cta-block{padding:60px 1rem}
  .wr-campaign-grid,.wr-features-grid,.wr-reviews-grid,.wr-af-grid{grid-template-columns:1fr}
  .wr-steps{grid-template-columns:1fr;gap:1.5rem}

  .wr-section-title,.wr-sec-title{font-size:1.75rem}
  .wr-page-hero h1{font-size:1.85rem}
  .wr-feat-content h2{font-size:1.5rem}

  /* Features page mobile */
  .wr-feat-section .wr-two-col{gap:2rem}
  .wr-feat-section .wr-two-col>*:not(.wr-feat-content){order:-1}
  .wr-feat-content p{font-size:.9rem}
  .wr-feat-list li{font-size:.85rem}
  .wr-filter-nav{padding:0;top:calc(var(--wr-header-h) + var(--wr-admin-bar-h))}
  .wr-sc-toc{padding:0;top:calc(var(--wr-header-h) + var(--wr-admin-bar-h))}

  .wr-promo-bar-inner{
    grid-template-columns:1fr auto;grid-template-rows:auto auto;
    gap:.55rem .75rem;padding:12px 2.75rem 12px 1rem;
  }
  .wr-promo-bar-lead{grid-column:1;grid-row:1}
  .wr-promo-bar-copy{grid-column:1;grid-row:2}
  .wr-promo-bar-actions{
    grid-column:2;grid-row:1 / span 2;align-self:center;
    flex-direction:column;align-items:flex-end;gap:.45rem;
  }
  .wr-promo-countdown{padding:4px 8px}
  .wr-promo-countdown-unit{min-width:24px;padding:2px 3px}
  .wr-promo-countdown-num{font-size:.74rem}
  .wr-promo-countdown-text{font-size:.44rem}
  .wr-promo-countdown-sep{font-size:.64rem;margin-bottom:7px}
  .wr-promo-bar-headline{font-size:.86rem}
  .wr-promo-bar-sub{font-size:.72rem}
  .wr-promo-bar-btn{padding:8px 14px;font-size:.74rem}
  .wr-promo-bar-close{top:10px;right:8px;transform:none;width:28px;height:28px}
  .wr-promo-bar-close:hover{transform:scale(1.05)}
  .wr-filter-inner{padding:0 1rem}
  .wr-sc-toc-inner{padding:0 1rem}
  .wr-filter-btn{padding:12px 14px;font-size:.78rem}
  .wr-wheel-wrap{max-width:100%}
  .wr-wheel-legend{grid-template-columns:1fr}
  .wr-wheel-prob-label{width:80px;font-size:.7rem}
  .wr-mock-card,.wr-tp-card,.wr-csv-visual,.wr-analytics-box{max-width:100%}
  .wr-mock-body{padding:1rem}
  .wr-tp-grid{grid-template-columns:repeat(4,1fr)}
  .wr-tp-actions{flex-direction:column}
  .wr-tp-actions>*{width:100%;min-width:0}
  .wr-var-grid{grid-template-columns:1fr}
  .wr-part-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .wr-csv-row{flex-wrap:nowrap;overflow-x:auto}
  .wr-csv-cell{white-space:nowrap;flex-shrink:0}
  .wr-csv-actions{flex-direction:column}
  .wr-csv-actions>*{width:100%;text-align:center}
  .wr-fvp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:2rem;max-width:100%}
  .wr-fvp-table thead,.wr-fvp-table tbody{min-width:560px}
  .wr-fvp-table th,.wr-fvp-table td{padding:.75rem 1rem;font-size:.8rem}
  .wr-admin-find{flex-direction:column}
  .wr-admin-btn{text-align:center;width:100%}
  .wr-ticket-grid{grid-template-columns:1fr}
  .wr-timeline-badge{margin-left:0}
  .wr-tier{flex-wrap:wrap}
  .wr-tier-pts{margin-left:0;width:100%;padding-left:56px}
  .wr-bonus-rule{flex-wrap:wrap}
  .wr-bonus-rule-badge{margin-left:0}
  .wr-analytics-head{align-items:flex-start}
  .wr-cd-units{gap:8px}
  .wr-cd-num{font-size:1.5rem;min-width:50px;padding:6px 10px}
  .wr-sec-sub{max-width:100%}

  .wr-lw-content h2{font-size:1.85rem}
  .wr-wheel-container:not(.wr-wheel-sm){width:220px;height:220px}
  .wr-wheel-container.wr-wheel-sm{width:200px;height:200px}
  .wr-lw-features{grid-template-columns:1fr}

  .wr-analytics-inner{gap:2rem}
  .wr-analytics-metrics{grid-template-columns:1fr}
  .wr-guarantee-top{grid-template-columns:1fr;text-align:center;padding:1.5rem 1.25rem 1.25rem}
  .wr-guarantee-badge{margin:0 auto}
  .wr-guarantee-copy p{margin-left:auto;margin-right:auto}
  .wr-guarantee-stripe-note{margin-left:auto;margin-right:auto;text-align:center}
  .wr-payment-logos{justify-content:center;flex-direction:column}
  .wr-payment-logo-cards{height:36px;max-width:100%}
  .wr-guarantee-trust{grid-template-columns:1fr 1fr}
  .wr-guarantee-trust-item{border-right:none;border-bottom:1px solid var(--wr-border)}
  .wr-guarantee-trust-item:nth-child(odd){border-right:1px solid var(--wr-border)}
  .wr-guarantee-trust-item:nth-last-child(-n+2){border-bottom:none}
  .wr-guarantee-founder{flex-direction:column;text-align:center;align-items:center}
  .wr-guarantee-founder-meta{align-items:center}

  .wr-cta-section h2,.wr-cta-block h2{font-size:1.85rem}
  .wr-cta-btns,.wr-hero-btns{flex-direction:column;width:100%;max-width:480px;margin-left:auto;margin-right:auto}
  .wr-cta-btns a,.wr-hero-btns a,.wr-hero-btns .wr-btn-primary,.wr-hero-btns .wr-btn-secondary,.wr-hero-btns .wr-btn-outline-white{width:100%;justify-content:center}

  .wr-footer-top{grid-template-columns:1fr;gap:2rem}
  .wr-footer-bottom{flex-direction:column;text-align:center}

  .wr-docs-grid{grid-template-columns:1fr!important}

  .wr-pricing-head,.wr-pricing-body,.wr-pricing-cta{padding-left:1.25rem;padding-right:1.25rem}
  .wr-price{font-size:2rem}

  .wr-page-header{padding:calc(var(--wr-header-h) + 1.5rem) 1rem 40px}
  .wr-page-header h1{font-size:1.75rem}
  .wr-article{padding:40px 1rem}
}

@media (max-width:480px){
  .wr-guarantee-trust{grid-template-columns:1fr}
  .wr-guarantee-trust-item:nth-child(odd){border-right:none}
  .wr-guarantee-trust-item:nth-last-child(-n+2){border-bottom:1px solid var(--wr-border)}
  .wr-guarantee-trust-item:last-child{border-bottom:none}
  .wr-tp-grid{grid-template-columns:repeat(3,1fr)}
  .wr-tp-tab{flex:1 1 100%;font-size:.68rem}
  .wr-hero-btns .wr-btn-primary,.wr-hero-btns .wr-btn-secondary,.wr-hero-btns .wr-btn-outline-white{font-size:.9rem;padding:12px 20px}
  .wr-logo-text{font-size:1.15rem}
  .wr-logo-icon{width:32px;height:32px;font-size:1rem}
  header.wr-header .wr-nav{width:100%;max-width:100%}
  .wr-filter-btn{padding:10px 12px;font-size:.72rem}
  .wr-page-hero h1{font-size:1.6rem}
  .wr-feat-content h2{font-size:1.3rem}
}

/* WordPress admin bar — mobile height */
@media screen and (max-width:782px){
  body.admin-bar{--wr-admin-bar-h:46px}
}

@media screen and (min-width:783px){
  body.admin-bar{--wr-admin-bar-h:32px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wr-float{animation:none}
  .wr-wheel-rotor{transition:none}
  .wr-loader-rotor,.wr-loader-progress-fill,.wr-loader-particle,.wr-loader-glow,.wr-loader-brand-icon{animation:none}
  .wr-page-loader{transition:none}
  header.wr-header.is-open .wr-nav{transition:none}
}

/* Prevent background scroll when mobile nav open */
body.wr-nav-open{overflow:hidden}