/**
 * Buchungs-Widget der Leistungsseiten (owner task 19.09.2026):
 * [cottage_standorte] – Verfügbarkeits-Chips je Standort (cst-…)
 * Farben/Radien wie Kategorie-Liste und Services-Grid (#495E77 / #769cc1, 20/10 px).
 * Divi-5-Falle: Link-/Buttonfarben in Shortcode-Ausgabe brauchen !important (Inline-Regel 1,3,1).
 * ([cottage_behandlungen] wurde am 22.09.2026 entfernt.)
 */

.cottage-standorte {
    --cbw-lead: #495E77;
    --cbw-secondary: #769cc1;
    --cbw-text: #2f3a47;
    --cbw-muted: #6b7a8c;
    --cbw-line: rgba(73, 94, 119, 0.14);

    font-family: 'Montserrat', sans-serif;
    color: var(--cbw-text);
}

/* --- Standort-Chips --------------------------------------------------- */

.cottage-standorte {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 2px 0 6px;
}

.cottage-standorte .cst-lead {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--cbw-muted);
}

.cottage-standorte .cst-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cottage-standorte .cst-chip {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    border-radius: 999px;
    background: var(--cbw-lead);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 0.15s ease;
}

.cottage-standorte .cst-chip:hover,
.cottage-standorte .cst-chip:focus-visible {
    background: var(--cbw-secondary);
    color: #ffffff !important;
}

/* fester Standort ohne Buchungs-Trigger (Aenderungsliste #23): kein Hover-Wechsel */
.cottage-standorte .cst-chip--static,
.cottage-standorte .cst-chip--static:hover {
    background: var(--cbw-lead);
    cursor: default;
}

.cottage-standorte .cst-only {
    flex-basis: 100%;
    margin: 0;
    font-size: 13px;
    color: var(--cbw-muted);
}