/* scripts-content.css — External styles for VanillaSoft script HTML content.
   Scoped under .script-content so a future editor page just links this file.
   CSS variables are defined in scripts.html :root.

   Typography: Domino's Sans Text (body) + Domino's Sans Display (headings)
   Colors: Domino's 2025 brand palette */

/* Base — Domino's Sans Text for readable body copy */
.script-content {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-variation-settings: "wght" 450, "wdth" 75, "slnt" 0;
    color: var(--text-primary);
    line-height: 1.5;
    max-width: 720px;
    margin: 0 auto;
    word-wrap: break-word;
}

.script-content img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.script-content a {
    color: var(--brand-blue);
}

/* Variable placeholder highlighting (applied by JS at render time) */
.script-content .var-placeholder {
    background: var(--dough-300);
    color: var(--brand-blue);
    font-family: 'Consolas', 'SF Mono', monospace;
    font-size: 0.9em;
    padding: 1px 4px;
    border-radius: 3px;
    border: 1px solid rgba(0, 144, 226, 0.2);
}

/* --- Semantic classes mapped from inline styles --- */

/* Rep instructions — red bold text not read aloud to contact */
.script-content .sc-instruction {
    color: var(--brand-red);
    font-variation-settings: "wght" 700, "wdth" 75, "slnt" 0;
}

/* Warning / PAUSE / STOP markers — red bold underlined */
.script-content .sc-warning {
    color: var(--brand-red);
    font-variation-settings: "wght" 700, "wdth" 75, "slnt" 0;
    text-decoration: underline;
}

/* Subheading — Domino's Sans Display */
.script-content .sc-heading {
    font-family: var(--font-display);
    font-size: 1rem;
    font-variation-settings: "wght" 700, "wdth" 75, "slnt" 0;
    line-height: 1.2;
}

/* Major heading — Domino's Sans Display */
.script-content .sc-major {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-variation-settings: "wght" 950, "wdth" 75, "slnt" 0;
    line-height: 1.1;
    text-transform: uppercase;
}

/* Fine print / secondary info */
.script-content .sc-secondary {
    font-size: 0.8rem;
    color: var(--text-tertiary);
    font-style: italic;
    font-variation-settings: "wght" 450, "wdth" 75, "slnt" 0;
}

/* DISC personality bird colors */
.script-content .sc-eagle  { color: #1155cc; }
.script-content .sc-parrot { color: #ffc000; }
.script-content .sc-dove   { color: #c00000; }
.script-content .sc-owl    { color: #38761d; }

/* Bird icon symbol sizing (Webdings/Wingdings chars) */
.script-content .sc-bird-icon { font-size: 16pt; }

/* Right-aligned text (was align="right") */
.script-content .sc-text-right { text-align: right; }

/* Branch indentation (was inline padding-left: 40px) */
.script-content .sc-indent { padding-left: 40px; }

/* Filled variable values (replaced from contact data) */
.script-content .var-filled {
    color: var(--brand-blue);
    font-variation-settings: "wght" 500, "wdth" 75, "slnt" 0;
}

/* Typography normalization */
.script-content h1 { font-size: 1.25rem; margin: 0.75rem 0 0.5rem; }
.script-content h2 { font-size: 1.1rem; margin: 0.5rem 0 0.35rem; }
.script-content p, .script-content li { font-size: 1rem; line-height: 1.5; }
.script-content a { font-size: inherit; }

/* Smooth highlight for current script step */
.script-content .sc-highlight {
    background: rgba(0, 144, 226, 0.08);
    border-left: 3px solid var(--brand-blue);
    padding-left: 8px;
    margin-left: -11px;
    transition: background 0.3s;
}

/* Print styles for call scripts */
@media print {
    .script-content { max-width: none; font-size: 12pt; }
    .script-content .var-placeholder { border: 1px solid #999; }
    .script-content .sc-instruction { color: #c00; }
}