/* ============================================================
   SUPERSTATS / KURVEN – FÆLLES DESIGN v1
   Bruges som /css/kurven.css
   ============================================================ */
.ss-kurven-page,
.ss-kurven-page * { box-sizing: border-box; }
.ss-kurven-page { width: 100%; max-width: 100%; margin: 0 0 18px; color: #10315b; font-family: Arial, Helvetica, sans-serif; }
.ss-kurven-intro { padding: 17px 18px 16px; margin: 0 0 15px; border: 1px solid #dce3e8; border-bottom: 3px solid #104470; border-radius: 6px 6px 0 0; background: #fff; }
.ss-kurven-eyebrow { margin: 0 0 6px; color: #5680a2; font: 700 10px/15px Arial, Helvetica, sans-serif; letter-spacing: .09em; }
.ss-kurven-intro h1 { float: none !important; margin: 0 0 7px !important; padding: 0 !important; color: #104470 !important; background: none !important; border: 0 !important; font: 700 25px/30px Arial, Helvetica, sans-serif !important; }
.ss-kurven-intro p { margin: 0 !important; padding: 0 !important; color: #445b70; font: 13px/20px Arial, Helvetica, sans-serif; }
.ss-kurven-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; align-items: stretch; }
.ss-kurven-card { min-width: 0; margin: 0; padding: 0; overflow: hidden; background: #fff; border: 1px solid #dce3e8; border-radius: 6px; }
.ss-kurven-card h2 { float: none !important; display: block !important; width: auto !important; min-height: 38px; margin: 0 !important; padding: 9px 12px !important; border: 0 !important; border-radius: 0 !important; background: #104470 !important; color: #fff !important; text-transform: uppercase !important; font: 700 15px/20px Arial, Helvetica, sans-serif !important; }
.ss-kurven-card-link { display: block; color: #104470; text-decoration: none !important; background: #fff; border-bottom: 3px solid #104470; }
.ss-kurven-card-link:hover { background: #f9fbfc; }
.ss-kurven-chart { display: flex; align-items: center; justify-content: center; width: 100%; height: 188px; min-width: 0; padding: 8px 6px 0; overflow: hidden; background: transparent; color: #667b8e; font: 12px/18px Arial, Helvetica, sans-serif; }
.ss-kurven-chart > div { max-width: 100%; }
.ss-kurven-chart-error { font-style: italic; }
.ss-kurven-card-caption { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 41px; padding: 8px 12px; border-top: 1px solid #edf0f3; color: #526d83; font: 12px/18px Arial, Helvetica, sans-serif; }
.ss-kurven-card-arrow { color: #104470; font-size: 19px; line-height: 18px; }
.ss-kurven-card-link:hover .ss-kurven-card-caption { color: #104470; }
@media (max-width: 620px) {
    .ss-kurven-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; }
    .ss-kurven-intro { padding: 14px 12px; }
    .ss-kurven-intro h1 { font-size: 22px !important; line-height: 27px !important; }
    .ss-kurven-card h2 { font-size: 14px !important; }
    .ss-kurven-chart { height: 200px; }
}

/* ============================================================
   KURVEN v2 – DETALJESIDER (1X2)
   ============================================================ */
.ss-kurven-detail-intro { margin: 0 0 14px; padding: 15px 17px; background: #fff; border: 1px solid #dce3e8; border-bottom: 3px solid #104470; border-radius: 6px 6px 0 0; }
.ss-kurven-detail-intro h1 { float: none !important; margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; background: none !important; color: #104470 !important; font: 700 22px/28px Arial,Helvetica,sans-serif !important; }
.ss-kurven-detail-intro p { margin: 0; color: #445b70; font: 13px/19px Arial,Helvetica,sans-serif; }
.ss-kurven-detail-section { margin: 0 0 14px; overflow: hidden; background: #fff; border: 1px solid #dce3e8; border-radius: 6px 6px 0 0; border-bottom: 3px solid #104470; }
.ss-kurven-detail-section > h2 { float: none !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 12px !important; background: #104470 !important; border: 0 !important; color: #fff !important; font: 700 15px/20px Arial,Helvetica,sans-serif !important; text-transform: uppercase; }
.ss-kurven-detail-content { padding: 10px 12px 12px; }
.ss-kurven-detail-chart { width: 100%; height: 365px; min-width: 0; display: flex; justify-content: center; align-items: center; font: 12px/18px Arial,Helvetica,sans-serif; color: #667b8e; }
.ss-kurven-detail-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; padding: 10px 0 0; border-top: 1px solid #edf0f3; font: 12px/18px Arial,Helvetica,sans-serif; color: #445b70; }
.ss-kurven-detail-stats strong { color: #10315b; font-weight: 600; }
.ss-kurven-result-dot { display: inline-block; vertical-align: middle; width: 9px; height: 9px; border-radius: 50%; margin-right: 3px; }
.ss-kurven-result-home { background: #278E1E; }
.ss-kurven-result-draw { background: #F4BA88; }
.ss-kurven-result-away { background: #D53736; }
.ss-kurven-detail-footer { padding: 11px 13px; background: #fff; border: 1px solid #dce3e8; border-radius: 4px; font: 12px/18px Arial,Helvetica,sans-serif; }
.ss-kurven-detail-footer a { color: #104470; text-decoration: none; }
.ss-kurven-detail-footer a:hover { text-decoration: underline; }
@media (max-width: 620px) {
    .ss-kurven-detail-intro { padding: 13px 12px; }
    .ss-kurven-detail-intro h1 { font-size: 20px !important; line-height: 25px !important; }
    .ss-kurven-detail-section > h2 { font-size: 13px !important; line-height: 18px !important; }
    .ss-kurven-detail-content { padding: 7px 5px 11px; }
    .ss-kurven-detail-chart { height: 290px; }
    .ss-kurven-detail-stats { padding: 10px 7px 0; gap: 5px 12px; }
}

/* ============================================================
   KURVEN v3 – KARANTÆNER
   ============================================================ */
.ss-kurven-suspensions-page .ss-kurven-suspensions-chart {
    height: 420px;
    min-height: 0;
    overflow: hidden;
}
@media (max-width: 620px) {
    .ss-kurven-suspensions-page .ss-kurven-suspensions-chart {
        height: 330px;
    }
}

/* ============================================================
   KURVEN v4 – KORT ÅR FOR ÅR
   ============================================================ */
.ss-kurven-cards-page .ss-kurven-cards-chart { height: 420px; min-height: 0; overflow: hidden; }
.ss-kurven-card-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; padding: 9px 0; color: #445b70; font: 12px/18px Arial,Helvetica,sans-serif; }
.ss-kurven-card-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.ss-kurven-card-legend-swatch { width: 11px; height: 11px; display: inline-block; border-radius: 2px; }
.ss-kurven-card-legend-yellow { background: #e2bd28; }
.ss-kurven-card-legend-red { background: #d53736; }
@media (max-width: 620px) { .ss-kurven-cards-page .ss-kurven-cards-chart { height: 330px; } }


/* ============================================================
   KURVEN v5 – SPILLERNES OPRINDELSE / GEOKORT
   ============================================================ */
.ss-kurven-countries-page .ss-kurven-geo-chart {
    height: 420px;
    min-height: 0;
    overflow: hidden;
}
.ss-kurven-countries-page .ss-kurven-detail-intro p {
    margin: 0;
    color: #445b70;
    font: 13px/20px Arial, Helvetica, sans-serif;
}
.ss-kurven-countries-page .ss-kurven-geo-note {
    margin: 0;
    padding: 8px 5px 2px;
    color: #60758a;
    font: 12px/18px Arial, Helvetica, sans-serif;
    text-align: center;
}
.ss-kurven-countries-page .ss-kurven-country-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 10px;
    padding: 11px 13px;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    background: #fff;
    font: 12px/18px Arial, Helvetica, sans-serif;
}
.ss-kurven-countries-page .ss-kurven-country-links a {
    color: #104470;
    text-decoration: none;
}
.ss-kurven-countries-page .ss-kurven-country-links a:hover { text-decoration: underline; }
@media (max-width: 620px) {
    .ss-kurven-countries-page .ss-kurven-geo-chart { height: 300px; }
}

/* ============================================================
   KURVEN v6 – MÅL PER KVARTER
   ============================================================ */
.ss-kurven-minute-page .ss-kurven-minute-chart {
    height: 400px;
    min-height: 0;
    overflow: hidden;
}
@media (max-width: 620px) {
    .ss-kurven-minute-page .ss-kurven-minute-chart { height: 320px; }
}

/* ============================================================
   KURVEN v7 – MÅLSNIT
   ============================================================ */
.ss-kurven-average-page .ss-kurven-average-chart {
    height: 420px;
    min-height: 0;
    overflow: hidden;
}
@media (max-width: 620px) {
    .ss-kurven-average-page .ss-kurven-average-chart { height: 330px; }
}

/* ============================================================
   KURVEN v8 – STRAFFESPARK ÅR FOR ÅR
   ============================================================ */
.ss-kurven-penalties-page .ss-kurven-penalties-chart {
    height: 420px;
    min-height: 0;
    overflow: hidden;
}
.ss-kurven-penalties-legend {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 9px 0;
    color: #445b70;
    font: 12px/18px Arial, Helvetica, sans-serif;
}
.ss-kurven-penalties-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.ss-kurven-penalties-legend-swatch { width: 11px; height: 11px; display: inline-block; border-radius: 2px; }
.ss-kurven-penalties-scored { background: #104470; }
.ss-kurven-penalties-missed { background: #d66a58; }
@media (max-width: 620px) {
    .ss-kurven-penalties-page .ss-kurven-penalties-chart { height: 330px; }
}

/* KURVEN v9 – TILSKUERUDVIKLING */
.ss-kurven-attendance-page .ss-kurven-attendance-chart {height:390px;min-height:260px;}
.ss-kurven-attendance-page .ss-kurven-detail-intro p {font:13px/20px Arial,Helvetica,sans-serif;color:#526d83;margin:5px 0 0;}
@media(max-width:620px){.ss-kurven-attendance-page .ss-kurven-attendance-chart{height:300px;}}

/* ============================================================
   KURVEN v10 – UDLÆNDINGE, ÅR FOR ÅR
   ============================================================ */
.ss-kurven-foreign-page .ss-kurven-foreign-chart {
    height: 445px;
    min-height: 0;
    overflow: hidden;
}
.ss-kurven-foreign-page .ss-kurven-foreign-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 17px;
    margin-top: 10px;
    padding: 11px 13px;
    background: #fff;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    font: 12px/18px Arial, Helvetica, sans-serif;
}
.ss-kurven-foreign-page .ss-kurven-foreign-links a {
    color: #104470;
    text-decoration: none;
}
.ss-kurven-foreign-page .ss-kurven-foreign-links a:hover { text-decoration: underline; }
@media (max-width: 620px) {
    .ss-kurven-foreign-page .ss-kurven-foreign-chart { height: 340px; }
}