/* DefendMyWP theme — light, blue, card-based UI. */

:root {
	--dmwp-shadow: 0 1px 2px rgba(15, 30, 61, 0.04), 0 8px 24px rgba(15, 30, 61, 0.06);
	--dmwp-shadow-lg: 0 24px 60px rgba(37, 99, 235, 0.16);
}

/* Eyebrow / kicker. */
.dmwp-eyebrow {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

/* Pill badges. */
.dmwp-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--wp--preset--color--primary-dark);
	background: var(--wp--preset--color--primary-soft);
	border-radius: 999px;
	padding: 5px 14px;
}
/* The pill's leading emoji, rendered as a flat palette silhouette (matching the feature-card icons)
   instead of its multi-colour form. Scoped to this span so the pill's text keeps its colour. */
.dmwp-pill__i {
	color: transparent;
	text-shadow: 0 0 0 var(--wp--preset--color--primary-dark);
}
.dmwp-badge {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: var(--wp--preset--color--primary);
	border-radius: 999px;
	padding: 3px 12px;
}
.dmwp-badge--pro {
	background: var(--wp--preset--color--contrast);
}

/* Site header sticky + tidy. */
.dmwp-site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	backdrop-filter: saturate(1.1) blur(6px);
	background: rgba(255, 255, 255, 0.88) !important;
}

/* Cards. */
.dmwp-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	box-shadow: var(--dmwp-shadow);
	height: 100%;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.dmwp-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--dmwp-shadow-lg);
}
.dmwp-card--soft {
	background: var(--wp--preset--color--surface);
	box-shadow: none;
}
.dmwp-card--primary {
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--dmwp-shadow-lg);
	position: relative;
}

/* Feature icon chip. */
.dmwp-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--wp--preset--color--sky);
	color: var(--wp--preset--color--primary);
	font-size: 22px;
	line-height: 1;
	margin-bottom: 4px;
	/* Render each emoji as a flat single-colour silhouette in the palette (blue) rather than its
	   multi-colour form: the glyph itself is made transparent and its shape is painted by the shadow. */
	color: transparent;
	text-shadow: 0 0 0 var(--wp--preset--color--primary);
}

/* Benefit lists inside cards (the "no patch wait" list, pricing feature lists) use a palette check
   icon instead of the browser's default bullet. */
.dmwp-card ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.dmwp-card ul li {
	position: relative;
	padding-left: 1.9em;
}
.dmwp-card ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 1.1em;
	height: 1.1em;
	background: var(--wp--preset--color--primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%206%209%2017l-5-5%201.5-1.5L9%2014l9.5-9.5z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%206%209%2017l-5-5%201.5-1.5L9%2014l9.5-9.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Hero product mockup (a light "app window"). */
.dmwp-mock {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	box-shadow: var(--dmwp-shadow-lg);
	overflow: hidden;
}
.dmwp-mock__bar {
	display: flex;
	gap: 7px;
	padding: 12px 16px;
	background: var(--wp--preset--color--surface);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.dmwp-mock__bar span {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #cdd8ec;
}
.dmwp-mock__body {
	padding: 20px;
}
.dmwp-mock__ok {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #e9f9ef;
	color: #0b7a3b;
	font-weight: 700;
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 14px;
}
.dmwp-mock__ok::before {
	content: "\2714";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #16a34a;
	color: #fff;
	font-size: 13px;
}
.dmwp-mock__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.dmwp-mock__stat {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	padding: 12px;
	text-align: center;
}
.dmwp-mock__stat b {
	display: block;
	font-size: 1.5rem;
	color: var(--wp--preset--color--contrast);
	font-variant-numeric: tabular-nums;
}
.dmwp-mock__stat span {
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}
.dmwp-mock__rows {
	margin-top: 14px;
}
.dmwp-mock__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.85rem;
	padding: 9px 2px;
	border-top: 1px solid var(--wp--preset--color--border);
}
.dmwp-mock__row em {
	font-style: normal;
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--muted);
}
.dmwp-mock__row .blocked {
	color: #b3261e;
	font-weight: 700;
}

/* Stat strip. */
.dmwp-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px 32px;
	text-align: center;
}
.dmwp-stats b {
	display: block;
	font-size: 2.1rem;
	color: var(--wp--preset--color--primary);
	font-variant-numeric: tabular-nums;
}
.dmwp-stats span {
	color: var(--wp--preset--color--muted);
	font-size: 0.92rem;
}

/* Comparison table. */
.dmwp-compare table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--dmwp-shadow);
}
.dmwp-compare th,
.dmwp-compare td {
	padding: 14px 18px;
	border-bottom: 1px solid var(--wp--preset--color--border);
	text-align: left;
}
.dmwp-compare tr:last-child th,
.dmwp-compare tr:last-child td {
	border-bottom: 0;
}
.dmwp-compare thead th {
	background: var(--wp--preset--color--surface);
	font-size: 1rem;
}
.dmwp-compare thead th.dmwp-us {
	color: var(--wp--preset--color--primary-dark);
	background: var(--wp--preset--color--primary-soft);
}
.dmwp-compare td.dmwp-center,
.dmwp-compare th.dmwp-center {
	text-align: center;
	width: 22%;
}
.dmwp-yes {
	color: #16a34a;
	font-weight: 800;
}
.dmwp-no {
	color: #b9c2d4;
	font-weight: 700;
}

