/* WorldRadio – TuneSera promo. Uses the TuneSera theme's colour tokens, so dark mode follows automatically. */
[data-wrtp]{--wrtp-accent:var(--accent,#f46b45);--wrtp-panel:var(--panel,#fff);--wrtp-ink:var(--ink,#20262d);--wrtp-muted:var(--muted,#7d8590);--wrtp-line:var(--line,#e8eaee);--wrtp-soft:color-mix(in srgb,var(--wrtp-accent) 9%,var(--wrtp-panel));box-sizing:border-box}
[data-wrtp] *{box-sizing:border-box}
[data-wrtp] svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-wrtp] h2{margin:0;color:var(--wrtp-ink)}
[data-wrtp] p{margin:0}
.wrtp-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--wrtp-accent);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.wrtp-eyebrow svg{width:16px;height:16px}

/* Logos: TuneSera's plugin icon (bundled) and WordPress's own logo (from core). */
[data-wrtp] img.wrtp-logo{display:block;flex:none;max-width:none;height:auto;margin:0;border:0;box-shadow:none}
[data-wrtp] img.wrtp-logo--tunesera{width:40px;height:40px;border-radius:10px;object-fit:cover}
[data-wrtp] img.wrtp-logo--xs{width:18px;height:18px;border-radius:5px}
[data-wrtp] img.wrtp-logo--sm{width:26px;height:26px;border-radius:7px}
[data-wrtp] img.wrtp-logo--md{width:36px;height:36px;border-radius:9px}
[data-wrtp] img.wrtp-logo--lg{width:56px;height:56px;border-radius:14px;box-shadow:0 6px 18px color-mix(in srgb,#6d3cff 35%,transparent)}
.wrtp-wp{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#fff}
[data-wrtp] .wrtp-wp img.wrtp-logo{width:20px;height:20px}
.wrtp-wp--lg{width:56px;height:56px;box-shadow:0 6px 18px rgba(33,117,155,.22)}
[data-wrtp] .wrtp-wp--lg img.wrtp-logo{width:50px;height:50px}
.wrtp-inline-wp{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:-3px}
[data-wrtp] .wrtp-inline-wp img.wrtp-logo{width:15px;height:15px;display:inline-block}
.wrtp-lockup{display:flex;align-items:center;gap:10px}
.wrtp-lockup-plus{color:var(--wrtp-muted);font-size:20px;font-weight:300;line-height:1}
.wrtp-trust{display:flex;align-items:center;gap:8px;font-size:12.5px!important;color:var(--wrtp-muted)}
.wrtp-trust .wrtp-wp{width:20px;height:20px;border:1px solid var(--wrtp-line)}
[data-wrtp] .wrtp-trust .wrtp-wp img.wrtp-logo{width:18px;height:18px}
.wrtp-side-head,.wrtp-sidebar-head{display:flex;align-items:center;gap:10px}
.wrtp-footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px}
.wrtp-footer img.wrtp-logo--xs{margin-right:3px!important}

/* Buttons */
.wrtp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wrtp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;transition:transform .15s,background .15s,color .15s,border-color .15s}
.wrtp-btn:hover{transform:translateY(-1px)}
.wrtp-btn svg{width:16px;height:16px}
.wrtp-btn .wrtp-wp{width:22px;height:22px;margin-left:-8px}
.wrtp-btn--primary{background:var(--wrtp-accent);color:#fff;border:1px solid var(--wrtp-accent)}
.wrtp-btn--primary:hover{color:#fff;background:color-mix(in srgb,var(--wrtp-accent) 88%,#000)}
.wrtp-btn--ghost{background:transparent;color:var(--wrtp-ink);border:1px solid var(--wrtp-line)}
.wrtp-btn--ghost:hover{color:var(--wrtp-accent);border-color:var(--wrtp-accent)}
.wrtp-text-link{display:inline-flex;align-items:center;gap:6px;color:var(--wrtp-accent);font-size:13px;font-weight:700}
.wrtp-text-link svg{width:15px;height:15px;transition:transform .15s}
.wrtp-text-link:hover svg{transform:translateX(3px)}

/* 1. Top strip */
.wrtp-strip{display:flex;align-items:center;gap:12px;margin:-14px 0 28px;padding:10px 12px 10px 14px;background:var(--wrtp-soft);border:1px solid color-mix(in srgb,var(--wrtp-accent) 22%,var(--wrtp-line));border-radius:12px;font-size:13px;color:var(--wrtp-ink)}
.wrtp-strip p{flex:1;min-width:0}
.wrtp-strip--after-hero{margin:0 0 28px}
.wrtp-badge{flex:none;background:var(--wrtp-accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.wrtp-strip-link{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--wrtp-accent);white-space:nowrap}
.wrtp-strip-link svg{width:15px;height:15px}
.wrtp-strip-close{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wrtp-muted)}
.wrtp-strip-close:hover{background:var(--wrtp-panel);color:var(--wrtp-ink)}
.wrtp-strip-close svg{width:15px;height:15px}

/* Plugin and theme link colours are strong on station pages; keep CTA colours fixed. */
[data-wrtp] a.wrtp-btn--primary,[data-wrtp] a.wrtp-btn--primary:hover{color:#fff!important}
[data-wrtp] a.wrtp-btn--ghost{color:var(--wrtp-ink)!important}
[data-wrtp] a.wrtp-btn--ghost:hover,[data-wrtp] a.wrtp-text-link,[data-wrtp] a.wrtp-strip-link{color:var(--wrtp-accent)!important}

/* 2. Homepage / About section */
.wrtp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin:40px 0;padding:clamp(22px,3.5vw,40px);background:var(--wrtp-panel);border:1px solid var(--wrtp-line);border-radius:18px;position:relative;overflow:hidden}
.wrtp-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wrtp-accent) 16%,transparent),transparent 70%);pointer-events:none}
.wrtp-hero-copy{display:grid;gap:14px;position:relative}
.wrtp-hero h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.8px;line-height:1.2}
.wrtp-hero p{color:var(--wrtp-muted);font-size:15px;max-width:620px}
.wrtp-hero .wrtp-actions{margin-top:6px}
.wrtp-points{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.wrtp-points li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--wrtp-soft);border-radius:12px;font-size:14px;font-weight:600;color:var(--wrtp-ink)}
.wrtp-points svg{color:var(--wrtp-accent);margin-top:1px}
.wrtp-hero--about{grid-template-columns:1fr;margin:36px 0 0}

