/*
Custom Css
*/

/* Floating WhatsApp Button */
.floating-whatsapp {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1050;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
.floating-whatsapp:hover { color: #fff; opacity: .9; }

/* Dark Mode */
body.dark-mode { background-color: #0f1115; color: #e8e8e8; }
body.dark-mode a { color: #8cc0ff; }
body.dark-mode .bg-light { background-color: #151923 !important; }
body.dark-mode .card { background-color: #151923; color: #e8e8e8; }
body.dark-mode .card .text-muted { color: #b9c0cc !important; }
body.dark-mode .navbar.bg-dark { background-color: #0b0d12 !important; }
body.dark-mode footer.bg-dark { background-color: #0b0d12 !important; }
body.dark-mode .input-group-text { background-color: #1e2430; border-color: #2a3344; }
body.dark-mode .form-control, body.dark-mode .form-select, body.dark-mode textarea {
    background-color: #101521; border-color: #273247; color: #e8e8e8;
}
body.dark-mode .modal-content { background-color: #151923; color: #e8e8e8; }
body.dark-mode .border-light { border-color: #2a3344 !important; }

/* Mobile improvements */
@media (max-width: 576px) {
    .navbar-brand img { height: 56px !important; }
    .navbar-brand { font-size: 1rem; }
    #templatemo_main_nav.collapse.show, #templatemo_main_nav.collapsing { background-color: #212529; padding: 12px; border-radius: 8px; }
    .navbar-dark .navbar-nav .nav-link { padding: 10px 12px; font-size: 1rem; }
}