/*
 * Frontend-Styles fuer das satzung-Modul.
 * Anlagen als Dokumentzeilen (Vorschlag A) + PDF-Button mit Subline.
 *
 * Hohe Spezifitaet (mehrfache Klasse) + !important sind hier Absicht:
 * Der Anlagen-Shortcode steckt im Elementor-Widget mit Klasse "satzung_button",
 * dessen CSS (.satzung_button a) jeden Link als roten Button rendert. Diese
 * Regel muss zuverlaessig ueberschrieben werden.
 * Akzentfarbe ueber --oparl-accent anpassbar (Default Cottbus-Rot).
 */

.oparl-anlagen {
    --oparl-accent: #a01e28;
    display: flex;
    flex-direction: column;
    margin: 0.25em 0 0;
}

.oparl-anlagen a.oparl-anlage.oparl-anlage.oparl-anlage.oparl-anlage {
    display: flex !important;
    align-items: center;
    gap: 0.6em;
    width: auto !important;
    margin: 0 !important;
    padding: 0.65em 0.2em !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    background: none !important;
    color: inherit !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    white-space: normal !important;
    box-shadow: none !important;
    line-height: 1.35;
}

.oparl-anlagen a.oparl-anlage.oparl-anlage.oparl-anlage.oparl-anlage:last-child {
    border-bottom: 0 !important;
}

.oparl-anlagen a.oparl-anlage:hover .oparl-anlage__titel,
.oparl-anlagen a.oparl-anlage:focus .oparl-anlage__titel {
    color: var(--oparl-accent);
    text-decoration: underline;
}

.oparl-anlage__icon {
    flex: 0 0 auto;
    width: 1.3em;
    height: 1.3em;
    color: var(--oparl-accent) !important;
}

.oparl-anlage__titel {
    flex: 1 1 auto;
}

.oparl-anlage__dl {
    flex: 0 0 auto;
    width: 1.05em;
    height: 1.05em;
    opacity: 0.5;
}

/*
 * PDF-Download-Button mit Subline: Hauptzeile (Label) + kleine Zeile mit
 * Inkrafttretens-Datum darunter -- als Wahlhilfe bei mehreren Buttons.
 * Der Button bleibt im bestehenden (roten) Stil, wird nur zweizeilig.
 */
.oparl-pdf-button.oparl-pdf-button--mit-sub {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    line-height: 1.2;
}

.oparl-pdf-button__sub {
    display: block;
    font-size: 0.78em;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    opacity: 0.85;
    margin-top: 0.2em;
}