/**
 * Spielplan Auto-Navigation Styles
 *
 * @version 1.3.1
 * @author Thomas Venugopal, Gloeckle direct GmbH
 *
 * Golden border with JavaScript-animated light point for constant speed.
 * Inspired by: https://codepen.io/weiowo/pen/emOLEGP (ShinyButton)
 */

/**
 * Current day highlighting with golden border
 * Light point animation is handled via JavaScript for constant speed
 */
.sp-current-day {
    position: relative !important;
    padding: 5px 10px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    border: 2px solid #c9a227 !important;
    border-radius: 6px !important;
    background: rgba(255, 250, 235, 0.98) !important; /* Light cream background */
    overflow: visible !important;
}

/**
 * On primary tile backgrounds (Millionen-Montag, Große Samstagsziehung = red)
 * The element itself IS the uk-tile-primary, so we use compound selector
 * Keep the ORIGINAL red background from uk-tile-primary
 */
.uk-tile-primary.sp-current-day {
    background: inherit !important; /* Inherit original red from uk-tile-primary */
}

/**
 * When sp-current-day is INSIDE a uk-tile (e.g., Sachpreis box)
 * The inner element should be transparent so parent's background shows through
 */
.uk-tile .sp-current-day,
.uk-tile-primary .sp-current-day,
.uk-tile-secondary .sp-current-day {
    background: transparent !important;
}

/**
 * On Saturday highlight rows
 * Keep neutral light background
 */
.sp-saturday.sp-current-day {
    background: rgba(250, 250, 250, 0.98) !important;
}

/**
 * Fix: Modal "Vergangener Spielplan" date column width
 *
 * The modal container only has .spielplan-container-nkl but is missing
 * .spielplan-container, so the inline PageBuilder rule
 * ".spielplan-container .uk-width-xsmall { width: 50px }" doesn't apply.
 * Without this fix, the date column takes 33% (uk-child-width-1-3 default)
 * instead of 50px, squeezing the amount column and causing line breaks
 * in values like "1 Million €".
 *
 * @see NKL-421
 */
.spielplan-container-nkl .uk-width-xsmall {
    width: 50px;
}