/*
Theme Name: Verified Point
Theme URI: https://theverifiedpoint.com
Author: Verified Point
Description: Custom theme for TheVerifiedPoint — AI tool reviews, comparisons, and best-of lists. Built for affiliate marketing and AdSense.
Version: 1.0
Requires PHP: 7.4
Text Domain: verifiedpoint
*/

/* ---------- Design tokens ---------- */
:root{
  --vp-black:#0b0b0c;
  --vp-teal:#11b495;
  --vp-teal-dark:#0c8a72;
  --vp-teal-light:#e4f7f2;
  --vp-white:#ffffff;
  --vp-gray-50:#f7f7f8;
  --vp-gray-100:#eeeeef;
  --vp-gray-200:#e2e2e4;
  --vp-gray-500:#6b6b70;
  --vp-gray-700:#3a3a3d;
  --font-head:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --radius:10px;
  --max:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;}

body{
  font-family:var(--font-body);
  color:var(--vp-black);
  background:var(--vp-white);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}

h1,h2,h3,h4{
  font-family:var(--font-head);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-0.02em;
}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}

/* ---------- Verified badge (signature element) ---------- */
.v-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--font-head);
  font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
  color:var(--vp-teal-dark);
  background:var(--vp-teal-light);
  border:1px solid rgba(17,180,149,0.25);
  padding:4px 10px;border-radius:20px;
}
.v-badge::before{
  content:"";
  width:12px;height:12px;
  background:var(--vp-teal);
  clip-path:polygon(10% 45%, 0% 60%, 38% 100%, 100% 15%, 85% 0%, 38% 68%);
}
.v-badge.on-dark{ background:rgba(17,180,149,0.15); color:#8ee9d5; border-color:rgba(17,180,149,0.3); }

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:100;
  background:var(--vp-white);
  border-bottom:1px solid var(--vp-gray-200);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;
}
.site-logo img{height:38px;width:auto;}
.site-logo{font-family:var(--font-head);font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;}

.primary-nav ul{display:flex;gap:4px;align-items:center;}
.primary-nav > ul > li{position:relative;}
.primary-nav a{
  display:block;padding:10px 14px;border-radius:8px;
  font-size:14px;font-weight:500;color:var(--vp-gray-700);
  transition:background .15s,color .15s;position:relative;
}
.primary-nav > ul > li > a:hover{color:var(--vp-black);}
.primary-nav > ul > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;
  background:var(--vp-teal);transform:scaleX(0);transform-origin:left;
  transition:transform .18s;
}
.primary-nav > ul > li > a:hover::after{transform:scaleX(1);}

.primary-nav .sub-menu{
  display:none;position:absolute;top:100%;left:0;
  background:var(--vp-white);border:1px solid var(--vp-gray-200);
  border-radius:var(--radius);padding:8px;min-width:200px;
  box-shadow:0 12px 24px rgba(0,0,0,0.08);
}
.primary-nav li:hover > .sub-menu{display:block;}
.primary-nav .sub-menu a{font-size:13px;padding:8px 12px;}

.header-actions{display:flex;align-items:center;gap:10px;}
.btn-search{
  width:36px;height:36px;border-radius:8px;border:1px solid var(--vp-gray-200);
  background:var(--vp-white);display:flex;align-items:center;justify-content:center;
}
.nav-toggle{display:none;background:none;border:none;font-size:22px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-head);font-weight:600;font-size:14px;
  padding:13px 24px;border-radius:9px;border:1px solid transparent;
  transition:opacity .15s, transform .15s, box-shadow .15s;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--vp-teal);color:var(--vp-white);}
.btn-primary:hover{opacity:0.92;box-shadow:0 10px 24px rgba(17,180,149,0.28);transform:translateY(-1px);}
.btn-dark{background:var(--vp-black);color:var(--vp-white);}
.btn-dark:hover{opacity:0.88;box-shadow:0 10px 24px rgba(0,0,0,0.18);transform:translateY(-1px);}
.btn-outline{background:transparent;border-color:var(--vp-gray-200);color:var(--vp-black);}
.btn-outline:hover{border-color:var(--vp-black);transform:translateY(-1px);}

