/* Custom AmaGo CSS */
/* Anmelde-Button */
.fa-user,
[data-v-fd274e75] .p-button {
    background-color: #E30613 !important;
}

/* Anmelde-Button mit Hover */
.p-button:hover {
    background-color: #E30613 !important;
}

/* Anmelde-Button Hintergrund */
[data-v-fd274e75] .card,
[data-v-fd274e75] .card * {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    box-shadow: none !important;
}

/* Anmelde-Button Hintergrund mit Hover */
[data-v-fd274e75] .card *:hover {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    box-shadow: none !important;
}

/* square Button */
.fa-chevron-square-right {
    color: #E30613 !important;
}

/* eckige Klammer rechts */
.fa-chevron-right {
    color: #E30613 !important;
}

/* eckige Klammer links */
.fa-chevron-left {
    color: #E30613 !important;
}

/* Warenkorb-Button */
#mainscreen_btn_basket {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* In den Warenkorb-Button */
:root {
    --bs-btn-success-border-color: #E30613;
    --bs-btn-success-bg: #E30613;
    --bs-btn-focus-shadow-rgb: 227, 6, 19;
}

/* Buttons, aktive Elemente, Highlights */
button,
.btn,
.button,
input[type="submit"],
.shopify-payment-button__button {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
}

/* Hover-Effekt */
button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover {
    background-color: #b00510 !important;
    border-color: #b00510 !important;
}

/* Links und Akzente */
a,
.text-accent {
    color: #E30613 !important;
}

/* Formulare */
input:focus,
textarea:focus,
select:focus {
    border-color: #E30613 !important;
    box-shadow: 0 0 0 1px #E30613 !important;
}


/* Logo - altes Layout */
#amago-logo {
    width: 300px !important;
    max-width: none !important;
    height: auto !important;
    margin-top: 20px !important;
    display: block !important;
}

/* Logo - neues Layout */
img[data-pc-section="image"] {
    width: 100px !important;
    max-width: none !important;
    height: auto !important;
    margin-top: 0px !important;
    display: block !important;
}
.pr-3,
.p-button-label,
.p-button-icon {
    color: #ffffff !important;
}

.p-button-label {
    font-weight: 700 !important;
}