/* Google Login Plugin Styles */
.famdb-login, .famdb-login-status {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fafafa;
}

.famdb-login p,
.famdb-login-status p {
    font-size: 16px;
    margin-bottom: 15px;
}

.google-btn img {
    height: 40px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.google-btn img:hover {
    filter: brightness(0.9);
}

button.button-primary {
    background-color: #4285F4;
    border: none;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

button.button-primary:hover {
    background-color: #3367D6;
}

.famdb-foto-wrapper {
    position: relative;
    display: inline-block;
}
.foto-loader {
    font-style: italic;
    color: #666;
    margin-bottom: 5px;
}
.famdb-foto-hidden {
    display: none;
}




/* by chatgpt: utk menampilkan Login/Logout di menu */
.famdb-menu-login a:hover,
.famdb-menu-logout a:hover {
    background: #e65500;
}

.famdb-menu-login a,
.famdb-menu-logout a {
    font-weight: 600;
    color: #ff6600 !important;
}

.famdb-menu-welcome span {
    font-weight: 600;
    margin-right: 8px;
}