/* Testimonial cards. */
.dmwp-quote {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	box-shadow: var(--dmwp-shadow);
	height: 100%;
}
.dmwp-quote .dmwp-author {
	color: var(--wp--preset--color--muted);
	font-size: 0.9rem;
}

/* FAQ. */
.wp-block-details {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: 12px;
	padding: 4px 18px !important;
	margin-bottom: 10px;
}
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	padding: 12px 0;
}

/* SureCart buy button = theme button. */
.wp-block-surecart-buy-button .sc-button,
.wp-block-surecart-buy-button a {
	border-radius: 10px;
}

/* Brand logo. */
.dmwp-logo{margin:0;line-height:0}
.dmwp-logo img{display:block;height:auto;width:100%}
.dmwp-site-header .dmwp-logo{max-width:186px}
.dmwp-logo--footer{max-width:176px}
@media (max-width:600px){.dmwp-site-header .dmwp-logo{max-width:150px}}

/* Benchmark "partial" mark. */
.dmwp-mid{color:#b8860b;font-weight:800}
.dmwp-compare .dmwp-legend{margin-top:1rem}

/* Detection benchmark (hero number). */
.dmwp-perf-hero{text-align:center;max-width:640px;margin:0 auto}
.dmwp-perf-hero__num{font-size:clamp(4rem,15vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.03em;background:linear-gradient(120deg,var(--wp--preset--color--primary),var(--wp--preset--color--accent));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.dmwp-perf-hero__cap{font-size:1.15rem;color:var(--wp--preset--color--contrast);font-weight:600;margin-top:4px}
.dmwp-perf-hero__rule{height:1px;background:var(--wp--preset--color--border);max-width:340px;margin:22px auto}
.dmwp-perf-hero__cmp{display:flex;gap:14px 34px;justify-content:center;flex-wrap:wrap;color:var(--wp--preset--color--muted)}
.dmwp-perf-hero__cmp b{color:var(--wp--preset--color--contrast);font-variant-numeric:tabular-nums}
.dmwp-perf__note{color:var(--wp--preset--color--muted);font-size:.85rem;max-width:640px;margin-left:auto;margin-right:auto;margin-top:18px}

/* Hero proof cards. */
.dmwp-proof{display:flex;flex-direction:column;gap:12px}
.dmwp-proof__card{display:flex;align-items:center;gap:15px;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border);border-radius:14px;padding:18px 20px;box-shadow:var(--dmwp-shadow)}
.dmwp-proof__ic{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:var(--wp--preset--color--sky);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--primary)}
.dmwp-proof__ic::before{content:"";display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--dmwp-ic) center/contain no-repeat;mask:var(--dmwp-ic) center/contain no-repeat}
.dmwp-proof__ic--shield{--dmwp-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%201%203%205v6c0%205.5%203.8%2010.7%209%2012%205.2-1.3%209-6.5%209-12V5l-9-4z'/%3E%3C/svg%3E")}
.dmwp-proof__ic--bolt{--dmwp-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M13%202%203%2014h7l-1%208%2010-12h-7z'/%3E%3C/svg%3E")}
.dmwp-proof__ic--check{--dmwp-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%206%209%2017l-5-5%201.5-1.5L9%2014l9.5-9.5z'/%3E%3C/svg%3E")}
.dmwp-proof__t{font-weight:800;color:var(--wp--preset--color--contrast);font-size:1.05rem;line-height:1.25}
.dmwp-proof__s{color:var(--wp--preset--color--muted);font-size:.9rem}

/* Gradient headline accent. */
.dmwp-flip{background:linear-gradient(120deg,var(--wp--preset--color--primary),var(--wp--preset--color--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* Footer polish. */
.dmwp-site-footer .dmwp-footer-head{color:var(--wp--preset--color--contrast);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.dmwp-site-footer .dmwp-footer-links{list-style:none;margin:0;padding:0}
.dmwp-site-footer .dmwp-footer-links li{margin:0}
.dmwp-site-footer .dmwp-footer-links a{display:inline-block;padding:6px 0;color:var(--wp--preset--color--muted);text-decoration:none;transition:color .15s ease}
.dmwp-site-footer .dmwp-footer-links a:hover{color:var(--wp--preset--color--primary)}
.dmwp-site-footer .dmwp-footer-links a:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px;border-radius:4px}
.dmwp-footer-bottom__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.dmwp-footer-bottom__row p{margin:0;color:var(--wp--preset--color--muted);font-size:.85rem}
.dmwp-footer-made{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.dmwp-ch{border-radius:3px;box-shadow:0 0 0 1px rgba(15,30,61,.08);vertical-align:middle;flex:0 0 auto}
@media (max-width:600px){.dmwp-footer-bottom__row{justify-content:center;text-align:center}}