/*
Theme Name: Web Presence Boss
Theme URI: https://webpresenceboss.com
Author: Cynthia Schomp
Description: Matches the webpresenceboss.com main site. Black, Inter, pink #db2777, glass panels, pink glow. Built to sit seamlessly under /blog.
Version: 1.0.0
License: Proprietary
Text Domain: wpb
*/

body { font-family: 'Inter', sans-serif; background: #000; color: #f8fafc; margin: 0; }
::selection { background: #db2777; color: white; }

.glass { background: rgba(15,23,42,0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); }
.glow-pink { box-shadow: 0 0 40px rgba(219,39,119,0.3); }
.glow-pink-sm { box-shadow: 0 0 20px rgba(219,39,119,0.2); }

.btn-buy { background: linear-gradient(135deg, #db2777, #9d174d); transition: all 0.2s; }
.btn-buy:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(219,39,119,0.5); }

@keyframes pulse-dot { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
.pulse-dot { animation: pulse-dot 2s ease-in-out infinite; }

.post-card { transition: border-color 0.2s, box-shadow 0.2s; }
.post-card:hover { border-color: rgba(219,39,119,0.4); box-shadow: 0 0 30px rgba(219,39,119,0.1); }
.featured-card { transition: border-color 0.2s, box-shadow 0.2s; }
.featured-card:hover { border-color: rgba(219,39,119,0.6); box-shadow: 0 0 60px rgba(219,39,119,0.2); }

/* Post body typography, tuned to the site rather than stock prose */
.wpb-prose { color: #cbd5e1; font-size: 1.125rem; line-height: 1.85; }
.wpb-prose > * + * { margin-top: 1.5rem; }
.wpb-prose h2 { color: #f8fafc; font-size: 2rem; font-weight: 900; letter-spacing: -0.025em; line-height: 1.15; margin-top: 3.5rem; margin-bottom: 1.25rem; }
.wpb-prose h3 { color: #f8fafc; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; margin-top: 2.5rem; margin-bottom: 1rem; }
.wpb-prose h4 { color: #f8fafc; font-size: 1.2rem; font-weight: 700; margin-top: 2rem; }
.wpb-prose a { color: #ec4899; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.wpb-prose a:hover { color: #f9a8d4; }
.wpb-prose strong { color: #f8fafc; font-weight: 700; }
.wpb-prose ul, .wpb-prose ol { padding-left: 1.5rem; }
.wpb-prose ul { list-style: disc; }
.wpb-prose ol { list-style: decimal; }
.wpb-prose li { margin-top: 0.6rem; }
.wpb-prose li::marker { color: #db2777; }
.wpb-prose blockquote { border-left: 3px solid #db2777; padding: 0.25rem 0 0.25rem 1.5rem; color: #e2e8f0; font-style: normal; font-weight: 500; }
.wpb-prose code { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 0.15em 0.45em; font-size: 0.9em; color: #f9a8d4; }
.wpb-prose pre { background: rgba(15,23,42,0.8); border: 1px solid rgba(255,255,255,0.08); border-radius: 1rem; padding: 1.25rem; overflow-x: auto; }
.wpb-prose pre code { background: none; border: none; padding: 0; color: #e2e8f0; }
.wpb-prose img { border-radius: 1rem; border: 1px solid rgba(255,255,255,0.08); }
.wpb-prose hr { border: 0; border-top: 1px solid rgba(255,255,255,0.08); margin: 3rem 0; }
.wpb-prose table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.wpb-prose th { text-align: left; color: #f8fafc; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.75rem; padding: 0.75rem; border-bottom: 1px solid rgba(219,39,119,0.3); }
.wpb-prose td { padding: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.06); }