/*
Theme Name:     Streamin' Demon
Theme URI:      https://www.streamindemon.com/
Description:    Marketing-site theme for Streamin' Demon. Child of Twenty Twenty-Five.
                Light Apple-style palette matching the product UI.
Author:         Bowman Engineering
Template:       twentytwentyfive
Version:        1.0
Text Domain:    streamindemon
*/

/* Headings — tight tracking, generous size, slightly heavier than parent. */
:root .wp-site-blocks h1,
:root .wp-site-blocks h2 {
    letter-spacing: -0.02em;
    font-weight: 600;
    line-height: 1.1;
}
:root .wp-site-blocks h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); }
:root .wp-site-blocks h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
:root .wp-site-blocks h3 { font-size: 1.25rem; font-weight: 600; }

/* Hero gradient — soft signal-meter wash, never strong */
.sd-hero {
    background: radial-gradient(circle at 18% 20%, rgba(0,122,255,0.08), transparent 55%),
                radial-gradient(circle at 82% 75%, rgba(52,199,89,0.08), transparent 55%),
                #ffffff;
}

/* Feature tiles */
.sd-tile {
    background: #ffffff;
    border: 1px solid #d1d1d6;
    border-radius: 14px;
    padding: 1.5rem;
    transition: border-color .15s ease, transform .15s ease;
}
.sd-tile:hover {
    border-color: #007aff;
    transform: translateY(-2px);
}
.sd-tile h3 {
    margin-top: 0;
    color: #1d1d1f;
}
.sd-tile p {
    color: #6e6e73;
    margin-bottom: 0;
}

/* Pricing card */
.sd-price {
    background: #ffffff;
    border: 1px solid #d1d1d6;
    border-radius: 14px;
    padding: 2rem 1.5rem;
    text-align: center;
}
.sd-price--featured {
    border-color: #007aff;
    box-shadow: 0 8px 24px rgba(0,122,255,0.10);
}
.sd-price h3 { margin: 0 0 .5rem 0; }
.sd-price .sd-price-amount {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 2.4rem;
    font-weight: 600;
    color: #1d1d1f;
    margin: 0.25rem 0 1rem;
}
.sd-price .sd-price-amount small {
    font-size: 0.9rem;
    color: #6e6e73;
    font-weight: 400;
}
.sd-price ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    text-align: left;
}
.sd-price li {
    padding: .35rem 0;
    color: #6e6e73;
    border-bottom: 1px solid #f2f2f7;
}
.sd-price li:last-child { border-bottom: none; }
.sd-price li::before {
    content: "✓ ";
    color: #34c759;
    font-weight: 600;
}

/* Buttons — pill-shaped, Apple-style */
.wp-site-blocks .wp-block-button__link {
    border-radius: 999px;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: opacity .12s ease, transform .12s ease;
}
.wp-site-blocks .wp-block-button__link:hover { opacity: 0.85; }
.wp-site-blocks .wp-block-button__link:active { transform: scale(0.98); }

/* Mono accents (version numbers, codec lists, prices) */
.sd-mono {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    color: #1d1d1f;
}

/* Fine-print */
.sd-fine { color: #aeaeb2; font-size: 0.85rem; }

/* Inline code blocks — used for codec/automation pills */
.sd-pill {
    display: inline-block;
    padding: .2rem .6rem;
    margin: .15rem .25rem;
    background: #f2f2f7;
    border: 1px solid #d1d1d6;
    border-radius: 6px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.85rem;
    color: #1d1d1f;
}

/* Footer */
.wp-site-blocks > footer {
    color: #6e6e73;
    border-top: 1px solid #d1d1d6;
}