/* =====================================================================
   Smart Creator Press, countdown timer on product and course pages
   Every product and course template shows it, so it loads on all of them;
   it used to sit in scp-product-modern.css, which now loads only where the
   modern templates are used (see scp_page_needs_modern_skin()).
   ===================================================================== */

/* Countdown timer, subtle accent tint */
html body[class*="single-scp"] #scp-primary .scp-main-content-area.scp-product-modern .scp-sidebar .scp-sp-timer-main-wrapper.scp-card,
html body[class*="single-scp"] #scp-primary .scp-sidebar .scp-sp-timer-main-wrapper {
    background: color-mix(in srgb, var(--scpm-accent) 6%, var(--scp-card-bg-color, #ffffff)) !important;
    padding: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Timer from shortcode in sidebar, force full width */
html body[class*="single-scp"] #scp-primary .scp-sidebar .scp-special-countdown-shortcode.scp-sp-timer-main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
}

/* Timer layout, message first, then timer (via flex order) */
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message {
    order: -1 !important;
    padding: 0 0 16px !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-live-session-timer {
    order: 1 !important;
    margin: 0 !important;
}
/* Timer heading sizes */
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h1 { font-size: 20px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h2 { font-size: 20px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h3 { font-size: 19px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h4 { font-size: 18px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h5 { font-size: 17px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h6 { font-size: 16px !important; }
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h1,
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h2,
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h3,
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h4,
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h5,
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message h6 {
    font-weight: 700 !important;
    margin: 0 0 10px !important;
    line-height: 1.4 !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message p {
    line-height: 1.6 !important;
    margin: 0 0 8px !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message p:last-child {
    margin-bottom: 0 !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-offer-message img.emoji {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
}
/* Timer digit styling */
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-live-session-timer {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-live-session-timer-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    padding: 12px 8px !important;
    border-radius: 8px !important;
    min-width: 0 !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-live-session-digit {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
}
html body[class*="single-scp"] #scp-primary .scp-sp-timer-container .scp-live-session-label {
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-top: 4px !important;
}