/* ===============================================
   NEWDEFAULT.CSS - Times Square Limousine
   Author: Benny Cokro, 26 Dec 2025
   =============================================== */
/* ---------- Mobile Styles ---------- */
@media (max-width: 768px) {

    body { 
        font-size: 14px; 
        background-size: cover; 
        margin: 0; 
        padding: 0; 
        overflow-x: hidden; 
    }

    /* Header & Logo */
    #header, #logo-wrap, #logo {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        float: none;
        text-align: center;
    }

    #logo h1 {
        font-size: 28px;
        padding-top: 40px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.2em;
    }

    #logo h2 { 
        font-size: 14px; 
        padding: 5px 0 15px 0; 
        text-align: center;
    }

    /* Menu */
    #menu {
        width: 100% !important;
        background: #4E8006 !important; /* keep toolbar visible */
        overflow: visible;
    }

    #menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    #menu li {
        display: block;
        width: 100%;
        float: none;
    }

    #menu a {
        display: block;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        color: #fff;
        text-decoration: none;
    }

    #menu a:hover, #menu .current_page_item a {
        color: #fff;
    }

    /* Page & Content */
    #page, #content, #sidebar {
        width: 100% !important;
        max-width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    #content { 
        background: none; /* remove background image that may break layout */
        padding: 10px; 
    }

    #sidebar {
        margin-top: 20px;
        padding: 10px;
    }

    /* Posts */
    .post { padding: 10px; }

    .post h2 { 
        font-size: 18px; 
        background: none; 
        padding: 5px 0; 
    }

    /* Footer */
    #footer-wrap, #footer {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    /* Optional debug color for menu - remove after testing */
    /* #menu { background: rgba(255,0,0,0.2) !important; } */
}