/* ===================================================================
   HPB Breathwork App Button - Finale, Robuste Version v2.0
   Zielt direkt auf den Link via URL in der HFE-Struktur.
====================================================================== */

/* ---------- 1. Desktop & Tablet (ab 1025px) ----------------- */
/* Ziel: Der Link (a), der "/app" in der URL enthält, im HFE-Menü */
.hfe-nav-menu a[href*="/app"] {
    /* Normaler Zustand */
    background-color: #d4af75 !important;
    color: #060502 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    padding: 6px 22px !important;
    border-radius: 6px !important;
    line-height: 1.4 !important;
    border: none !important;
    transition: all .25s ease !important;
}

/* Hover-Zustand */
.hfe-nav-menu a[href*="/app"]:hover {
    background-color: #060502 !important; /* Schwarz */
    color: #ffffff !important;           /* Weiß */
}

/* ---------- 2. Mobile (bis 1024px) ------------------------ */
@media (max-width: 1024px) {
    /* Ziel: Der Link (a) im mobilen Burger-Menü */
    .hfe-nav-menu a[href*="/app"] {
        /* Layout als Banner */
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        
        /* Abstände & Schrift */
        margin: 10px 0 !important;
        padding: 12px 15px !important;
        font-size: 15px !important;
        border-radius: 6px !important;
        
        /* Wichtig: Entfernt die Standard-Trennlinie von HFE */
        border-bottom: none !important;
    }
}