/* ============================================================
   belisoft IT-Solutions GmbH
   ============================================================ */

/* btn-primary (theme.css: background: var(--bg-inverted) = Türkis) */
.btn-primary,
.btn-primary:visited {
    background-color: #ff5a00 !important;
    border-color: #d94d00 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #d94d00 !important;
    border-color: #b84300 !important;
    color: #fff !important;
}

/* btn-success (theme.css: background: var(--bg-inverted) = Türkis) */
.btn-success,
.btn-success:visited {
    background-color: #ff5a00 !important;
    border-color: #d94d00 !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #d94d00 !important;
    border-color: #b84300 !important;
    color: #fff !important;
}

/* btn-default (theme.css: background: #fff, hover: var(--grayscale-lifted) = Türkis) */
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #d94d00 !important;
    border-color: #d94d00 !important;
    color: #fff !important;
}

/* btn-outline-primary */
body #main-body .btn-outline-primary {
    color: #ff5a00 !important;
    border-color: #ff5a00 !important;
    background-color: transparent !important;
}
body #main-body .btn-outline-primary:hover {
    background-color: #ff5a00 !important;
    color: #fff !important;
}

/* btn-link hover */
.btn-link:hover {
    color: #ff5a00 !important;
}

/* Checkout-Button */
body #order-standard_cart .text-right .btn-checkout {
    background-color: #ff5a00 !important;
    border-color: #d94d00 !important;
    color: #fff !important;
}
body #order-standard_cart .text-right .btn-checkout:hover {
    background-color: #d94d00 !important;
}

/* ============================================================
   LINKS
   ============================================================ */
a {
    color: #026758 !important;
}
a:hover,
a:focus {
    color: #ff5a00 !important;
    text-decoration: none;
}

/* Navbar-Links wieder dunkel (nicht grün) */
header.header .navbar a,
header.header .navbar-nav .nav-link {
    color: #333 !important;
}
header.header .navbar a:hover,
header.header .navbar-nav .nav-link:hover {
    color: #ff5a00 !important;
}

/* Topbar-Links weiss lassen */
header.header .topbar a,
header.header .topbar .btn {
    color: rgba(255,255,255,0.75) !important;
}
header.header .topbar a:hover {
    color: #fff !important;
}

/* Footer-Links weiss */
footer.footer a,
footer.footer .nav-link {
    color: rgba(255,255,255,0.8) !important;
}
footer.footer a:hover,
footer.footer .nav-link:hover {
    color: #ff5a00 !important;
}

/* ============================================================
   HEADER – Weiss mit Orange-Unterlinie
   ============================================================ */
header.header {
    background-color: #fff !important;
    border-bottom: 3px solid #ff5a00 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Topbar bleibt dunkel Türkis */
header.header .topbar {
    background-color: #01303a !important;
}

/* ============================================================
   FOOTER – Dunkel Türkis mit Orange-Linie oben
   ============================================================ */
footer.footer {
    background-color: #01303a !important;
    border-top: 3px solid #ff5a00 !important;
    color: #fff !important;
}

/* ============================================================
   FORMULARE – Focus in Orange
   ============================================================ */
.form-control:focus {
    border-color: #ff5a00 !important;
    box-shadow: 0 0 0 0.2rem rgba(255,90,0,0.2) !important;
}

/* ============================================================
   PAGINATION – Aktiv in Türkis
   ============================================================ */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.page-item.active .page-link {
    background-color: #01303a !important;
    border-color: #01303a !important;
    color: #fff !important;
}
.pagination > li > a {
    color: #026758 !important;
}
.pagination > li > a:hover {
    color: #ff5a00 !important;
}

/* ============================================================
   SIDEBAR – Aktive Items
   ============================================================ */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover {
    background-color: #01303a !important;
    color: #fff !important;
}
/* ============================================================
   STICKY FOOTER – verhindert weissen Leerraum auf kurzen Seiten
   ============================================================ */
html {
    min-height: 100vh !important;
    height: auto !important;
}

body {
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

#main-body {
    flex: 1 0 auto !important;
}

#footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}
.btn.btn-custom-action[data-identifier="plesk"] {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
    color: #fff !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn.btn-custom-action[data-identifier="plesk"]:hover,
.btn.btn-custom-action[data-identifier="plesk"]:focus {
    background-color: #01303a !important;
    border-color: #01303a !important;
    color: #fff !important;
}