/* =========================================================
   gp-pages.css
   Per-page overrides and one-off layouts.
   Keep gp-core.css for shared components only.
   ========================================================= */

/* =========================
   training.php overrides
========================= */

.page-training .wp-actions{
  gap: 14px;
  margin-top: 18px;
  position: relative;
  z-index: 5;
}

.page-training .wp-actions .btn{
  font-weight: 700;
  letter-spacing: .02em;
  border-width: 2px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  transform: translateY(0);
}

.page-training .wp-actions .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 65px rgba(0,0,0,.42);
}

.page-training .wp-actions .gp-btn-primary{
  background: rgba(37,99,235,1) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;
}

.page-training .wp-actions .btn-danger{
  background: rgba(220,38,38,1) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;
}

.page-training .wp-actions .btn i{
  opacity: 1;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}

/* =========================
   what_is_phishing.php overrides (scoped)
========================= */

.page-what-is-phishing .gp-section-card.gp-accent{
  background:
    radial-gradient(900px 300px at 15% 0%, rgba(37,99,235,.16), transparent 60%),
    linear-gradient(180deg, #d6dbe6, #c7cdd9);
  border-color: rgba(37,99,235,.26);
}

.page-what-is-phishing .gp-section-card.gp-accent::before{
  opacity: .55;
}

/* =========================
   what_to_do.php overrides (scoped)
   Goal: make hero CTAs always visible and “premium”
========================= */

.page-what-to-do .wp-actions{
  gap: 12px;
  margin-top: 18px;
  position: relative;
  z-index: 5;
}

/* Make ALL hero buttons readable on dark hero */
.page-what-to-do .wp-actions .btn{
  border-width: 2px !important;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow: 0 16px 40px rgba(0,0,0,.32);
  transform: translateY(0);
}

.page-what-to-do .wp-actions .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(0,0,0,.40);
}

/* Ensure danger button matches the “strong CTA” style */
.page-what-to-do .wp-actions .btn-danger{
  background: rgba(220,38,38,1) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;
}

/* Ensure outline buttons never look faint/hidden */
.page-what-to-do .wp-actions .gp-btn-outline{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: rgba(255,255,255,.92) !important;
}

.page-what-to-do .wp-actions .gp-btn-outline:hover{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.38) !important;
  color: #fff !important;
}

.page-what-to-do .wp-actions .btn i{
  opacity: 1;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}





.page-home .training-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 991px){
  .page-home .training-grid{ grid-template-columns: 1fr; }
}

/* =========================
   what_is_phishing.php boxes (scoped)
   Supports multiple likely class names
========================= */

