/* ================================================================
   HFP Klientenportal — Elementor Widget Trigger Buttons ONLY
   All panel, overlay, form, and contact styles are in header.css
   ================================================================ */

/* --- Trigger Button (for Elementor widget use) --- */
.hfp-portal-trigger {
    font-family: var(--hfp-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hfp-accent);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 12px;
    transition: opacity 0.3s ease;
}
.hfp-portal-trigger:hover { opacity: 0.7; }

.hfp-portal-trigger--outline {
    border: 2px solid var(--hfp-accent);
    padding: 10px 24px;
}
.hfp-portal-trigger--outline:hover {
    background: var(--hfp-accent);
    color: #fff;
    opacity: 1;
}

.hfp-portal-trigger--filled {
    background: var(--hfp-accent);
    color: #fff;
    padding: 10px 24px;
    border: 2px solid var(--hfp-accent);
}
.hfp-portal-trigger--filled:hover {
    background: var(--hfp-accent-hover);
    border-color: var(--hfp-accent-hover);
    opacity: 1;
}