/*
Theme Name: WP Finder
Theme URI: https://bwpexperts.com/
Author: BWP Experts
Author URI: https://bwpexperts.com/
Description: Fast, SEO-ready theme for the WP Finder website — find WordPress sites and their contact details.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: wpfinder
*/

:root{
	--bg:#fff;--soft:#F9F9F9;--ink:#0D0D0D;--text:#404040;--muted:#6B6B6B;
	--accent:#0D0D0D;--accent-d:#000000;--accent-soft:#F3F3F3;--line:#E5E5E5;
	--ok:#16A34A;--ok-soft:#ECFDF3;--no:#B91C1C;--no-soft:#FEF2F2;
	--r:16px;--r-sm:12px;--shadow:0 1px 2px rgba(28,25,23,.04),0 12px 32px rgba(28,25,23,.07);
	--font:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--accent-d);text-underline-offset:3px}
h1,h2,h3,h4{color:var(--ink);line-height:1.18;letter-spacing:-.02em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(34px,5vw,56px)}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:19px;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid rgba(0,0,0,0.2);outline-offset:2px;border-radius:6px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.narrow{width:min(780px,100% - 40px);margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:var(--r-sm);font-weight:700;font-size:15.5px;text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;cursor:pointer;line-height:1.2}
.btn svg{width:18px;height:18px;flex:none}
.btn--p{background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,0.31)}
.btn--p:hover{background:var(--accent-d);transform:translateY(-1px)}
.btn--o{background:#fff;color:var(--ink);border-color:var(--line)}
.btn--o:hover{border-color:var(--ink)}
.btn--sm{padding:10px 16px;font-size:14.5px}
.btn small{display:block;font-weight:500;font-size:12px;opacity:.85}
.btn .stack{display:grid;text-align:left;line-height:1.25}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.is-scrolled{border-color:var(--line)}
.hdr__in{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.02em}
.brand__mark{width:36px;height:36px;border-radius:10px;background:var(--accent);display:grid;place-items:center;flex:none}
.brand__mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.brand small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:-2px}
.nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;padding:9px 12px;border-radius:10px}
.nav a:hover,.nav a[aria-current=page]{background:var(--soft);color:var(--accent-d)}
.hdr__cta{display:flex;gap:10px}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer}
.menu-btn svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
@media (max-width:980px){
	.menu-btn{display:grid;place-items:center}
	.nav,.hdr__cta{display:none}
	.hdr.is-open{background:#fff;border-color:var(--line)}
	.hdr.is-open .hdr__in{flex-wrap:wrap;height:auto;min-height:72px;padding:14px 0 18px}
	.hdr.is-open .nav{display:flex;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;margin:10px 0 0}
	.hdr.is-open .nav a{padding:12px}
	.hdr.is-open .hdr__cta{display:flex;order:4;flex-basis:100%;margin-top:8px}
	.hdr.is-open .hdr__cta .btn{flex:1}
}

/* Sections */
.sec{padding:96px 0}
.sec--soft{background:var(--soft)}
.sec--tight{padding:64px 0}
.head{max-width:700px;margin:0 auto 52px;text-align:center}
.head p{font-size:18px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-d);margin-bottom:12px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-d);font-size:13px;font-weight:700}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(0,0,0,0.08)}

/* Hero */
.hero{position:relative;padding:72px 0 88px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-30% -10% auto 40%;height:700px;background:radial-gradient(closest-side,rgba(0,0,0,0.06),transparent);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.hero h1 span{color:var(--accent)}
.hero__lead{font-size:19px;max-width:560px;margin:18px 0 28px}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding:0;list-style:none;font-size:14.5px;font-weight:600;color:var(--ink)}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){.hero__grid{grid-template-columns:1fr}.hero{padding-top:44px}}

