/* Küppeli marka renkleri — logo: #c19999 */

:root {
    --kuppeli-brand: #c19999;
    --kuppeli-brand-hover: #a88282;
    --kuppeli-brand-dark: #8f6f6f;
    --kuppeli-brand-soft: rgba(193, 153, 153, 0.14);
    --kuppeli-brand-border: rgba(193, 153, 153, 0.35);
    --primary: #c19999;
}

/* Bootstrap / Cartzilla primary */
.btn-primary {
    background-color: var(--kuppeli-brand);
    border-color: var(--kuppeli-brand);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--kuppeli-brand-hover);
    border-color: var(--kuppeli-brand-hover);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--kuppeli-brand-hover);
    border-color: var(--kuppeli-brand-dark);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--kuppeli-brand);
    border-color: var(--kuppeli-brand);
}

.btn-outline-primary {
    color: var(--kuppeli-brand);
    border-color: var(--kuppeli-brand);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--kuppeli-brand);
    border-color: var(--kuppeli-brand);
}

.badge-primary,
.bg-primary {
    background-color: var(--kuppeli-brand) !important;
}

.text-primary {
    color: var(--kuppeli-brand) !important;
}

.border-primary {
    border-color: var(--kuppeli-brand) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--kuppeli-brand-hover) !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--kuppeli-brand);
    border-color: var(--kuppeli-brand);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--kuppeli-brand);
    background-color: var(--kuppeli-brand);
}

.form-control:focus {
    border-color: var(--kuppeli-brand-border);
    box-shadow: 0 0 0 0.2rem var(--kuppeli-brand-soft);
}

.navbar-tool-badge {
    background-color: var(--kuppeli-brand) !important;
}

.cz-handheld-toolbar .badge-primary {
    background-color: var(--kuppeli-brand);
}

.spinner-border.text-primary {
    color: var(--kuppeli-brand) !important;
}
