/* ==========================================================================
   Dolmetscherpool — Amelia Plugin Overrides
   Passt das Amelia-Buchungsformular ans Corporate Design an
   ========================================================================== */

/* --------------------------------------------------------------------------
   Primärfarbe / Akzente
   -------------------------------------------------------------------------- */

/* Haupt-Akzentfarbe von Amelia überschreiben */
:root {
    --am-c-primary: #c41734 !important;
    --am-c-primary-op10: rgba(196, 23, 52, 0.1) !important;
    --am-c-primary-op60: rgba(196, 23, 52, 0.6) !important;
}

/* Primäre Buttons */
.am-button.am-button-primary,
.amelia-app-booking .am-button-main {
    background-color: #c41734 !important;
    border-color: #c41734 !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 4px;
}

.am-button.am-button-primary:hover,
.amelia-app-booking .am-button-main:hover {
    background-color: #9e1229 !important;
    border-color: #9e1229 !important;
}

/* --------------------------------------------------------------------------
   Fortschrittsanzeige / Steps
   -------------------------------------------------------------------------- */

.am-step-container .am-step-line,
.amelia-app-booking .am-step-active .am-step-bullet {
    background-color: #c41734 !important;
}

.amelia-app-booking .am-step-bullet.am-step-done {
    background-color: #3d9053 !important;
}

/* --------------------------------------------------------------------------
   Ausgewählte Dienst-Kacheln / Service Cards
   -------------------------------------------------------------------------- */

.amelia-app-booking .am-service-card.am-selected,
.amelia-app-booking .am-service-card:focus {
    border-color: #c41734 !important;
    box-shadow: 0 0 0 2px rgba(196, 23, 52, 0.3) !important;
}

/* --------------------------------------------------------------------------
   Kalender
   -------------------------------------------------------------------------- */

.amelia-app-booking .am-calendar .am-calendar-day.am-selected,
.amelia-app-booking .am-calendar .am-calendar-day:focus {
    background-color: #c41734 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.amelia-app-booking .am-calendar .am-calendar-day.am-today {
    border: 2px solid #c41734;
    border-radius: 4px;
}

/* --------------------------------------------------------------------------
   Zeitslots
   -------------------------------------------------------------------------- */

.amelia-app-booking .am-time-slot.am-selected {
    background-color: #c41734 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.amelia-app-booking .am-time-slot:hover {
    background-color: rgba(196, 23, 52, 0.1) !important;
    border-color: #c41734 !important;
}

/* --------------------------------------------------------------------------
   Formularfelder
   -------------------------------------------------------------------------- */

.amelia-app-booking input:focus,
.amelia-app-booking select:focus,
.amelia-app-booking textarea:focus {
    border-color: #c41734 !important;
    box-shadow: 0 0 0 2px rgba(196, 23, 52, 0.2) !important;
    outline: none;
}

/* --------------------------------------------------------------------------
   Bestätigungsseite / Summary
   -------------------------------------------------------------------------- */

.amelia-app-booking .am-confirmation .am-confirmation-icon svg path {
    fill: #3d9053 !important;
}

.amelia-app-booking .am-confirmation-title {
    color: #1f2b31;
    font-family: 'Roboto Slab', Georgia, serif;
}

/* --------------------------------------------------------------------------
   Schriftarten angleichen
   -------------------------------------------------------------------------- */

.amelia-app-booking,
.amelia-app-booking * {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.amelia-app-booking h1,
.amelia-app-booking h2,
.amelia-app-booking h3,
.amelia-app-booking .am-heading {
    font-family: 'Roboto Slab', Georgia, serif !important;
}

/* --------------------------------------------------------------------------
   Responsiv: Mobile-Anpassungen
   -------------------------------------------------------------------------- */

@media (max-width: 600px) {
    .amelia-app-booking {
        padding: 0 !important;
    }

    .amelia-app-booking .am-service-card {
        width: 100% !important;
    }
}