/* App mockup */
.app{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -24px rgba(28,25,23,.28);overflow:hidden;font-size:12.5px}
.app__bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);background:#FAFAFA}
.app__bar i{width:9px;height:9px;border-radius:50%;background:#E0E0E0}
.app__bar b{margin-left:8px;color:var(--ink);font-size:12.5px}
.app__body{display:grid;grid-template-columns:150px 1fr;min-height:300px}
.app__side{border-right:1px solid var(--line);padding:14px;display:grid;align-content:start;gap:10px;background:#FCFCFC}
.app__side label{font-size:11px;font-weight:700;color:var(--muted)}
.app__in{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:var(--ink);font-size:12px;line-height:1.5}
.app__go{background:var(--accent);color:#fff;border-radius:8px;padding:8px;text-align:center;font-weight:700}
.app__main{padding:12px 14px;overflow:hidden}
.app__tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.app__tabs span{padding:4px 9px;border-radius:999px;background:#F3F3F3;font-weight:600;color:var(--ink);font-size:11.5px}
.app__tabs span:first-child{background:var(--ink);color:#fff}
.app table{width:100%;border-collapse:collapse}
.app td,.app th{padding:7px 6px;border-bottom:1px solid #F2F2F2;text-align:left;white-space:nowrap}
.app th{font-size:11px;color:var(--muted);font-weight:700}
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
.tag--y{background:var(--ok-soft);color:var(--ok)}
.tag--n{background:#F3F3F3;color:var(--muted)}
.app .mail{color:var(--ink);font-weight:600}
.app .soc{color:var(--muted)}
@media (max-width:620px){.app__body{grid-template-columns:1fr}.app__side{display:none}}

/* Cards / grids */
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--3,.grid--4,.grid--2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#D4D4D4}
.card p{margin:0;font-size:15.5px}
.ic{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:18px}
.ic svg{width:24px;height:24px;fill:none;stroke:var(--accent-d);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:16px}
.step p{margin:0}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:32px;color:var(--ink);font-weight:500}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.cols{display:flex;flex-wrap:wrap;gap:8px}
.cols span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:600;color:var(--ink);font-size:14px}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:860px;margin:0 auto}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 30px;display:flex;flex-direction:column}
.plan--hot{border:2px solid var(--accent);box-shadow:0 24px 60px -28px rgba(0,0,0,0.25)}
.plan__tag{position:absolute;top:-13px;left:30px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.04em}
.plan h3{font-size:21px;margin-bottom:4px}
.plan__price{display:flex;align-items:baseline;gap:6px;margin:16px 0 4px}
.plan__price b{font-size:48px;color:var(--ink);letter-spacing:-.03em;line-height:1}
.plan__per{font-size:14px;color:var(--muted);margin-bottom:22px}
.plan .ticks{flex:1}
.plan .btn{width:100%}
.note{text-align:center;font-size:14.5px;margin-top:22px}
.custom{max-width:860px;margin:22px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border:1px dashed #D9D9D9;border-radius:var(--r);background:#fff}
.custom b{color:var(--ink)}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px;transition:border-color .2s}
.faq details[open]{border-color:#D9D9D9}
.faq summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font-weight:700;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;margin-top:-8px;border-right:2.4px solid var(--accent);border-bottom:2.4px solid var(--accent);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq details p{margin:0 0 20px}

/* CTA band */
.band{background:var(--ink);color:#CFCFCF;border-radius:24px;padding:56px 48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0.2),transparent)}
.band h2{color:#fff;margin-bottom:8px}
.band p{margin:0;font-size:17px}
.band .hero__ctas{position:relative;z-index:1}
.band .btn--o{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.band .btn--o:hover{border-color:#fff}
@media (max-width:860px){.band{grid-template-columns:1fr;padding:40px 26px}}

/* Page hero */
.phero{padding:64px 0 40px;text-align:center;background:linear-gradient(var(--soft),#fff)}
.phero p{font-size:18px;max-width:640px;margin:14px auto 0}
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:16px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent-d)}

/* Prose */
.prose{font-size:17px;color:#3A3A3A}
.prose h2{font-size:28px;margin:1.6em 0 .5em}
.prose h3{font-size:21px;margin:1.4em 0 .4em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:.35em 0}
.prose blockquote{margin:1.4em 0;padding:16px 20px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 12px 12px 0}
.prose code{background:#F3F3F3;padding:2px 6px;border-radius:6px;font-size:.92em}
.prose pre{background:#0D0D0D;color:#F5F5F4;padding:18px;border-radius:12px;overflow:auto;font-size:14px}
.prose pre code{background:none;padding:0}
.prose img{border-radius:12px}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15.5px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose th{background:var(--soft);color:var(--ink)}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:980px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-card__img{aspect-ratio:16/9;background:linear-gradient(135deg,#F3F3F3,#EDEDED);display:grid;place-items:center}
.post-card__img img{width:100%;height:100%;object-fit:cover}
.post-card__img svg{width:56px;height:56px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.post-card__b{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card h3{margin:0;font-size:18.5px}
.post-card p{margin:0;font-size:15px}
.meta{font-size:13px;color:var(--muted);font-weight:600}
.more{margin-top:auto;font-weight:700;color:var(--accent-d);font-size:14.5px}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pager a,.pager span{padding:9px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600}
.pager .current{background:var(--accent);border-color:var(--accent);color:#fff}
.article{padding:56px 0 80px}
.article__head{text-align:center;margin-bottom:34px}
.article__head h1{font-size:clamp(30px,4vw,44px)}
.article__img{margin:0 0 34px;border-radius:18px;overflow:hidden}
.cta-box{margin:44px 0 0;padding:28px;border-radius:18px;background:var(--soft);border:1px solid #D6D6D6;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.cta-box .ic{margin:0}
.cta-box h3{margin:0 0 4px}
.cta-box p{margin:0 0 12px;font-size:15.5px}
@media (max-width:560px){.cta-box{grid-template-columns:1fr}}

/* Contact */
.contact-cards .card{display:flex;flex-direction:column;gap:8px}

/* Footer */
.ftr{border-top:1px solid var(--line);padding:64px 0 28px;background:#FAFAFA;font-size:15px}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
@media (max-width:860px){.ftr__grid{grid-template-columns:1fr 1fr}}
.ftr h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:14px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.ftr a{color:var(--text);text-decoration:none}
.ftr a:hover{color:var(--accent-d)}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:14px;color:var(--muted)}
.e404{padding:110px 0;text-align:center}
.e404 b{display:block;font-size:96px;line-height:1;color:var(--accent);letter-spacing:-.04em}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* fixes v1.0.1 */
.btn svg,.trust svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.app td:last-child{white-space:normal;word-break:break-all;min-width:150px}
.app td{vertical-align:top}

/* fixes v1.0.2 */
.app table{table-layout:fixed}
.app th:nth-child(1),.app td:nth-child(1){width:38%;overflow:hidden;text-overflow:ellipsis}
.app th:nth-child(2),.app td:nth-child(2){width:24%}
.app td:last-child{min-width:0;word-break:break-word;overflow-wrap:anywhere}

/* v1.0.3 – page illustrations and card titles */
.shot{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.split .shot+.cols{margin-top:18px}
.figure{margin:0 auto;max-width:960px;text-align:center}
.figure figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.post-card__t{margin:0;font-size:18.5px;font-weight:800;color:var(--ink);line-height:1.25;letter-spacing:-.02em}

/* v1.0.4 – header account link */
.hdr__acct{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:10px}
.hdr__acct:hover{background:var(--soft,#F3F3F3);color:var(--accent)}
.hdr__acct svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ==== My Account (v1.1.0) ==== */
.woocommerce-account .sec--tight .woocommerce{display:block}
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;margin:0}
.wpf-acc-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}
.wpf-acc-av{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:21px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#5B5B5B,#0D0D0D 55%,#000000);box-shadow:0 12px 24px -12px rgba(0,0,0,0.41);flex:none}
.wpf-acc-who{flex:1;min-width:200px}
.wpf-acc-who b{display:block;color:var(--ink);font-size:20px;letter-spacing:-.01em}
.wpf-acc-who small{color:var(--muted);font-size:13.5px}
.wpf-acc-btns{display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-MyAccount-navigation{background:var(--soft);border:1px solid var(--line);border-radius:0 0 22px 22px;padding:8px;margin:0 0 26px!important;overflow-x:auto}
.woocommerce-MyAccount-navigation:first-child{border-radius:22px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;width:max-content;min-width:100%}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;color:var(--text);font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.woocommerce-MyAccount-navigation li a::before{content:"";width:17px;height:17px;flex:none;background:currentColor;opacity:.65;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.woocommerce-MyAccount-navigation li a:hover{background:#fff;color:var(--ink)}
.woocommerce-MyAccount-navigation li.is-active a{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 18px -10px rgba(0,0,0,.3)}
.woocommerce-MyAccount-navigation li.is-active a::before{background:var(--accent);opacity:1}
.woocommerce-MyAccount-navigation-link--customer-logout{margin-left:auto!important}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--no)!important}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:var(--no-soft)!important}
.woocommerce-MyAccount-navigation-link--refer-earn a{position:relative;overflow:hidden;color:#6B3F00!important;font-weight:800!important;background:linear-gradient(135deg,#FFF6D5,#FDE68A 45%,#F8C64A);border:1px solid #F1C14B;box-shadow:0 8px 18px -12px rgba(217,119,6,.9)}
.woocommerce-MyAccount-navigation-link--refer-earn a::before{background:#B45309!important;opacity:1!important}
.woocommerce-MyAccount-navigation-link--refer-earn a::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:wpfShine 3.6s ease-in-out infinite}
.woocommerce-MyAccount-navigation-link--refer-earn.is-active a{background:linear-gradient(135deg,#F8C64A,#E8A317 55%,#B7791F);color:#fff!important}
.woocommerce-MyAccount-navigation-link--refer-earn.is-active a::before{background:#fff!important}
@keyframes wpfShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.woocommerce-MyAccount-navigation-link--dashboard{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v5h-8zM13 10h8v11h-8zM3 13h8v8H3z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12l2 4v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6zm0 4h12l-1-2H7zm3 4v2a3 3 0 0 0 6 0v-2h-2v2a1 1 0 0 1-2 0v-2z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--view-license-keys{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7a5 5 0 1 1 4.6 7H11v2H9v2H7v3H3v-4l5.2-5.2A5 5 0 0 1 8 7zm5-1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--downloads{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9.6l3.3-3.3 1.4 1.4L12 16.4l-5.7-5.7 1.4-1.4 3.3 3.3zM4 18h16v3H4z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7zm0 4.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--payment-methods{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2H2zm0 4h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm3 5v2h5v-2z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 12c5 0 9 2.5 9 6v2H3v-2c0-3.5 4-6 9-6z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--refer-earn{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0 0 12 3.8 3 3 0 0 0 6.2 7H4a1 1 0 0 0-1 1v3h8V7h2v4h8V8a1 1 0 0 0-1-1zM9 7a1 1 0 1 1 1-1v1zm6 0h-1V6a1 1 0 1 1 1 1zM4 13v7a1 1 0 0 0 1 1h6v-8zm9 0v8h6a1 1 0 0 0 1-1v-7z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h9v2H6v14h7v2H4zm12.3 4.3 4.7 4.7-4.7 4.7-1.4-1.4 2.3-2.3H9v-2h8.2l-2.3-2.3z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-content{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-width:0}
.woocommerce-MyAccount-content:has(.wpf-cc)>p{display:none}
.woocommerce-MyAccount-content:has(.wpf-cc),.woocommerce-MyAccount-content:has(.wpfre){background:transparent;border:0;padding:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:22px}
.woocommerce-MyAccount-content table.shop_table{border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;width:100%;font-size:15px}
.woocommerce-MyAccount-content table.shop_table th{background:var(--soft);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;padding:12px 14px}
.woocommerce-MyAccount-content table.shop_table td{padding:13px 14px;border-top:1px solid var(--line)}
.woocommerce-account .woocommerce .button,.woocommerce-account .woocommerce button.button,.woocommerce-account .woocommerce a.button{background:var(--accent);color:#fff;border-radius:10px;font-weight:700;padding:10px 16px;border:0;line-height:1.2}
.woocommerce-account .woocommerce .button:hover{background:var(--accent-d);color:#fff}
.woocommerce-account .woocommerce form .form-row input.input-text,.woocommerce-account .woocommerce form .form-row textarea,.woocommerce-account .woocommerce form .form-row select{border:1px solid #DCDCDC;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}
.woocommerce-account .woocommerce form .form-row input.input-text:focus{border-color:var(--accent);outline:3px solid rgba(0,0,0,0.08)}
.woocommerce-account .woocommerce form .form-row label{font-weight:600;color:var(--ink);font-size:14px}
.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-error{border-radius:14px;border-top:0;border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--ink)}
.woocommerce-account .woocommerce-error{border-left-color:var(--no);background:var(--no-soft)}
.woocommerce-account .woocommerce-message::before,.woocommerce-account .woocommerce-info::before{color:var(--accent)}
#customer_login{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto}
#customer_login::before,#customer_login::after{display:none}
#customer_login>div{float:none;width:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
#customer_login h2{font-size:24px;margin-bottom:6px}
.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register{border:0;padding:0;margin:14px 0 0}
.woocommerce-account .woocommerce form.login .button,.woocommerce-account .woocommerce form.register .button{width:100%;padding:14px;font-size:15.5px;margin-top:6px}
.wpf-cc{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
.wpf-cc__main,.wpf-cc__side{display:grid;gap:22px}
.wpf-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.wpf-panel h3{font-size:18px!important;margin:0 0 4px}
.wpf-panel__sub{color:var(--muted);font-size:14px;margin:0 0 16px!important}
.wpf-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wpf-step{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px}
.wpf-step__n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--soft);color:var(--ink);border:1px solid var(--line);flex:none}
.wpf-step.is-done{background:var(--accent-soft);border-color:#D9D9D9}
.wpf-step.is-done .wpf-step__n{background:var(--accent);border-color:var(--accent);color:#fff}
.wpf-step__t{flex:1;min-width:0}
.wpf-step__t b{display:block;color:var(--ink);font-size:15px}
.wpf-step__t span{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.wpf-step__a{font-weight:700;font-size:14px;color:var(--accent-d);text-decoration:none;white-space:nowrap}
.wpf-step__a:hover{text-decoration:underline}
.wpf-orders{display:grid;gap:8px}
.wpf-ord{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--soft);text-decoration:none;color:var(--text);font-size:14px}
.wpf-ord:hover{background:var(--accent-soft)}
.wpf-ord b{color:var(--ink)}
.wpf-ord__st{font-style:normal;font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;background:#fff;border:1px solid var(--line)}
.wpf-ord__st.is-completed,.wpf-ord__st.is-processing{color:var(--accent-d);border-color:#D9D9D9}
.wpf-ord__st.is-pending,.wpf-ord__st.is-on-hold{color:#C2410C;border-color:#FED7AA}
.wpf-ord__st.is-cancelled,.wpf-ord__st.is-failed,.wpf-ord__st.is-refunded{color:var(--no);border-color:#FECACA}
.wpf-ord__tot{margin-left:auto;color:var(--ink);font-weight:800}
.wpf-empty{padding:18px;border:1px dashed #D9D9D9;border-radius:14px;text-align:center;color:var(--muted);font-size:14px}
.wpf-gold{position:relative;overflow:hidden;border-radius:22px;padding:24px;color:#3D2600;background:linear-gradient(135deg,#FFF3C4 0%,#FCD34D 38%,#F59E0B 72%,#D97706 100%);box-shadow:0 22px 44px -24px rgba(217,119,6,.75)}
.wpf-gold::before{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%)}
.wpf-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-120%);animation:wpfShine 4.5s ease-in-out infinite;pointer-events:none}
.wpf-gold>*{position:relative;z-index:1}
.wpf-gold small{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7A4A00}
.wpf-gold h3{color:#2B1A00!important;font-size:22px!important;margin:8px 0 6px}
.wpf-gold p{margin:0 0 16px;color:#4A3000;font-size:14px}
.wpf-gold__bal{display:flex;align-items:baseline;gap:8px;margin:0 0 16px}
.wpf-gold__bal b{font-size:28px;font-weight:800;color:#2B1A00}
.wpf-gold__bal b *{color:inherit}
.wpf-gold__bal span{font-size:13px;color:#5C3B00}
.wpf-gold a{display:inline-flex;background:#2B1A00;color:#FDE68A;padding:11px 18px;border-radius:12px;font-weight:800;text-decoration:none;font-size:14px}
.wpf-gold a:hover{background:#000}
.wpf-help .wpf-step__a{display:block;margin-top:6px}
@media (prefers-reduced-motion:reduce){.wpf-gold::after,.woocommerce-MyAccount-navigation-link--refer-earn a::after,.nav a[href$="/refer-and-earn/"]::after{animation:none}}
@media (max-width:980px){
	.wpf-cc{grid-template-columns:1fr}
	#customer_login{grid-template-columns:1fr}
}
@media (max-width:560px){
	.wpf-acc-head{padding:18px}
	.wpf-acc-btns{width:100%}.wpf-acc-btns .btn{flex:1}
	.woocommerce-MyAccount-content{padding:18px}
	.wpf-step{flex-wrap:wrap}.wpf-step__a{margin-left:48px}
}

/* ==== Login / Register (v1.0.6) ==== */
#customer_login>div{position:relative;overflow:hidden;padding:32px 30px}
#customer_login>div::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0D0D0D,#6B6B6B)}
#customer_login>.u-column2{background:linear-gradient(180deg,#F7F7F7,#fff 55%)}
#customer_login h2{font-size:26px;margin:0 0 4px}
.wpf-auth-sub{margin:0 0 18px!important;color:var(--muted);font-size:14.5px}
.wpf-auth-perks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:14px;color:var(--ink)}
.wpf-auth-perks li{display:flex;gap:9px;align-items:flex-start}
.wpf-auth-perks li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.woocommerce-account #customer_login form .form-row{padding:0;margin:0 0 14px}
.woocommerce-account #customer_login .input-text,.woocommerce-account #customer_login .password-input{width:100%;display:block}
.woocommerce-account #customer_login .input-text{height:48px}
.woocommerce-account #customer_login .show-password-input{top:50%;transform:translateY(-50%);right:12px}
.woocommerce-account #customer_login form.login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;gap:12px;margin-top:4px}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme{order:2;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text)}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme input{accent-color:var(--accent);width:16px;height:16px;margin:0}
.woocommerce-account #customer_login .woocommerce-form-login__submit{float:none;margin:0;order:1}
.woocommerce-account #customer_login .button{box-shadow:0 12px 26px -12px rgba(0,0,0,0.36);border-radius:12px}
.woocommerce-account #customer_login .lost_password{margin:6px 0 0;font-size:14px;text-align:center}
.woocommerce-account #customer_login .woocommerce-privacy-policy-text p,.woocommerce-account #customer_login form.register>p:not(.form-row){font-size:13px;color:var(--muted);line-height:1.5}
.woocommerce-account .woocommerce:has(#customer_login) .woocommerce-notices-wrapper{max-width:960px;margin:0 auto 16px}
.woocommerce-account .woocommerce:has(.woocommerce-ResetPassword) .woocommerce-ResetPassword,.woocommerce-account .woocommerce>form.woocommerce-form-login{max-width:480px;margin:0 auto;background:#fff;border:1px solid var(--line)!important;border-radius:20px;padding:30px!important;box-shadow:var(--shadow)}

/* Header: Refer & Earn golden (v1.1.0) */
.nav a[href$="/refer-and-earn/"]{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;padding:7px 14px!important;border-radius:999px;font-weight:800;color:#6B3F00!important;background:linear-gradient(135deg,#FFF6D5,#FDE68A 40%,#F8C64A);border:1px solid #F1C14B;box-shadow:0 8px 18px -10px rgba(217,119,6,.9);text-decoration:none}
.nav a[href$="/refer-and-earn/"]:hover{background:linear-gradient(135deg,#FDE68A,#F8C64A 50%,#E8A317);color:#3D2600!important}
.nav a[href$="/refer-and-earn/"]::before{content:"";width:16px;height:16px;flex:none;background:#B45309;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0 0 12 3.8 3 3 0 0 0 6.2 7H4a1 1 0 0 0-1 1v3h8V7h2v4h8V8a1 1 0 0 0-1-1zM9 7a1 1 0 1 1 1-1v1zm6 0h-1V6a1 1 0 1 1 1 1zM4 13v7a1 1 0 0 0 1 1h6v-8zm9 0v8h6a1 1 0 0 0 1-1v-7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0 0 12 3.8 3 3 0 0 0 6.2 7H4a1 1 0 0 0-1 1v3h8V7h2v4h8V8a1 1 0 0 0-1-1zM9 7a1 1 0 1 1 1-1v1zm6 0h-1V6a1 1 0 1 1 1 1zM4 13v7a1 1 0 0 0 1 1h6v-8zm9 0v8h6a1 1 0 0 0 1-1v-7z'/%3E%3C/svg%3E") center/contain no-repeat}
.nav a[href$="/refer-and-earn/"]::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);transform:translateX(-120%);animation:wpfShine 3.6s ease-in-out infinite;pointer-events:none}

/* Refer & Earn inside My Account (v1.0.8) */
.wpfre-stats b span{display:inline!important;font-size:inherit!important;color:inherit!important;text-transform:none!important;letter-spacing:0!important;font-weight:inherit!important}
.woocommerce-MyAccount-content .wpfre-hero{grid-template-columns:1fr;padding:26px 28px}
.woocommerce-MyAccount-content .wpfre-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.wpfre-code{font-size:13px!important;color:var(--muted)!important}
.wpfre-code code{background:var(--soft);color:var(--accent-d);border-radius:6px;padding:2px 6px;font-size:12.5px;word-break:break-all}

/* Account nav wrap + balance (v1.1.1) */
.woocommerce-MyAccount-navigation{overflow:visible}
.woocommerce-MyAccount-navigation ul{flex-wrap:wrap;width:auto;min-width:0}
.wpf-gold__bal b,.wpf-gold__bal b *{font-size:28px!important;font-weight:800!important;line-height:1.1}
@media (max-width:700px){.woocommerce-MyAccount-navigation{overflow-x:auto;scrollbar-width:none}.woocommerce-MyAccount-navigation::-webkit-scrollbar{display:none}.woocommerce-MyAccount-navigation ul{flex-wrap:nowrap;width:max-content}.woocommerce-MyAccount-navigation-link--customer-logout{margin-left:0!important}}

/* ==== Monochrome (ChatGPT-style) v1.2.0 ==== */
.btn,.woocommerce-account .woocommerce .button,.woocommerce-account .woocommerce a.button,.woocommerce-account .woocommerce button.button,.wpf-step__a.btn{border-radius:999px}
.btn--p{box-shadow:none}
.btn--p:hover{background:#2F2F2F;transform:none}
.btn--o{border-color:#D9D9D9}
.btn--o:hover{border-color:#0D0D0D;background:#F9F9F9}
.woocommerce-account .woocommerce .button:hover{background:#2F2F2F}
.wpf-acc-av{background:#0D0D0D;box-shadow:none}
.woocommerce-MyAccount-navigation li.is-active a::before{background:#0D0D0D}
.wpf-step.is-done{background:#F7F7F7;border-color:#D9D9D9}
.wpf-ord:hover{background:#F0F0F0}
.wpf-ord__st.is-completed,.wpf-ord__st.is-processing{color:#15803D;border-color:#BBF7D0}
/* Refer & Earn plugin */
.wpfre-hero{background:linear-gradient(135deg,#0D0D0D,#2F2F2F)!important}
.wpfre-hero strong{color:#FDE68A!important}
.wpfre-btn,.wpfre-copy button,.wpfre-pcopy button,.wpfre-pbtn{background:#0D0D0D!important;color:#fff!important;border-radius:999px!important}
.wpfre-btn:hover,.wpfre-copy button:hover{background:#2F2F2F!important}
.wpfre-btn--o{background:#fff!important;color:#0D0D0D!important;border:1px solid #D9D9D9!important}
.wpfre-copy input,.wpfre-pcopy input{color:#0D0D0D!important;background:#F7F7F7!important;border-color:#E5E5E5!important}
.wpfre-stats div,.wpfre-card,.wpfre-pbox,.wpfre-m,.wpfre-table,.wpfre-table td{border-color:#E5E5E5!important}
.wpfre-stats .hi{background:#0D0D0D!important;border-color:#0D0D0D!important}
.wpfre-m:has(input:checked){border-color:#0D0D0D!important;background:#F3F3F3!important}
.wpfre-m input{accent-color:#0D0D0D}
.wpfre-steps b,.wpfre-box label{color:#0D0D0D!important}
.wpfre-calc{background:#F7F7F7!important;border-color:#E5E5E5!important}
.wpfre-code code{background:#F3F3F3!important;color:#0D0D0D!important}
.wpfre-hero h2,.wpfre h2,.wpfre h3{color:inherit}
.wpfre h3,.wpfre-card h3,.wpfre-pbox strong{color:#0D0D0D!important}
.wpfre-hero h2{color:#fff!important}
