/* ========================================
   ULTRA MINIMALIST MOBILE CSS
   Clean, Simple, Fast
   Add to BOTTOM of global.css
   ======================================== */

@media only screen and (max-width: 768px) {
    
    /* Force proper mobile rendering */
    * {
        -webkit-text-size-adjust: 100% !important;
        box-sizing: border-box !important;
    }
    
    body {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }
    
    /* Remove all containers */
    #container,
    #content,
    .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* ===== HEADER - MINIMAL ===== */
    
    #header {
        background: #1f2933 !important;
        padding: 12px !important;
    }
    
    #logo {
        text-align: center !important;
    }
    
    #logo .wrapper {
        padding: 0 !important;
    }
    
    #logo img {
        max-width: 120px !important;
        height: auto !important;
    }
    
    /* Hide top navigation completely */
    .menu.top_links {
        display: none !important;
    }
    
    /* ===== PANEL - SEARCH ONLY ===== */
    
    #panel {
        background: #2d3748 !important;
        padding: 10px !important;
    }
    
    #panel .upper .wrapper {
        padding: 0 !important;
    }
    
    /* Hide welcome message */
    #panel .welcomeblock {
        display: none !important;
    }
    
    /* Search - full width, clean */
    #panel form {
        width: 100% !important;
    }
    
    #search {
        display: flex !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
    
    #search input[type="text"] {
        flex: 1 !important;
        padding: 10px !important;
        font-size: 15px !important;
        border: none !important;
        border-radius: 6px !important;
        background: #ffffff !important;
    }
    
    #search input[type="submit"] {
        padding: 10px 20px !important;
        font-size: 15px !important;
        border: none !important;
        border-radius: 6px !important;
        background: #4f8a8b !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }
    
    /* ===== CONTENT ===== */
    
    #content .wrapper {
        padding: 12px !important;
    }
    
    /* Hide welcome banner */
    .community-welcome {
        display: none !important;
    }
    
    /* ===== BREADCRUMBS - MINIMAL ===== */
    
    .navigation {
        font-size: 13px !important;
        padding: 8px 0 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    
    /* ===== TABLES - ULTRA SIMPLE ===== */
    
    table.tborder {
        width: 100% !important;
        border: none !important;
        background: transparent !important;
    }
    
    /* Category headers - clean */
    .thead {
        background: #f9fafb !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 10px 12px !important;
        margin-bottom: 8px !important;
    }
    
    .thead td {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1f2933 !important;
    }
    
    /* Hide column headers */
    .tcat {
        display: none !important;
    }
    
    /* Forum rows - card style */
    .trow1,
    .trow2 {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        padding: 14px !important;
        margin-bottom: 10px !important;
    }
    
    .trow1 td,
    .trow2 td {
        display: block !important;
        border: none !important;
        padding: 0 !important;
    }
    
    /* Hide icon */
    .trow1 td:first-child,
    .trow2 td:first-child {
        display: none !important;
    }
    
    /* Forum name - big and bold */
    .trow1 td:nth-child(2),
    .trow2 td:nth-child(2) {
        margin-bottom: 6px !important;
    }
    
    .trow1 strong a,
    .trow2 strong a {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #1f2933 !important;
        text-decoration: none !important;
    }
    
    /* Description - clean */
    .smalltext {
        font-size: 14px !important;
        color: #6b7280 !important;
        line-height: 1.4 !important;
        margin-top: 4px !important;
    }
    
    /* Hide stats */
    .trow1 td:nth-child(3),
    .trow1 td:nth-child(4),
    .trow2 td:nth-child(3),
    .trow2 td:nth-child(4) {
        display: none !important;
    }
    
    /* Last post - minimal */
    .trow1 td:last-child,
    .trow2 td:last-child {
        padding-top: 8px !important;
        margin-top: 8px !important;
        border-top: 1px solid #f3f4f6 !important;
        font-size: 13px !important;
        color: #6b7280 !important;
    }
    
    /* ===== POSTS - CLEAN LAYOUT ===== */
    
    .post {
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        margin-bottom: 12px !important;
        overflow: hidden !important;
    }
    
    /* Author - horizontal */
    .post_author {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        background: #f9fafb !important;
        border-bottom: 1px solid #e5e7eb !important;
        padding: 12px !important;
    }
    
    .post_author img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
    }
    
    .post_author .author_name {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1f2933 !important;
    }
    
    .usertitle {
        font-size: 12px !important;
        color: #9ca3af !important;
    }
    
    /* Post content */
    .post_body {
        padding: 14px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #1f2933 !important;
    }
    
    .post_body p {
        margin: 0 0 12px 0 !important;
    }
    
    .post_body img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 6px !important;
    }
    
    /* Quotes - minimal */
    blockquote {
        background: #f9fafb !important;
        border-left: 3px solid #4f8a8b !important;
        padding: 10px 12px !important;
        margin: 12px 0 !important;
        border-radius: 4px !important;
        font-size: 14px !important;
    }
    
    blockquote cite {
        font-size: 12px !important;
        color: #6b7280 !important;
        font-weight: 600 !important;
    }
    
    /* Code - clean */
    .codeblock {
        background: #1f2933 !important;
        color: #e5e7eb !important;
        padding: 12px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        overflow-x: auto !important;
        font-family: monospace !important;
    }
    
    /* ===== BUTTONS - CLEAN ===== */
    
    .button,
    input[type="submit"],
    input[type="button"] {
        background: #4f8a8b !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
    }
    
    .button.small {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
    
    /* ===== FORMS - CLEAN ===== */
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea {
        width: 100% !important;
        padding: 12px !important;
        font-size: 15px !important;
        border: 1px solid #d1d5db !important;
        border-radius: 6px !important;
        background: #ffffff !important;
    }
    
    textarea {
        min-height: 120px !important;
    }
    
    /* ===== FOOTER - MINIMAL ===== */
    
    #footer {
        text-align: center !important;
        padding: 20px 12px !important;
        font-size: 12px !important;
        color: #6b7280 !important;
        background: #f9fafb !important;
        margin-top: 20px !important;
    }
    
    /* ===== HIDE CLUTTER ===== */
    
    /* Hide forum stats, icons, extra info */
    .forum_status,
    .forum_icon,
    .thread_icon,
    .trow_reputation,
    .trow_stats,
    .postbit_buttons,
    .post_controls,
    .signature,
    .post_author .smalltext:not(.usertitle) {
        display: none !important;
    }
}


/* ===== SMALL PHONES ===== */

@media only screen and (max-width: 400px) {
    
    body {
        font-size: 14px !important;
    }
    
    #logo img {
        max-width: 100px !important;
    }
    
    .trow1 strong a,
    .trow2 strong a {
        font-size: 16px !important;
    }
    
    .post_body {
        font-size: 14px !important;
    }
}