.hidden {display: none; }

@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media (min-width: 992px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 767px) {
    .hidden-md {
        display: none;
    }
}

.btn.btn-xsm {
    padding: 0.2rem 0.65rem;
    font-size: 0.675rem;
    line-height: 1.5;
}


/* =================
   Klasy użytkowe dla wielkości czcionki
   ================= */

/* Bardzo mała (ok. 12px) */
.text-1 {
    font-size: 0.75rem !important;
}

/* Mała (ok. 13px) */
.text-2 {
    font-size: 0.8125rem !important;
}

/* Standardowa mała (ok. 14px) - odpowiednik .small */
.text-3 {
    font-size: 0.875rem !important;
}

/* Lekko zmniejszona (ok. 15px) */
.text-4 {
    font-size: 0.9375rem !important;
}

/* Domyślna (16px) - do resetowania */
.text-5 {
    font-size: 1rem !important;
}

/* Większe (ok. 17px) */
.text-6 {
    font-size: 1.0625rem !important;
}

/* (ok. 18px) */
.text-7 {
    font-size: 1.125rem !important;
}

/* (ok. 19px) */
.text-8 {
    font-size: 1.1875rem !important;
}

/* (ok. 20px) */
.text-9 {
    font-size: 1.25rem !important;
}

/* (ok. 21px) */
.text-10 {
    font-size: 1.3125rem !important;
}

/* (ok. 22px) */
.text-11 {
    font-size: 1.375rem !important;
}

/* (ok. 23px) */
.text-12 {
    font-size: 1.4375rem !important;
}

/* ===================================
   Stylowany przełącznik (switch) Czerwony/Zielony
   =================================== */

/* Styl dla stanu "OFF" (czerwony) */
.form-switch-success .form-check-input {
    background-color: var(--bs-danger-soft); /* Jasnoczerwone tło */
    border-color: var(--bs-danger); /* Czerwona ramka */
    /* Używamy obrazka SVG dla kropki, ale z kolorem czerwonym (zamiast domyślnego szarego) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dc3545'/%3e%3c/svg%3e");
}

/* Styl dla stanu "ON" (:checked) (zielony) */
.form-switch-success .form-check-input:checked {
    background-color: var(--bs-success); /* Zielone tło */
    border-color: var(--bs-success); /* Zielona ramka */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); /* Biała kropka */
}

/* Opcjonalnie: Style focus dla spójności */
.form-switch-success .form-check-input:focus {
    border-color: var(--bs-danger-light); /* */
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); /* */
}

.form-switch-success .form-check-input:checked:focus {
    border-color: var(--bs-success-light); /* */
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); /* */
}