/*
Theme Name: Advertasium
Theme URI: https://advertasium.com
Description: Advertasium site theme (child of Twenty Twenty-Five). Design system, header, footer and custom styles live here; page content is native Gutenberg blocks.
Author: Advertasium
Author URI: https://advertasium.com
Template: twentytwentyfive
Version: 1.1.4
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: advertasium
*/

:root {
	--adv-text: #1a1d21;
	--adv-muted: #5f6670;
	--adv-accent: #0f9d6b;
	--adv-border: #e6e8eb;
	--adv-bg: #ffffff;
}

body {
	background: var(--adv-bg);
	color: var(--adv-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

a { color: var(--adv-accent); }

/* Logo */
.adv-logo { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.adv-logo a { color: var(--adv-text); text-decoration: none; }
.adv-logo span { color: var(--adv-accent); }

/* Header navigation */
.adv-header .wp-block-navigation a { color: var(--adv-text); text-decoration: none; font-size: 15px; }
.adv-header .wp-block-navigation a:hover { color: var(--adv-accent); }

/* Hero */
.adv-hero h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.12; letter-spacing: -0.025em; font-weight: 700; margin-bottom: 16px; }
.adv-lead { color: var(--adv-muted); font-size: 21px !important; line-height: 1.6; max-width: 680px; }
.adv-status { color: var(--adv-accent); font-weight: 600; }

/* Feature cards */
.adv-features { gap: 20px !important; margin-bottom: 20px !important; }
.adv-features > .wp-block-column {
	border: 1px solid var(--adv-border);
	border-radius: 12px;
	padding: 22px;
}
.adv-features h3 { font-size: 17px; font-weight: 700; margin: 0 0 6px; letter-spacing: 0; }
.adv-features p { margin: 0; color: var(--adv-muted); font-size: 15px; line-height: 1.55; }

/* Feature card icons */
.adv-features > .wp-block-column.adv-ico { position: relative; }
.adv-features > .wp-block-column.adv-ico::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 14px;
	border-radius: 10px;
	background: rgba(15, 157, 107, 0.1);
	background: color-mix(in srgb, var(--adv-accent) 12%, transparent);
}
.adv-features > .wp-block-column.adv-ico::after {
	content: "";
	position: absolute;
	top: 32px;
	left: 32px;
	width: 20px;
	height: 20px;
	background-color: var(--adv-accent);
	-webkit-mask: var(--adv-ico) center / contain no-repeat;
	mask: var(--adv-ico) center / contain no-repeat;
}
.adv-ico-reporting { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203v18h18%27%2F%3E%3Cpath%20d%3D%27M18%2017V9%27%2F%3E%3Cpath%20d%3D%27M13%2017V5%27%2F%3E%3Cpath%20d%3D%27M8%2017v-3%27%2F%3E%3C%2Fsvg%3E"); }
.adv-ico-adcopy { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020h9%27%2F%3E%3Cpath%20d%3D%27M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4Z%27%2F%3E%3C%2Fsvg%3E"); }
.adv-ico-keywords { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E"); }
.adv-ico-optimization { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%202%203%2014h9l-1%208%2010-12h-9l1-8z%27%2F%3E%3C%2Fsvg%3E"); }
.adv-ico-audits { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%278%27%20height%3D%274%27%20x%3D%278%27%20y%3D%272%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%27%2F%3E%3Cpath%20d%3D%27m9%2014%202%202%204-4%27%2F%3E%3C%2Fsvg%3E"); }
.adv-ico-setup { --adv-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%202%2010%205-10%205L2%207z%27%2F%3E%3Cpath%20d%3D%27m2%2017%2010%205%2010-5%27%2F%3E%3Cpath%20d%3D%27m2%2012%2010%205%2010-5%27%2F%3E%3C%2Fsvg%3E"); }

/* Page titles */
.wp-block-post-title { font-size: clamp(30px, 4vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
.page .wp-block-post-content p, .page .wp-block-post-content li { font-size: 18px; line-height: 1.65; }
.page .wp-block-post-content > p.has-large-font-size { color: var(--adv-muted); font-size: 21px !important; line-height: 1.55; }

/* Legal / document pages */
.page .wp-block-post-content h2 { font-size: 20px; font-weight: 700; margin-top: 32px; letter-spacing: -0.01em; }
.page .wp-block-post-content li { margin-bottom: 6px; }

/* Footer */
.adv-footer { border-top: 1px solid var(--adv-border); color: var(--adv-muted); font-size: 14px; }
.adv-footer p { margin: 4px 0; }
.adv-footer a { color: var(--adv-accent); }

@media (prefers-color-scheme: dark) {
	:root {
		--adv-text: #e8eaed;
		--adv-muted: #9aa0a6;
		--adv-accent: #34c38f;
		--adv-border: #2a2d31;
		--adv-bg: #111315;
	}
	body, .wp-site-blocks { background: var(--adv-bg) !important; color: var(--adv-text) !important; }
	h1, h2, h3, .wp-block-post-title { color: var(--adv-text); }
}