/* Golf-Theme der Club-Sites, angelehnt an den Stil von swissgolf.ch:
   dunkles Petrol-Grün, Raleway, kräftige Titel in Grossbuchstaben. Wird nach va-detail.css geladen. */

:root {
    --golf-ink: #0d2c30;        /* Text, Sidebar */
    --golf-primary: #006967;    /* Akzent, Links, Buttons */
    --golf-primary-dark: #00504e;
    --golf-fairway: #e6f2ef;    /* helle Flächen */
    --golf-green: #3f8f4f;      /* Status aktiv */
    --golf-flag: #d2232a;       /* sparsame Akzente */
    --golf-border: #d5e3df;
    --golf-bg: #f5f8f7;
}

html, body {
    font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
    color: var(--golf-ink);
    background: var(--golf-bg);
}

th, td {
    font-family: inherit;
    color: var(--golf-ink);
}

a, .btn-link {
    color: var(--golf-primary);
}

    a:hover {
        color: var(--golf-primary-dark);
    }

h1, h2, h3 {
    color: var(--golf-ink);
}

h1 {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.btn-primary {
    background-color: var(--golf-primary);
    border-color: var(--golf-primary);
}

    .btn-primary:hover {
        background-color: var(--golf-primary-dark);
        border-color: var(--golf-primary-dark);
    }

/* Alte Kästen (Listen- und Club-Seiten ohne neues Layout) */
.box-header {
    background-color: var(--golf-primary);
    color: #fff;
    border: none;
    border-left: 6px solid var(--golf-flag);
    font-family: inherit;
}

    .box-header h1, .box-header a {
        color: #fff;
    }

.box-content {
    background-color: #fff;
    border: 1px solid var(--golf-border);
    font-family: inherit;
}

/* Detailseiten (va-detail.css und DetailHeader) */
.vp-page {
    --vp-accent: var(--golf-primary);
    --vp-border: var(--golf-border);
    color: var(--golf-ink);
}

    .vp-page .vp-card {
        border-top: 3px solid var(--golf-primary);
    }

    .vp-page .vp-card-head h2 {
        color: var(--golf-ink);
        font-weight: 800;
    }

article.content .ph {
    --ph-accent: var(--golf-primary);
    --ph-border: var(--golf-border);
}

article.content .ph-header {
    background: linear-gradient(135deg, var(--golf-ink) 0%, var(--golf-primary) 100%);
    border-radius: 6px;
    padding: 1.1rem 1.25rem;
    color: #fff;
}

    article.content .ph-header .ph-title {
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
    }

    article.content .ph-header .ph-subtitle,
    article.content .ph-header .ph-kpi-label {
        color: rgba(255, 255, 255, 0.75);
    }

    article.content .ph-header .ph-kpi-value,
    article.content .ph-header .ph-kpi-value.ph-accent {
        color: #fff;
    }

    article.content .ph-header .ph-avatar {
        background: #fff;
        color: var(--golf-primary);
    }

article.content .ph-tab.active {
    color: var(--golf-primary);
    border-bottom-color: var(--golf-primary);
}

article.content .ph-badge-green {
    background: var(--golf-fairway);
    border-color: var(--golf-primary);
    color: var(--golf-primary);
}