/* Ebbw Vale custom CSS - non-stock file, survives skin updates.
   Loaded via header.inc (stock os.path.exists include hook). */

/* Fix camera image cropping in radar card.
   Stock v2.0 uses object-fit: cover which crops the right side.
   Override to contain to show the full 650px camera still. */
.frontpage .homepage-card--radar img {
    object-fit: contain !important;
}

/* Stack sunshine and rainfall for readability on mobile */
.snapshot-sunshine-row {
    font-size: 0.85em;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #444;
    color: inherit;
}

.snapshot-metric-line {
    display: block;
    width: 100%;
    margin-bottom: 2px;
}

/* Fix records date-line text appearing right-justified for long content.
   Stock style.css forces white-space: nowrap on
   .records-record-period__date-line, which is fine for short single dates
   (e.g. "11 July 2026") but overflows for the long range strings the
   Longest Rain Period / Wettest Day (Time) cards' JS populate() can produce
   (e.g. "12 March 2026 - 13 March 2026") - the narrow, centred date-line box
   can't hold that on one line, and it overflows in a way that reads as
   right-justified rather than centred. The parent .records-record-period__date
   container already sets overflow-wrap: anywhere / word-break: break-word
   specifically to let long content wrap gracefully - .date-line's own
   white-space: nowrap silently opts out of that. Un-forcing it here lets long
   content wrap onto multiple centred lines instead of overflowing to one
   side; short content (which fits on one line regardless) is unaffected. */
.records .records-record-period__date-line {
    white-space: normal;
}