/* Grid wrappers */
.page-what-is-phishing .gp-flagGrid,
.page-what-is-phishing .gp-flags,
.page-what-is-phishing .gp-methodGrid,
.page-what-is-phishing .gp-methods{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

/* Individual boxes */
.page-what-is-phishing .gp-flagCard,
.page-what-is-phishing .gp-flag,
.page-what-is-phishing .gp-methodCard,
.page-what-is-phishing .gp-method{
  border-radius: 20px;
  padding: 14px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 12px 24px rgba(15,23,42,.08);
}

/* Headings inside those boxes */
.page-what-is-phishing .gp-flagCard h3,
.page-what-is-phishing .gp-flag h3,
.page-what-is-phishing .gp-methodCard h3,
.page-what-is-phishing .gp-method h3{
  margin: 0 0 6px;
  font-weight: 900;
  color:#0f172a;
  font-size: 1.05rem;
}

.page-what-is-phishing .gp-flagCard p,
.page-what-is-phishing .gp-flag p,
.page-what-is-phishing .gp-methodCard p,
.page-what-is-phishing .gp-method p{
  margin: 0;
  color:#475569;
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 991px){
  .page-what-is-phishing .gp-flagGrid,
  .page-what-is-phishing .gp-flags,
  .page-what-is-phishing .gp-methodGrid,
  .page-what-is-phishing .gp-methods{
    grid-template-columns: 1fr;
  }
}

/* =========================
   true_stories.php overrides (scoped)
   Centralized from inline <style> in true_stories.php
========================= */

.page-true-stories .gp-category-strip{
  border-radius: 24px;
  padding: 18px;
  background:
    radial-gradient(900px 260px at 12% 0%, rgba(37,99,235,.10), transparent 60%),
    linear-gradient(180deg, #ffffff, #eef2ff);
  border: 1px solid rgba(37,99,235,.16);
  box-shadow: 0 18px 42px rgba(15,23,42,.10);
}

.page-true-stories .gp-category-head{
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  margin-bottom: 12px;
}

.page-true-stories .gp-category-title{
  font-weight: 1000;
  color:#0f172a;
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 1.15rem;
}

.page-true-stories .gp-category-title i{
  width: 40px; height: 40px;
  border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color: #1e40af;
}

.page-true-stories .gp-category-sub{
  color:#64748b;
  font-size: .95rem;
}

.page-true-stories .gp-category-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.page-true-stories .gp-chip{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 16px;
  padding: 10px 12px;
  font-weight: 900;
  color:#1e40af;
  background: rgba(37,99,235,.06);
  border: 1px solid rgba(37,99,235,.16);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.page-true-stories .gp-chip i{ opacity: .9; }

.page-true-stories .gp-chip:hover{
  background: rgba(37,99,235,.10);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(37,99,235,.10);
}

/* ===== Stories grid/cards ===== */

.page-true-stories .stories-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.page-true-stories .story-card-link{
  text-decoration:none;
  color:inherit;
  display:block;
}

.page-true-stories .story-card-link:focus-visible{
  outline: 3px solid #60a5fa;
  outline-offset: 4px;
  border-radius: 22px;
}

.page-true-stories .story-card{
  position: relative;
  overflow:hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #d1d5db, #c7cdd6);
  border: 1px solid rgba(15,23,42,.14);
  box-shadow:
    0 16px 44px rgba(15,23,42,.14),
    0 1px 0 rgba(255,255,255,.35) inset;
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}

.page-true-stories .story-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 3px;
  background: linear-gradient(90deg, rgba(37,99,235,.60), rgba(99,102,241,.40), rgba(34,211,238,.30));
  opacity: .35;
}

.page-true-stories .story-card:hover{
  transform: translateY(-6px);
  border-color: rgba(37,99,235,.30);
  box-shadow:
    0 22px 64px rgba(15,23,42,.18),
    0 1px 0 rgba(255,255,255,.45) inset;
}

.page-true-stories .story-media{
  position: relative;
  height: 170px;
  overflow:hidden;
}

.page-true-stories .story-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease;
}

.page-true-stories .story-card:hover .story-img{ transform: scale(1.06); }

.page-true-stories .story-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(2,6,23,.05), rgba(2,6,23,.52));
}

.page-true-stories .story-badge{
  position:absolute;
  left: 14px;
  bottom: 14px;
}

.page-true-stories .story-badge .badge{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-weight: 900;
  padding: 8px 10px;
  border-radius: 999px;
  backdrop-filter: blur(8px);
}

.page-true-stories .story-content{ padding: 16px 16px 18px; }

.page-true-stories .story-meta{
  display:flex;
  align-items:center;
  gap: 10px;
  color:#475569;
  font-weight: 800;
  font-size: .92rem;
  margin-bottom: 10px;
}

.page-true-stories .story-meta i{ color:#2563eb; }

.page-true-stories .story-text{
  margin: 0 0 12px;
  color:#0f172a;
  line-height: 1.55;
  font-weight: 650;
}

.page-true-stories .lesson-box{
  border-radius: 18px;
  padding: 12px 12px;
  background:
    radial-gradient(700px 220px at 15% 20%, rgba(37,99,235,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,242,255,.78));
  border: 1px solid rgba(37,99,235,.18);
}

.page-true-stories .lesson-title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 1000;
  color:#0f172a;
  margin-bottom: 6px;
}

