/* -----------------------------------------------------------------------------------
Libermenta Geschäftszeiten-Hinweis im Greyd-Popup „Telefonnummern“

Das Popup selbst (Shell, Overlay, Typografie) gehört dem Greyd-Plugin – hier steht
nur das Umschalten Original ⇄ Hinweis und die Aktionszeile.
Design-Regel: keine einseitigen Container-Borders.
----------------------------------------------------------------------------------- */

/* Standard: Original-Text des Popups. Hinweis und Aktionen sind eingehängt, aber aus. */
.lo-text,
.lo-actions { display: none; }

/* Außerhalb der Geschäftszeiten getauscht (Attribut setzt assets/offhours.js). */
.popup[data-lo-offhours] .lo-orig { display: none; }

/* Ohne die Rufnummern-Spalten darf das Popup nicht über die Breite des
   „Zurück“-Buttons hinauslaufen: 440px Inhaltsspalte + 2 × 32px Innenabstand des
   Wrappers. Nur in diesem Zustand; innerhalb der Geschäftszeiten bleibt die
   Breite, wie im Greyd-Editor eingestellt.
   !important, weil Greyd max-width im Popup-eigenen <style> über die ID setzt
   (#popup_7147 …) – dagegen kommt kein Klassen-Selektor an. */
.popup[data-lo-offhours] .popup_content .popup_wrapper {
    max-width: 504px !important;
    margin-inline: auto;
}
.popup[data-lo-offhours] .lo-text { display: block; }
.popup[data-lo-offhours] .lo-actions { display: flex; }

.lo-text p:last-child { margin-bottom: 0; }

.lo-actions {
    /* Der Popup-Inhalt ist ein vertikaler Flex-Container – ohne stretch bliebe
       die Zeile schmal und damit links statt zentriert. */
    align-self: stretch;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem 1.25rem;
    margin-top: var(--wp--preset--spacing--medium, 1.75rem);
}

/* Einfache Klasse (nicht verdoppelt): wo das Greyd-Theme .button stylt, gewinnt
   das Theme – die Werte hier sind nur Fallback, damit der Button nie nackt ist. */
.lo-btn {
    display: inline-block;
    padding: .7em 1.6em;
    border: 0;
    border-radius: 999px;
    background: var(--wp--preset--color--primary, #bf9b4c);
    color: var(--wp--preset--color--lightest, #fffdf9);
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: filter .15s ease;
}
.lo-btn:hover,
.lo-btn:focus-visible { filter: brightness(.94); }

.lo-link {
    color: var(--wp--preset--color--custom-ari-brown, #5a4020);
    text-decoration: underline;
    text-underline-offset: .2em;
    white-space: nowrap;
}