/* 3. Cards: directory list, explore, station sidebar */
.wrtp-card{background:var(--wrtp-soft);border:1px dashed color-mix(in srgb,var(--wrtp-accent) 45%,var(--wrtp-line));border-radius:14px;color:var(--wrtp-ink)}
.wrtp-card h2{font-size:17px;letter-spacing:-.3px;line-height:1.3}
.wrtp-card p{color:var(--wrtp-muted);font-size:13.5px}
[data-wrtp] img.wrtp-card-icon{width:56px;height:56px;border-radius:14px;flex:none}
.wrtp-card-copy{display:grid;gap:4px;min-width:0}
.wrtp-card--list,.wrtp-card--wide{display:flex;align-items:center;gap:18px;padding:18px 20px}
.wrtp-card--list .wrtp-card-copy,.wrtp-card--wide .wrtp-card-copy{flex:1}
.wrtp-card--list{grid-column:1/-1;margin:6px 0}
.wrtp-card--wide{margin:28px 0 8px}
.wrtp-card--side{display:grid;gap:10px;padding:20px;margin-top:16px}
.wrtp-card--side .wrtp-actions{gap:8px}
.wrtp-card--side .wrtp-btn{padding:9px 14px;font-size:13px}

/* 4. Site sidebar */
.wrtp-sidebar{display:grid;gap:4px;margin:28px 12px -10px;padding:14px;border-radius:12px;background:var(--wrtp-soft);font-size:12px;color:var(--wrtp-muted);line-height:1.45}
.wrtp-sidebar strong{color:var(--wrtp-ink);font-size:13px}
.wrtp-sidebar .wrtp-text-link{margin-top:6px;padding:0;font-size:12px}
.sidebar .wrtp-sidebar a{display:inline-flex;margin:6px 0 0;padding:0;border-radius:0}
.sidebar .wrtp-sidebar a span{font-size:12px;width:auto;color:inherit}

/* 5. Footer credit */
.wrtp-footer{margin-top:6px!important;font-size:12px;color:var(--wrtp-muted)}
.wrtp-footer a{color:var(--wrtp-ink);font-weight:600}
.wrtp-footer a:hover{color:var(--wrtp-accent)}

@media (max-width:900px){
	.wrtp-hero{grid-template-columns:1fr}
	.wrtp-card--list,.wrtp-card--wide{flex-wrap:wrap}
	.wrtp-card--list .wrtp-actions,.wrtp-card--wide .wrtp-actions{width:100%}
}
@media (max-width:600px){
	.wrtp-strip{flex-wrap:wrap;margin:-6px 0 20px}
	.wrtp-strip p{flex-basis:calc(100% - 40px);order:3}
	.wrtp-strip-close{margin-left:auto}
	img.wrtp-card-icon{display:none!important}
	.wrtp-btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.wrtp-btn,.wrtp-text-link svg{transition:none}.wrtp-btn:hover{transform:none}}