/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*** Ubah navbar "Member Login" -> "My Account" + Logout Modal ***/
#logout-modal-overlay {
        display: none;
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.6);
        z-index: 99999;
        align-items: center;
        justify-content: center;
    }
    #logout-modal-overlay.active {
        display: flex;
    }
    #logout-modal-box {
        background: #fff;
        border-radius: 8px;
        padding: 30px;
        max-width: 380px;
        width: 90%;
        text-align: center;
        box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    }
    #logout-modal-box h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }
    #logout-modal-box p {
        color: #666;
        margin: 0 0 24px;
        font-size: 14px;
    }
    #logout-modal-box .btn-group {
        display: flex;
        gap: 12px;
        justify-content: center;
    }
    #logout-modal-box .btn-group a {
        padding: 10px 24px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }
    #logout-modal-box .btn-cancel {
        background: #f1f1f1;
        color: #333;
    }
    #logout-modal-box .btn-confirm {
        background: #d33;
        color: #fff;
    }
    #logout-modal-box .btn-confirm:hover {
        background: #b00;
    }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}