/* ==========================================================================
   Design „Atelier-Test“ – wie „Atelier“, mit einem Unterschied:
   Handy: die Kontaktleiste unten (WhatsApp, Anrufen, E-Mail, Termin) im selben
   hellen Gold wie die Buttons „Mehr erfahren“ beim Überfahren.
   Reihenfolge: app.css → hell.css → atelier.css → atelier-test.css
   ========================================================================== */
@media (max-width: 1024px) {
    .quick-contact {
        isolation: isolate; background: none;
        border-top: 1px solid rgb(201 166 98 / 0.55);
        box-shadow: 0 -2px 10px rgb(120 84 32 / 0.10);
    }
    /* Goldebene mit demselben Verlauf und Filter wie die Buttons */
    .quick-contact::before {
        content: ""; position: absolute; inset: 0; z-index: -1;
        background: var(--btn-gold);
        filter: sepia(0.2) saturate(0.75) contrast(0.74) brightness(1.2);
    }
    .quick-contact__item, .quick-contact__item .icon { color: var(--btn-gold-text); }
    .quick-contact__item { font-weight: 600; letter-spacing: 0.06em; }
    .quick-contact li + li { border-left: 1px solid rgb(255 255 255 / 0.45); }
    .quick-contact__item:active { background: rgb(255 255 255 / 0.25); }
}