.page-true-stories .lesson-title i{
  width: 34px; height: 34px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color:#1e40af;
}

.page-true-stories .lesson-text{
  color:#475569;
  font-weight: 700;
  line-height: 1.45;
}

.page-true-stories .story-cta{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(15,23,42,.10);
  color:#1e40af;
  font-weight: 950;
}

/* Footer note */
.page-true-stories .gp-footer-note{
  border-radius: 18px;
  padding: 14px;
  background: rgba(2,6,23,.03);
  border: 1px solid rgba(15,23,42,.10);
  color:#475569;
}

.page-true-stories .gp-footer-note a{ font-weight: 900; }

/* Responsive */
@media (max-width: 991px){
  .page-true-stories .wp-hero-inner{ flex-direction: column; }
  .page-true-stories .wp-trust-pill{
    width: 100%;
    justify-content:center;
    white-space: normal;
  }
  .page-true-stories .wp-actions .btn{ width: 100%; }

  .page-true-stories .gp-category-head{
    flex-direction: column;
    align-items:flex-start;
  }
  .page-true-stories .gp-category-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-true-stories .stories-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px){
  .page-true-stories .gp-category-strip{ padding: 14px; }
  .page-true-stories .story-content{ padding: 14px; }
}
/* =========================
   report_scam.php overrides (scoped)
   Centralized from inline <style> in report_scam.php
========================= */



/* If gp-core/wp-template already defines these, you may not need them,
   but keeping them scoped here is safe. */

/* Inputs (keep your “te-input-ish” look on this page) */
.page-report-scam .gp-input{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.16);
  background: rgba(248,250,252,.70);
  box-shadow: none;
  font-weight: 650;
}
.page-report-scam .gp-input:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.16);
  background: rgba(255,255,255,.85);
}

/* Redact callout */
.page-report-scam .gp-redact{
  border-radius: 20px;
  padding: 12px 14px;
  background: rgba(255,247,237,.92);
  border: 1px solid rgba(245,158,11,.28);
}
.page-report-scam .gp-redact-head{
  display:flex;
  align-items:center;
  gap: 10px;
  color:#92400e;
}
.page-report-scam .gp-redact-text{
  color:#7c2d12;
  font-weight: 650;
  margin-top: 6px;
  line-height: 1.55;
}

/* Submit note */
.page-report-scam .gp-submit-note{
  text-align:center;
  color:#64748b;
  font-weight: 650;
  font-size: .95rem;
}
/* =========================
   index.php (home) — hero proof bullets readability
========================= */
.page-home .wp-hero .gp-proof{
  position: relative;
  z-index: 5; /* keep above hero overlays */
}

.page-home .wp-hero .gp-proof-item{
  color: rgba(255,255,255,.92);
  font-weight: 600;
}

.page-home .wp-hero .gp-proof-item i{
  color: rgba(255,255,255,.92);
  opacity: .95;
}

.page-home .wp-hero .gp-proof-item span{
  color: rgba(255,255,255,.92);
}
/* =========================
   index.php — hero trust line (Phase 1)
   Place directly under hero buttons (wp-actions)
========================= */
.page-home .gp-hero-trust{
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  backdrop-filter: blur(8px);
}

.page-home .gp-hero-trust i{
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.95);
}


/* =========================
   index.php — compact stats tiles FINAL OVERRIDES
   (Placed at the end so it wins over stats cards v2)
========================= */

/* Background band (marketing-friendly “trust” look) */
.page-home .home-stats-wrap{
  padding: 14px;
  border-radius: 26px;
  background:
    radial-gradient(900px 340px at 15% 0%, rgba(37,99,235,.08), transparent 60%),
    radial-gradient(700px 300px at 100% 100%, rgba(99,102,241,.08), transparent 60%),
    linear-gradient(180deg, rgba(241,245,249,1), rgba(226,232,240,1));
  border: 1px solid rgba(15,23,42,.10);
}

