/* ==========================================================
   pt-home-v639.css  —  v6.4.39  Homepage polish patch
   Loads LAST on front-page only via functions.php.
   Goals:
     1) Slider = full container width (matches card row)
     2) MPP/RA cards: remove inner white divider bars
     3) Stats section: dynamic gradient counters
     4) Features (Instant Activation row): colorful pop
     5) Reviews: continuous RTL marquee (all 30+ reviews)
     6) Global scrollbar removal
   ========================================================== */

/* ── 1. HERO — slider takes full container width ───────────── */
.pt-hero-container {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
.pt-slider-card { width: 100% !important; }

/* License card moves below slider as a horizontal strip */
.pt-license-card {
  display: grid !important;
  grid-template-columns: auto repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg, #0f0c1e 0%, #1a1535 100%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(245,158,11,.18) !important;
  align-items: center !important;
}
.pt-license-card .pt-lc-header {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  margin-bottom: 6px !important;
}
.pt-license-card .pt-lc-item,
.pt-license-card .pt-lc-item-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}
.pt-license-card .pt-lc-item-link:hover {
  border-color: rgba(245,158,11,.5) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px -6px rgba(245,158,11,.35);
}
@media (max-width: 900px) {
  .pt-license-card { display: none !important; }   /* keep mobile compact */
}

/* ── 2. MPP & RA — kill inner white divider bars ──────────── */
.pt-mpp-card-actions { border-top: 0 !important; padding-top: 4px !important; }
.pt-ra-actions       { border-top: 0 !important; gap: 8px !important; padding: 0 14px 14px !important; }
.pt-ra-btn-view      { border-right: 0 !important; }
.pt-ra-section       { border-top: 0 !important; background: transparent !important; }
.pt-ra-card          { background: linear-gradient(155deg, #ffffff 0%, #fff7ed 100%) !important; }

/* MPP card: subtle premium look, no flat white strip */
.pt-mpp-card { background: linear-gradient(155deg, #ffffff 0%, #fdf2f8 100%) !important; }

/* ── 3. STATS SECTION — dynamic gradient counters ─────────── */
.pt-stats-section {
  background:
    radial-gradient(circle at 18% 20%, rgba(245,158,11,.18), transparent 55%),
    radial-gradient(circle at 82% 80%, rgba(236,72,153,.16), transparent 55%),
    linear-gradient(160deg, #050d1a 0%, #0a1628 45%, #0d1f3c 100%) !important;
}
.pt-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 18px !important;
}
@media (max-width: 900px) { .pt-stats-grid { grid-template-columns: repeat(2,1fr) !important; } }
.pt-stat-item {
  position: relative;
  padding: 22px 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.pt-stat-item::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(245,158,11,.0), rgba(236,72,153,.0));
  transition: background .35s ease;
  pointer-events: none;
}
.pt-stat-item:hover {
  transform: translateY(-4px);
  border-color: rgba(245,158,11,.45) !important;
  box-shadow: 0 18px 40px -18px rgba(236,72,153,.5);
}
.pt-stat-item:hover::before {
  background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(236,72,153,.10));
}
.pt-stat-value {
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 35%, #ec4899 70%, #a855f7 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -.02em !important;
  display: inline-block !important;
  filter: drop-shadow(0 2px 14px rgba(236,72,153,.35));
  animation: ptStatGlow 3s ease-in-out infinite alternate;
}
@keyframes ptStatGlow {
  from { filter: drop-shadow(0 2px 10px rgba(245,158,11,.25)); }
  to   { filter: drop-shadow(0 4px 22px rgba(236,72,153,.55)); }
}
.pt-stat-label {
  display: block !important;
  margin-top: 8px !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.78) !important;
  letter-spacing: .02em;
}

/* ── 4. FEATURES — colorful "Instant Activation" row ──────── */
.pt-feature-wrap .pt-fc:nth-child(1) {
  background: linear-gradient(140deg, #fff7ed 0%, #ffedd5 100%) !important;
  border-color: rgba(245,158,11,.35) !important;
}
.pt-feature-wrap .pt-fc:nth-child(2) {
  background: linear-gradient(140deg, #ecfeff 0%, #cffafe 100%) !important;
  border-color: rgba(6,182,212,.35) !important;
}
.pt-feature-wrap .pt-fc:nth-child(3) {
  background: linear-gradient(140deg, #f0fdf4 0%, #dcfce7 100%) !important;
  border-color: rgba(34,197,94,.35) !important;
}
.pt-feature-wrap .pt-fc:nth-child(4) {
  background: linear-gradient(140deg, #fdf2f8 0%, #fce7f3 100%) !important;
  border-color: rgba(236,72,153,.35) !important;
}
.pt-feature-wrap .pt-fc {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
.pt-feature-wrap .pt-fc:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px -14px rgba(15,23,42,.25) !important;
  filter: saturate(1.15);
}

/* ── 5. REVIEWS — continuous RTL marquee, no nav, no white bar ── */
.pt-reviews-section { border-top: 0 !important; }
.pt-rv-nav, .pt-rv-counter, .pt-rv-dots { display: none !important; }
.pt-rv-slider-wrap {
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.pt-rv-track.is-marquee {
  display: flex !important;
  gap: 18px !important;
  width: max-content !important;
  transform: none !important;
  transition: none !important;
  animation: ptRvMarquee var(--pt-rv-duration, 90s) linear infinite;
}
/* v6.4.46 — user can pause via the toolbar (data-paused="1"). Hover still keeps it running. */
.pt-rv-track.is-marquee,
.pt-rv-track.is-marquee:hover,
.pt-rv-track.is-marquee:focus,
.pt-rv-track.is-marquee:active { animation-play-state: running; }
.pt-rv-track.is-marquee[data-paused="1"],
.pt-rv-track.is-marquee[data-paused="1"]:hover { animation-play-state: paused !important; }
.pt-rv-track.is-marquee .pt-rv-card {
  flex: 0 0 340px !important;
  max-width: 340px !important;
  min-width: 340px !important;
}
@media (max-width: 768px) {
  .pt-rv-track.is-marquee .pt-rv-card { flex: 0 0 280px !important; max-width: 280px !important; min-width: 280px !important; }
  .pt-rv-track.is-marquee { --pt-rv-duration-mobile-scale: 0.67; animation-duration: calc(var(--pt-rv-duration, 90s) * 0.67); }
}
@keyframes ptRvMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── 6. SCROLLBAR — hide globally on the site ─────────────── */
html, body { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; }

/* Tidy the section above/below reviews (no stray dividers) */
.pt-reviews-section,
.pt-features-section,
.pt-stats-section,
.pt-blog-section,
.pt-ra-section,
.pt-mpp-section { border-top: 0 !important; border-bottom: 0 !important; }