/*
Theme Name: Barber Child
Description: Child theme van Barber voor aangepaste functionaliteiten
Template: barber
Version: 1.0.0
*/

/* Parent theme styles worden automatisch geladen via functions.php */

/* Child theme successfully loaded */

/* ===== DESKTOP AFSPRAAK MAKEN BUTTON ===== */
@media (min-width: 992px) {
    /* Desktop button styling */
    .desktop-appointment-btn {
        display: inline-block !important;
    }
    
    .btn-appointment-desktop:hover {
        background-color: #b8941f !important;
        transform: translateY(-1px);
    }
    
    /* Zorg dat mobile button NOOIT op desktop verschijnt */
    .mobile-header-buttons-right {
        display: none !important;
        visibility: hidden !important;
    }
    
    .header-container{
        margin-right:85px;
    }
}

/* ===== MOBILE AFSPRAAK MAKEN BUTTON ===== */
@media (max-width: 991px) {
    /* Mobile button positioning - helemaal rechts */
    .mobile-header-buttons-right {
        position: absolute !important;
        right: 0px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
        z-index: 100 !important;
        padding-right: 15px !important;
        padding-top: 75px;
    }
    
    .mobile-header-buttons-right .mobile-header-buttons {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
    }
    
    /* Zorg dat desktop button NOOIT op mobile verschijnt */
    .desktop-appointment-btn {
        display: none !important;
        visibility: hidden !important;
    }
}