/* ---------- Hero ---------- */
.hero{padding:80px 0 64px;position:relative;overflow:hidden;}
.hero::before{
  content:"";position:absolute;top:-120px;right:-140px;width:520px;height:520px;
  background:var(--vp-teal-light);
  clip-path:polygon(10% 45%, 0% 60%, 38% 100%, 100% 15%, 85% 0%, 38% 68%);
  z-index:0;pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;position:relative;z-index:1;}
.eyebrow{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-head);font-size:12px;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--vp-teal-dark);
  margin-bottom:18px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--vp-teal);}
.hero h1{font-size:clamp(38px,5vw,64px);margin-bottom:22px;}
.hero p.lead{font-size:18px;color:var(--vp-gray-500);max-width:520px;margin-bottom:30px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}

.pick-card{
  background:var(--vp-white);border:1px solid var(--vp-gray-100);
  border-radius:18px;overflow:hidden;
  box-shadow:0 30px 60px rgba(11,11,12,0.10);
}
.pick-card-top{
  background:var(--vp-black);color:var(--vp-white);
  padding:20px;display:flex;align-items:center;justify-content:space-between;
}
.pick-card-body{padding:22px;}
.pick-card-body h3{font-size:20px;margin-bottom:10px;}
.score-row{display:flex;align-items:center;gap:10px;margin:14px 0;}
.score-big{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--vp-teal-dark);}
.score-out{font-size:12px;color:var(--vp-gray-500);}

/* ---------- Trust strip ---------- */
.trust-strip{border-top:1px solid var(--vp-gray-200);border-bottom:1px solid var(--vp-gray-200);background:var(--vp-gray-50);}
.trust-strip .wrap{
  display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;
  padding:22px 24px;font-size:13.5px;color:var(--vp-gray-500);
}
.trust-strip span{display:flex;align-items:center;gap:8px;}
.trust-strip span::before{
  content:"";width:14px;height:14px;flex-shrink:0;
  background:var(--vp-teal);
  clip-path:polygon(10% 45%, 0% 60%, 38% 100%, 100% 15%, 85% 0%, 38% 68%);
}
.trust-strip strong{color:var(--vp-black);}

/* ---------- Sections ---------- */
.section{padding:64px 0;}
.section-alt{background:var(--vp-gray-50);}
.section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:30px;gap:20px;flex-wrap:wrap;
}
.section-head h2{font-size:26px;}
.section-head .see-all{
  font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--vp-teal-dark);
  display:flex;align-items:center;gap:4px;
}
.section-sub{color:var(--vp-gray-500);font-size:14px;margin-top:6px;}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.card{
  background:var(--vp-white);border:1px solid var(--vp-gray-100);
  border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;
  box-shadow:0 1px 2px rgba(0,0,0,0.03);
}
.card:hover{box-shadow:0 16px 32px rgba(0,0,0,0.09);transform:translateY(-3px);}
.card-thumb{
  height:150px;position:relative;overflow:hidden;
  background:linear-gradient(135deg, var(--vp-black) 0%, var(--vp-teal-dark) 100%);
  display:flex;align-items:center;justify-content:center;
}
.card-thumb::before{
  content:"";position:absolute;width:70px;height:70px;opacity:0.18;
  background:var(--vp-white);
  clip-path:polygon(10% 45%, 0% 60%, 38% 100%, 100% 15%, 85% 0%, 38% 68%);
}
.card-thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
.card-body{padding:18px;}
.card-body h3{font-size:16px;margin:10px 0 8px;}
.card-body p{font-size:13.5px;color:var(--vp-gray-500);margin-bottom:14px;}
.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--vp-gray-100);padding-top:12px;}
.card-foot .read-more{font-size:13px;font-weight:600;color:var(--vp-teal-dark);}

