/* 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: #E30613 !important;;
  box-shadow: #E30613 !important;;
}

/* Anmelde-Button Hintergrund mit Hover */
[data-v-fd274e75] .card *:hover {
  background-color: #E30613  !important;;
  border: #E30613  !important;;
  box-shadow: #E30613  !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;
    color: #FFFFFF; /* sorgt dafür, dass Icon + Text weiß bleiben */

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

/* 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 (z. B. Fokusfelder) */
input:focus,
textarea:focus,
select:focus {
    border-color: #E30613 !important;
    box-shadow: 0 0 0 1px #E30613 !important;
}