/* 6 tiles: compact grid */
.page-home .gp-stat-grid.gp-stat-grid-compact{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

/* Compact card geometry + readability */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card{
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.14);
  box-shadow: 0 14px 34px rgba(15,23,42,.10);
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Subtle hover lift (adds “pop” without being loud) */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card:hover{
  transform: translateY(-3px);
  border-color: rgba(37,99,235,.22);
  box-shadow: 0 20px 50px rgba(15,23,42,.16);
}

/* Remove any top-row layout if it ever exists */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-top,
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-ic,
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-src{
  display:none !important;
}

/* Number: strong + slightly tinted by tone (not bland) */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-number{
  font-size: 1.7rem;
  font-weight: 1000;
  margin: 2px 0 6px;
  letter-spacing: -.8px;
  color:#0f172a;
}

/* Label: readable and tight */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-label{
  font-size: .88rem;
  line-height: 1.25;
  font-weight: 850;
  color:#334155;
}

/* Tone-based number color accents (marketing-approved: subtle, trustworthy) */
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-blue   .gp-stat-number{ color:#1d4ed8; }
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-indigo .gp-stat-number{ color:#4338ca; }
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-teal   .gp-stat-number{ color:#0f766e; }
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-purple .gp-stat-number{ color:#6d28d9; }
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-amber  .gp-stat-number{ color:#b45309; }
.page-home .gp-stat-grid.gp-stat-grid-compact .gp-stat-card.gp-tone-slate  .gp-stat-number{ color:#334155; }

/* Responsive: 2 across on tablets, 1 across on phones */
@media (max-width: 991px){
  .page-home .gp-stat-grid.gp-stat-grid-compact{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px){
  .page-home .gp-stat-grid.gp-stat-grid-compact{
    grid-template-columns: 1fr;
  }
}
/* =========================
   index.php — Quick Start (premium)
========================= */

.page-home .gp-qs-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
}

.page-home .gp-qs-title{
  display:flex;
  align-items:flex-start;
  gap: 12px;
}

.page-home .gp-qs-title i{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color:#1e40af;
}

.page-home .gp-qs-sub{
  color:#64748b;
  font-weight: 800;
  margin-top: 2px;
}

.page-home .gp-qs-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(2,6,23,.04);
  border: 1px solid rgba(15,23,42,.10);
  color:#334155;
  font-weight: 900;
  white-space: nowrap;
}

.page-home .gp-qs-lead{
  color:#334155;
  font-weight: 750;
  line-height: 1.45;
}

.page-home .gp-qs-steps{
  display:flex;
  flex-direction: column;
  gap: 12px;
}

.page-home .gp-qs-step{
  display:flex;
  gap: 12px;
  border-radius: 18px;
  padding: 12px 12px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}

.page-home .gp-qs-step-badge{
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 1000;
  color:#0f172a;
  background: rgba(2,6,23,.05);
  border: 1px solid rgba(15,23,42,.12);
  flex: 0 0 34px;
}

.page-home .gp-qs-step-title{
  font-weight: 1000;
  color:#0f172a;
  letter-spacing: -.2px;
}

.page-home .gp-qs-step-text{
  color:#475569;
  font-weight: 750;
  line-height: 1.35;
  margin-top: 2px;
}

.page-home .gp-qs-mini{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  color:#334155;
  font-weight: 850;
  font-size: .85rem;
}

.page-home .gp-qs-mini i{
  color:#2563eb;
  opacity: .95;
  margin-right: 6px;
}

.page-home .gp-qs-cta{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.page-home .gp-qs-cta .btn{
  border-width: 2px !important;
}

.page-home .gp-qs-note{
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(2,6,23,.03);
  border: 1px solid rgba(15,23,42,.10);
  color:#475569;
  font-weight: 750;
  display:flex;
  gap: 10px;
  align-items:flex-start;
}

.page-home .gp-qs-note i{
  color:#2563eb;
  margin-top: 2px;
}

@media (max-width: 991px){
  .page-home .gp-qs-head{
    flex-direction: column;
    align-items:flex-start;
  }
  .page-home .gp-qs-pill{
    align-self:flex-start;
  }
  .page-home .gp-qs-cta .btn{
    width: 100%;
  }
}
/* =========================
   index.php — Hero Primary CTA upgrade
========================= */

.page-home .wp-actions .gp-btn-primary{
  box-shadow: 0 20px 60px rgba(37,99,235,.35);
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease;
}

.page-home .wp-actions .gp-btn-primary:hover{
  transform: translateY(-3px);
  box-shadow: 0 28px 75px rgba(37,99,235,.45);
}
.page-home .gp-hero-micro{
  margin-top: 12px;
  font-size: .88rem;
  font-weight: 700;
  color: rgba(255,255,255,.80);
}
/* =========================
   Home page: Bigger logo inside same frame
   (keeps the container/frame size the same)
========================= */

/* Try the most common logo image selectors */
.page-home .navbar-brand img,
.page-home .sidebar-brand img,
.page-home .brand img,
.page-home .logo img,
.page-home .site-logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.18);     /* <- bump this: 1.10–1.35 */
  transform-origin: center;
}

/* If your logo frame has padding and it feels “small”, reduce padding */
.page-home .navbar-brand,
.page-home .sidebar-brand,
.page-home .brand,
.page-home .logo,
.page-home .site-logo{
  padding: 0 !important;      /* keeps the frame, but removes extra whitespace */
}
/* What Is Phishing - only the "Top threat" stat card */
.page-what-is-phishing .gp-stat--top-threat{
  background: linear-gradient(180deg, #d1d5db, #c7cdd6) !important;
  border: 1px solid rgba(15,23,42,.14);
}
/* =========================
   Scam Lookup – Spotlight frame
========================= */
.page-scam-lookup .gp-spotlight-frame{
  position: relative;
  overflow: hidden;
}

/* top accent line */
.page-scam-lookup .gp-spotlight-frame::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg,
    rgba(239,68,68,.95),
    rgba(245,158,11,.95),
    rgba(239,68,68,.95)
  );
  pointer-events:none;
}

/* soft alert border (subtle) */
.page-scam-lookup .gp-spotlight-frame{
  border: 1px solid rgba(239,68,68,.18);
  box-shadow: 0 10px 28px rgba(2,6,23,.06);
}

/* slightly stronger on hover (still tasteful) */
.page-scam-lookup .gp-spotlight-frame:hover{
  border-color: rgba(239,68,68,.28);
  box-shadow: 0 14px 36px rgba(239,68,68,.08), 0 10px 28px rgba(2,6,23,.06);
}
/* =========================
   Spotlight card severity accents
========================= */

.page-scam-lookup .gp-spotCard{
  position: relative;
  border: 1px solid rgba(15,23,42,.08);
  transition: all .25s ease;
}

/* Accent bar */
.page-scam-lookup .gp-spotCard::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius: 4px 0 0 4px;
}

/* URGENT – red accent */
.page-scam-lookup .gp-spot-urgent::before{
  background: linear-gradient(
    180deg,
    rgba(239,68,68,.95),
    rgba(185,28,28,.95)
  );
}

/* COMMON – amber accent */
.page-scam-lookup .gp-spot-common::before{
  background: linear-gradient(
    180deg,
    rgba(245,158,11,.95),
    rgba(217,119,6,.95)
  );
}

/* subtle hover lift */
.page-scam-lookup .gp-spotCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2,6,23,.08);
}