/*
Theme Name: Bulk Email Finder
Theme URI: https://bulkemailfinder.site
Author: Publisher Reach
Description: Lightweight Bootstrap 5 theme for the Bulk Email Finder ordering site. No page-builder bloat.
Version: 1.0
Text Domain: bulkemailfinder
*/

:root{
  --ink: #151821;
  --paper: #FAF9F6;
  --signal: #3454D1;
  --signal-dark: #2842AD;
  --amber: #E8A33D;
  --slate: #6B7280;
  --hairline: #E3E1DA;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "IBM Plex Sans", -apple-system, Segoe UI, Roboto, sans-serif;
}

*{ box-sizing: border-box; }

body{
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
}

h1,h2,h3,h4{ font-family: var(--font-display); font-weight: 500; color: var(--ink); }
a{ color: var(--signal); text-decoration: none; }
a:hover{ color: var(--signal-dark); }

.btn{ border-radius: 4px; font-weight: 500; }
.btn-signal{ background: var(--signal); border-color: var(--signal); color: #fff; }
.btn-signal:hover{ background: var(--signal-dark); border-color: var(--signal-dark); color: #fff; }
.btn-outline-ink{ border: 1px solid var(--ink); color: var(--ink); background: transparent; }
.btn-outline-ink:hover{ background: var(--ink); color: var(--paper); }

/* Navbar */
.pr-navbar{ background: var(--paper); border-bottom: 1px solid var(--hairline); padding: 1rem 0; }
.pr-navbar .navbar-brand{ font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; color: var(--ink); }
.pr-navbar .nav-link{ color: var(--ink); font-size: 0.95rem; font-weight: 500; }
.pr-navbar .nav-link:hover{ color: var(--signal); }

/* Hero */
.pr-hero{ padding: 3.5rem 0 1.5rem; }
.pr-eyebrow{ color: var(--slate); font-size: 0.95rem; margin-bottom: 0.5rem; }
.pr-h1{ font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1.15; }
.pr-lead{ color: var(--slate); font-size: 1.05rem; max-width: 640px; }

/* Panels & cards */
.pr-stat-panel{ border: 1px solid var(--hairline); border-radius: 6px; background: #fff; padding: 1.75rem; }
.pr-price-card{ border: 1px solid var(--hairline); border-radius: 6px; background: #fff; padding: 1.5rem; height: 100%; text-align: center; }
.pr-price-card.pr-price-featured{ border: 2px solid var(--signal); position: relative; }
.pr-price-badge{ background: var(--signal); color: #fff; font-size: 0.75rem; padding: 0.25rem 0.75rem; border-radius: 20px; display: inline-block; margin-bottom: 0.5rem; }
.pr-price-amount{ font-family: var(--font-display); font-size: 1.8rem; margin: 0.5rem 0 0.1rem; }
.pr-price-sub{ color: var(--slate); font-size: 0.85rem; }
.pr-card-tag{ display:inline-block; font-size:0.8rem; color:var(--signal); background:rgba(52,84,209,0.08); padding:0.25rem 0.65rem; border-radius:4px; font-weight:500; }

/* Frequency tabs */
.pr-freq-tab{ background:none; border:none; padding:0.75rem 0; font-weight:500; color:var(--slate); border-bottom:2px solid transparent; margin-bottom:-1px; cursor:pointer; font-size:1rem; }
.pr-freq-tab.active{ color:var(--signal); border-bottom-color:var(--signal); }
.pr-freq-badge{ font-size:0.7rem; background:rgba(232,163,61,0.15); color:#a8720f; padding:0.1rem 0.4rem; border-radius:10px; margin-left:0.25rem; }
.pr-freq-tabs-wrap{ overflow-x:auto; }

.pr-section{ padding: 3rem 0; }

/* Footer */
.pr-footer{ background: var(--ink); color: rgba(250,249,246,0.7); padding: 2.5rem 0; text-align:center; font-size:0.85rem; margin-top: 2rem; }
.pr-footer a{ color: var(--amber); }

@media (max-width:768px){ #prPackageGrid > div{ flex:0 0 50% !important; max-width:50% !important; } }
@media (prefers-reduced-motion: reduce){ *{ animation:none !important; transition:none !important; } }