/**
 * GroundX Portal - MASTER BUTTON FIX
 * Version: 2.0 - ABSOLUTE KONTROLLE
 * 
 * DIESE CSS ÜBERSCHREIBT ALLE ANDEREN!
 * Lädt als LETZTE CSS mit höchster Priorität!
 * 
 * ALLE BUTTONS: 56x56px
 * ALLE ICONS: 28x28px
 * MOBILE FIRST!
 */

/* ==============================================
   MAXIMALE SPEZIFITÄT - ÜBERSCHREIBT ALLES!
============================================== */

/* ALLE Header-Buttons - Maximale Spezifität */
body #gki-portal-content .gki-header-buttons button,
body #gki-portal-content .gki-header-buttons a,
body .gki-header-buttons .gki-attendance-button,
body .gki-header-buttons .gki-logout-button,
body .gki-header-buttons .gki-whatsapp-button,
body .gki-header-buttons #gki-attendance-btn,
body .gki-header-buttons #gki-calendar-btn,
body .gki-header-buttons #gki-logout-btn,
body .gki-header-buttons #gki-pwa-install-btn,
body .gki-header-buttons #gki-install-btn,
.gki-header-buttons button,
.gki-header-buttons a,
.gki-attendance-button,
.gki-logout-button,
.gki-whatsapp-button,
#gki-attendance-btn,
#gki-calendar-btn,
#gki-logout-btn,
#gki-pwa-install-btn,
#gki-install-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 6px !important;
    flex-shrink: 0 !important;
    border: none !important;
    cursor: pointer !important;
}

/* ALLE Icons - Maximale Spezifität */
body .gki-header-buttons button svg,
body .gki-header-buttons a svg,
body .gki-attendance-button svg,
body .gki-logout-button svg,
body .gki-whatsapp-button svg,
body #gki-attendance-btn svg,
body #gki-calendar-btn svg,
body #gki-logout-btn svg,
body #gki-pwa-install-btn svg,
body #gki-install-btn svg,
.gki-header-buttons button svg,
.gki-header-buttons a svg,
.gki-attendance-button svg,
.gki-logout-button svg,
.gki-whatsapp-button svg,
#gki-attendance-btn svg,
#gki-calendar-btn svg,
#gki-logout-btn svg,
#gki-pwa-install-btn svg,
#gki-install-btn svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
}

/* WhatsApp IMG Fix */
body .gki-whatsapp-button img,
.gki-whatsapp-button img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
}

/* Install-Button: Kein Text */
body #gki-pwa-install-btn span,
#gki-pwa-install-btn span {
    display: none !important;
}

/* ==============================================
   MOBILE: NOCH KRITISCHER!
============================================== */

@media (max-width: 768px) {
    body .gki-header-buttons button,
    body .gki-header-buttons a,
    body .gki-attendance-button,
    body .gki-logout-button,
    body .gki-whatsapp-button,
    body #gki-attendance-btn,
    body #gki-calendar-btn,
    body #gki-logout-btn,
    body #gki-pwa-install-btn,
    body #gki-install-btn,
    .gki-header-buttons button,
    .gki-header-buttons a,
    .gki-attendance-button,
    .gki-logout-button,
    .gki-whatsapp-button,
    #gki-attendance-btn,
    #gki-calendar-btn,
    #gki-logout-btn,
    #gki-pwa-install-btn,
    #gki-install-btn {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;
        margin: 0 4px !important;
    }
    
    body .gki-header-buttons button svg,
    body .gki-header-buttons a svg,
    body .gki-attendance-button svg,
    body #gki-attendance-btn svg,
    body #gki-calendar-btn svg,
    body #gki-logout-btn svg,
    body #gki-pwa-install-btn svg,
    .gki-header-buttons button svg,
    .gki-header-buttons a svg,
    .gki-attendance-button svg,
    #gki-attendance-btn svg,
    #gki-calendar-btn svg,
    #gki-logout-btn svg,
    #gki-pwa-install-btn svg {
        width: 28px !important;
        height: 28px !important;
    }
    
    body .gki-whatsapp-button img,
    .gki-whatsapp-button img {
        width: 28px !important;
        height: 28px !important;
    }
    
    .gki-header-buttons {
        gap: 4px !important;
    }
}

@media (max-width: 480px) {
    body .gki-header-buttons button,
    body .gki-header-buttons a,
    body #gki-attendance-btn,
    body #gki-calendar-btn,
    body #gki-logout-btn,
    body #gki-pwa-install-btn,
    .gki-header-buttons button,
    .gki-header-buttons a,
    #gki-attendance-btn,
    #gki-calendar-btn,
    #gki-logout-btn,
    #gki-pwa-install-btn {
        width: 56px !important;
        height: 56px !important;
        margin: 0 3px !important;
    }
    
    .gki-header-buttons {
        gap: 3px !important;
    }
}

/* ==============================================
   TOUCH-OPTIMIERUNG
============================================== */

@media (hover: none) and (pointer: coarse) {
    body .gki-header-buttons button,
    body .gki-header-buttons a,
    body #gki-attendance-btn,
    body #gki-calendar-btn,
    body #gki-logout-btn,
    body #gki-pwa-install-btn,
    .gki-header-buttons button,
    .gki-header-buttons a,
    #gki-attendance-btn,
    #gki-calendar-btn,
    #gki-logout-btn,
    #gki-pwa-install-btn {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }
}

/* ==============================================
   WICHTIG: Login-Screen Ausnahme
============================================== */

.gki-login-container #gki-pwa-install-btn,
.gki-login-container .gki-pwa-install-btn {
    width: 100% !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
}

.gki-login-container #gki-pwa-install-btn span,
.gki-login-container .gki-pwa-install-btn span {
    display: inline !important;
}

/* ==============================================
   ENDE MASTER BUTTON FIX
============================================== */