/* TODO: sklweb2026 - addon.css */
/* classen aus der ALTEN addon.css */

.figure-caption {color:#ffffff!important}

.bg-gold {
  background-color:#e6b405!important
}

.btn-gold {
  color:#212529;
  background-color:#e6b405;
  border-color:#e6b405
}

/* Fallback zu alten 2021er-Code der Presse-Seiten: bei frame--rounded fehlt innen-abstand links/rechts in der main.css – Hotfix bis Frontend-Patch */
.bg-white .container .frame--bordered, .frame--rounded {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
@media (min-width: 496px) {
    .bg-white .container .frame--bordered, .frame--rounded {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }
}

/* alter code: wenn weiss in weiss, dann zweites nicht füllen */
.bg-white .container .frame--bordered.bg-white {
    background-color: transparent !important;
}

/* Rückwärtskompatibilität: alter Klassenname "link--arrow" → gleiche Darstellung wie "link-arrow" */
.link--arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.link--arrow::before {
    display: block;
    flex: 0 0 20px;
    order: 1;
    width: 20px;
    height: 20px;
    margin: -10px 0 -10px 2px;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.414 10.586L13.121 6.29297L11.707 7.70697L15 11H5V13H15L11.707 16.293L13.121 17.707L17.414 13.414C17.7889 13.0389 17.9996 12.5303 17.9996 12C17.9996 11.4696 17.7889 10.961 17.414 10.586Z' fill='%23000'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* variante der accordion-klasse: geschlossen ist grau / offen ist rot
  frontend-team: bitte umsetzen :-) 
*/
.accordion-active-primary {
  --bs-accordion-active-bg: #cd1719;
  --bs-accordion-active-color: #fff;
  /* weißes chevron-icon im geöffneten zustand */
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(205, 23, 25, 0.25);
}


/* Kompatiblitäts-Shim: Bootstrap 4 custom-checkbox/-radio → Bootstrap 5 form-check Styling */
.custom-control {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

.custom-control-input {
    float: left;
    margin-left: -1.5em;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
}

.custom-checkbox .custom-control-input {
    border-radius: .25em;
}

.custom-control-input:checked {
    background-color: var(--bs-primary, #cd1719);
    border-color: var(--bs-primary, #cd1719);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.custom-control-input:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(205, 23, 25, .25);
}

.custom-control-label {
    cursor: pointer;
}


/* Kompatiblitäts-Shim: Bootstrap 5 form-select-Pfeil für ältere select.form-control-Elemente */
select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    padding-right: 2.25rem;
}


/* BS5-Alert-Farbvarianten fehlen im Frontend-Build (verwendet zum beispiel im Depot als Statusmeldung
   Hotfix bis Frontend-Patch */
.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #a3cfbb;
    --bs-alert-link-color: #0c4128;
}
.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffda6a;
    --bs-alert-link-color: #523d02;
}
.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #9eeaf9;
    --bs-alert-link-color: #04414d;
}