/* ---------- Finder promo band ---------- */
.finder-band{background:var(--vp-black);color:var(--vp-white);padding:56px 0;position:relative;overflow:hidden;}
.finder-band::after{
  content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;
  background:var(--vp-teal);opacity:0.12;clip-path:polygon(10% 45%,0% 60%,38% 100%,100% 15%,85% 0%,38% 68%);
}
.finder-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;z-index:1;}
.finder-text h2{color:var(--vp-white);font-size:28px;margin-bottom:10px;}
.finder-text p{color:#b8bcc0;max-width:480px;}

/* ---------- Trending / guides ---------- */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.trend-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--vp-gray-200);}
.trend-num{font-family:var(--font-head);font-size:20px;color:var(--vp-gray-200);font-weight:700;}
.trend-item h4{font-size:15px;margin-bottom:6px;}
.trend-item p{font-size:13px;color:var(--vp-gray-500);}

/* ---------- Newsletter ---------- */
.newsletter{background:var(--vp-teal-light);padding:48px 0;}
.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.newsletter h3{font-size:22px;margin-bottom:6px;}
.newsletter p{color:var(--vp-gray-700);font-size:14px;}
.newsletter-form{display:flex;gap:10px;}
.newsletter-form input{
  padding:12px 16px;border-radius:8px;border:1px solid var(--vp-gray-200);
  font-size:14px;min-width:220px;
}

/* ---------- Footer ---------- */
.site-footer{background:var(--vp-black);color:#c9cbce;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-brand p{margin-top:14px;font-size:13.5px;color:#9a9ea1;max-width:280px;}
.footer-col h5{font-family:var(--font-head);font-size:13px;color:var(--vp-white);margin-bottom:14px;letter-spacing:0.03em;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:#a7abae;}
.footer-col a:hover{color:var(--vp-teal);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:#8a8e91;
}

/* ---------- Ad slots ---------- */
.ad-slot{
  border:1px dashed var(--vp-gray-200);border-radius:10px;
  padding:16px;text-align:center;color:var(--vp-gray-500);font-size:12px;
  margin:32px 0;background:var(--vp-gray-50);
}

/* ---------- Single post ---------- */
.single-wrap{max-width:760px;margin:0 auto;padding:48px 24px;}
.single-wrap h1{font-size:34px;margin-bottom:14px;}
.post-meta{font-size:13px;color:var(--vp-gray-500);margin-bottom:28px;display:flex;gap:14px;align-items:center;}
.single-content{font-size:16.5px;}
.single-content h2{font-size:24px;margin:36px 0 14px;}
.single-content h3{font-size:19px;margin:26px 0 10px;}
.single-content p{margin-bottom:18px;}
.single-content img{border-radius:10px;margin:20px 0;}
.single-content ol,.single-content ul{margin:0 0 18px 22px;}
.single-content li{margin-bottom:8px;}

/* ---------- Archive ---------- */
.archive-wrap{max-width:var(--max);margin:0 auto;padding:48px 24px;}
.archive-head{margin-bottom:36px;}
.archive-head h1{font-size:30px;}

/* ---------- Tool Finder page ---------- */
.finder-tool{max-width:900px;margin:0 auto;padding:56px 24px;}
.finder-form{
  background:var(--vp-gray-50);border:1px solid var(--vp-gray-200);
  border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;
}
.finder-form label{font-size:13px;font-weight:600;margin-bottom:6px;display:block;}
.finder-form select,.finder-form input{
  width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--vp-gray-200);
  font-size:14px;background:var(--vp-white);
}
.finder-form .full{grid-column:1/-1;}
#finder-results{margin-top:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
#finder-empty{color:var(--vp-gray-500);font-size:14px;margin-top:24px;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .hero-grid,.two-col,.footer-grid{grid-template-columns:1fr;}
  .card-grid{grid-template-columns:repeat(2,1fr);}
  .finder-form{grid-template-columns:1fr;}
  #finder-results{grid-template-columns:1fr;}
  .primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--vp-white);border-bottom:1px solid var(--vp-gray-200);padding:12px;}
  .primary-nav.open{display:block;}
  .primary-nav ul{flex-direction:column;align-items:stretch;}
  .primary-nav .sub-menu{position:static;box-shadow:none;border:none;padding-left:12px;}
  .nav-toggle{display:block;}
}
@media (max-width:600px){
  .card-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}