/* --- Mobile Responsive Rules --- */
@media screen and (max-width: 1200px) {

    html,
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    body {
        min-width: 0 !important;
        background: url(../images/theme/backdrop.png) fixed !important;
    }

    div#wrapper {
        min-width: 0 !important;
    }
}

@media screen and (max-width: 1200px) {
    * {
        box-sizing: border-box !important;
    }

    div#wrapper {
        width: 96% !important;
        min-width: 0 !important;
    }

    /* Chat/Shoutbox - Re-enabled and adapted for mobile */
    .shoutbox_container,
    #sp_shoutbox_1,
    .sp_block_shoutbox,
    #sachat,
    [id*="sachat"],
    #sachat_container,
    .sachat_container,
    .chatbar,
    [id*="chat"],
    [class*="chat"],
    iframe[src*="chat"],
    #shoutbox {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Hide Social Icons */
    .sociallinks {
        display: none !important;
    }

    #sp_main,
    #sp_main>tbody>tr {
        display: block !important;
        width: 100% !important;
    }

    #sp_left,
    #sp_right {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    /* Hide Info Center on Mobile */
    .infocenter {
        display: none !important;
    }

    #sp_center {
        display: block !important;
        width: 100% !important;
    }

    /* Hide Header News Links (News posts, News replies) on Mobile */
    .topuser .blueli {
        display: none !important;
    }

    /* Restore "New Post" and "New Reply" buttons on mobile */
    .pagesection .buttonlist,
    .pagesection .button_strip {
        display: block !important;
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .buttonlist ul,
    .button_strip {
        display: inline-block !important;
        float: none !important;
        padding: 0 !important;
    }

    .buttonlist ul li,
    .button_strip li {
        float: none !important;
        display: inline-block !important;
        margin: 2px !important;
    }

    /* Keep Page Links centered */
    .pagesection .pagelinks {
        float: none !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }

    /* Ensure action buttons at bottom are still visible (optional, but requested by user specifically for "top") */
    /* If they want them everywhere, I would just use .button_strip { display: none !important; } */

    /* Fix for hardcoded 600px code blocks and hidden content */
    code.bbc_code,
    hide,
    .hiddencontent,
    .ap-hidetext {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        box-sizing: border-box !important;
    }

    /* Force ultra-long links/URLs to wrap to prevent pushing the container width */
    .inner a,
    .hiddencontent a,
    .ap-hidetext a {
        word-wrap: break-word !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }

    /* Show mobile only elements, hide desktop only for tablets and below */
    .mobile_only {
        display: block !important;
    }

    .desktop_only {
        display: none !important;
    }

    /* Enhanced User Info Box for Topic List */
    .user_info_box {
        background: #dadada !important;
        border: 1px solid #ddd !important;
        border-bottom: 1px solid #ccc !important;
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 0.82em;
        line-height: normal;
        text-align: left;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 6px;
        box-shadow: none;
        color: #555 !important;
    }

    .user_info_box .user_name {
        font-weight: bold;
        color: #444;
        font-size: 1em;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .user_info_box .post_count,
    .user_info_box .user_status {
        color: #888;
        font-size: 0.95em;
    }

    .user_info_box .mobile_lastpost {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
        font-size: 0.75em;
        font-style: italic;
        color: #444 !important;
        /* Nešto tamnija boja za bolju vidljivost */
        line-height: 1.2;
        margin-top: 5px !important;
        padding-right: 2px !important;
    }

    .user_info_box .post_count::before {
        content: "📝 ";
        /* Simple icon-like indicator */
    }

    .user_info_box .user_status::before {
        content: "⭐ ";
        /* Simple icon-like indicator */
    }

    /* --- Improved Post Action Buttons (Mobile/Tablet) --- */
    ul.quickbuttons {
        float: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        /* Shifted to left */
        gap: 6px !important;
        /* Slightly tighter gap */
        margin: 10px 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }

    ul.quickbuttons li {
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }

    ul.quickbuttons li a {
        background-color: #f4f4f4 !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        padding: 4px 8px 4px 26px !important;
        /* Reduced padding */
        height: auto !important;
        line-height: normal !important;
        font-size: 0.8em !important;
        /* Slightly smaller font */
        color: #444 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        display: inline-block !important;
        white-space: nowrap !important;
    }

    /* Highlight Thank You Button Specifically */
    ul.quickbuttons li.thank_you_button a {
        background-color: #ffebee !important;
        /* Light red background */
        border-color: #c62828 !important;
        /* Darker red border */
        color: #b71c1c !important;
        /* Dark red text */
        font-weight: bold !important;
    }

    /* Adjust background icons for modified links */
    ul.quickbuttons li[class*="_button"] {
        background-position: 5px center !important;
        background-size: 14px auto !important;
        /* Slightly smaller icons */
    }

    /* Specific overrides for Thank-O-Matic if needed */
    ul.quickbuttons li.thank_you_button,
    ul.quickbuttons li.thank_you_open_button,
    ul.quickbuttons li.thank_you_lock_button,
    ul.quickbuttons li.thank_you_delete_button {
        background-position: 4px center !important;
        background-color: transparent !important;
        /* Let the link handle it */
    }

    /* Hide date in ADK Recent Topics on mobile */
    .ART_date {
        display: none !important;
    }

    /* Hide post icon in Display view */
    .messageicon {
        display: none !important;
    }

    /* Force global responsiveness - Removed overflow-x: hidden to prevent clipping */
    #content_section,
    #main_content_section,
    .windowbg,
    .windowbg2,
    .approvebg,
    .post_wrapper,
    .postarea,
    .moderatorbar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Fix for Topic Title and View Count Header clipping */
    .cat_bar,
    .catbg,
    .titlebg,
    .title_bar,
    .keyinfo h5,
    .keyinfo h5 a,
    h3.catbg,
    h3.catbg2,
    h3.titlebg,
    h4.titlebg,
    h4.catbg {
        white-space: normal !important;
        /* Allow text to wrap */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        height: auto !important;
        /* Allow height to expand for wrapped text */
        overflow: visible !important;
        padding: 8px 10px !important;
        line-height: 1.4 !important;
        display: block !important;
    }

    /* Refine Topic Header in Blue Bar */
    #forumposts h3.catbg #author {
        display: none !important;
    }

    #forumposts h3.catbg #topic_subject {
        display: block !important;
        font-weight: bold !important;
        line-height: 1.2 !important;
        font-size: 1.3em !important;
    }



    #forumposts h3.catbg #topic_views {
        display: block !important;
        font-size: 0.75em !important;
        opacity: 0.8 !important;
        margin-top: 2px !important;
        font-weight: normal !important;
    }

    #forumposts h3.catbg img {
        display: none !important;
        /* Optional: hide topic icon to save space if needed */
    }



    /* Specifically target the grey-white box in posts (keyinfo and triangle-border) */
    .keyinfo {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 5px !important;
        float: none !important;
    }

    .triangle-border,
    .triangle-border.left {
        width: auto !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding: 15px 10px 10px 10px !important;
    }

    .triangle-border:before,
    .triangle-border:after {
        display: none !important;
        /* Hide the triangle pointer on mobile to save space */
    }



    /* AGGRESSIVE FIX: Constrain Google Ads and all other iframes */
    ins.adsbygoogle,
    iframe[id*="google_ads"],
    .adsbygoogle iframe {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        display: block !important;
    }

    /* Prevents tables or preformatted text from pushing width */
    table,
    pre,
    code {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Hide user signatures and custom fields above them on mobile/tablet */
    .signature,
    .custom_fields_above_signature {
        display: none !important;
    }

    /* Post Header (Poster Info) - Modern Grid Layout */
    .poster {
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        background: #dadada !important;
        /* Restored grey background */
        border: 1px solid #ddd !important;
        border-bottom: 1px solid #ccc !important;
        padding: 12px 10px !important;
        margin-bottom: 15px !important;
        display: grid !important;
        grid-template-columns: 75px 1fr !important;
        grid-template-rows: auto auto auto !important;
        grid-template-areas:
            "avatar name"
            "avatar status"
            "avatar postcount" !important;
        align-items: center !important;
        gap: 2px 15px !important;
        min-height: 0 !important;
        border-radius: 4px 4px 0 0 !important;
    }

    .poster h4,
    .poster h4 a {
        grid-area: name !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        width: auto !important;
        display: block !important;
        font-size: 1.1em !important;
        font-weight: bold !important;
        color: #333;
        /* Dark color for legibility on light background */
    }

    .poster ul.reset {
        display: contents !important;
        /* Allows children to participate in the .poster grid */
    }

    /* Broad reset for all poster elements to remove unwanted backgrounds/borders */
    .poster ul.reset li {
        background: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    /* Target the group/status/rank specifically (Custom titles, Bold groups, and Colored ranks) */
    .poster li.title,
    .poster li[style*="font-weight: bold"],
    .poster li[style*="font-weight:bold"],
    .poster li[style*="color"] {
        grid-area: status !important;
        font-size: 0.8em !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        color: #666 !important;
        background: none !important;
        border: none !important;
    }

    .poster li.title::before,
    .poster li[style*="font-weight: bold"]::before,
    .poster li[style*="font-weight:bold"]::before,
    .poster li[style*="color"]::before {
        content: "⭐ ";
        font-size: 1.1em;
    }

    /* Show post count and place it in the grid */
    .poster li.postcount {
        grid-area: postcount !important;
        display: block !important;
        font-size: 0.75em !important;
        color: #888 !important;
        margin: 0 !important;
        background: none !important;
        /* No individual squares */
        border: none !important;
    }

    .poster li.postcount::before {
        content: "📝 ";
        font-size: 1.1em;
    }

    /* Hide non-essential member info on mobile */
    .poster li.karma,
    .poster li.karma_allow,
    .poster li.stars,
    .poster li.gender,
    .poster li.blurb,
    .poster li.profile,
    .poster li.im_icons,
    .poster li.custom,
    .poster li.warning {
        display: none !important;
    }

    .poster li.avatar {
        grid-area: avatar !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 70px !important;
    }

    .poster li.avatar img {
        width: 70px !important;
        height: 70px !important;
        object-fit: cover !important;
        box-shadow: none !important;
        /* Removed shadow */
        border: none !important;
        /* Removed white border */
        border-radius: 8px !important;
    }

    /* Specific Shoutbox Adaptation */
    .shoutbox_container {
        padding: 5px !important;
    }

    .shoutbox_input {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .shoutbox_input input.shoutbox_input {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        height: 35px !important;
    }

    .shoutbox_input input.button_submit {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        height: 35px !important;
        line-height: normal !important;
    }

    .shoutbox_body ul {
        height: 200px !important;
        /* Constrain height to prevent long scrolls */
        overflow-y: auto !important;
    }

    /* --- Search Page Responsiveness --- */
    #searchform,
    #advanced_search,
    #advanced_search dl#search_options {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    #searchform fieldset {
        text-align: center !important;
        width: 100% !important;
    }

    #advanced_search dt {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        padding: 5px 0 !important;
        margin: 0 !important;
    }

    #advanced_search dd {
        width: 100% !important;
        float: none !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }

    #searchform input[type="text"],
    #userspec,
    #advanced_search input[type="text"],
    #simple_search input[type="text"] {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 5px !important;
        padding: 10px !important;
        font-size: 16px !important;
        /* Larger font for mobile */
    }

    #searchform select,
    #advanced_search select {
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 8px !important;
        font-size: 16px !important;
    }



    /* Board Selection List (Ignore Boards) */
    .ignoreboards {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .ignoreboards li.category {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    #searchBoardsExpand {
        height: auto !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        border: 1px solid #ddd !important;
        padding: 10px !important;
        background: #f9f9f9 !important;
    }

    /* Search results formatting */
    .search_results_posts {
        width: 100% !important;
        margin: 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .search_results_posts .topic_details {
        width: 100% !important;
        float: none !important;
    }

    .search_results_posts .content {
        padding: 5px !important;
    }

    .list_posts {
        width: 100% !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
    }

    /* --- Login & Registration Responsiveness --- */
    #sp_main,
    #sp_main>tbody,
    #sp_main>tbody>tr,
    #sp_main>tbody>tr>td#sp_center {
        display: block !important;
        width: 100% !important;
    }

    #frmLogin,
    .login,
    #maintenance_mode,
    #admin_login {
        width: 95% !important;
        max-width: 450px !important;
        min-width: 0 !important;
        margin: 30px auto !important;
        box-sizing: border-box !important;
        float: none !important;
        display: block !important;
        padding: 0 !important;
    }

    #frmLogin .tborder.login {
        width: 100% !important;
        margin: 0 auto !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
    }

    .login .cat_bar h3 {
        text-align: center !important;
    }

    .login .cat_bar h3 span {
        float: none !important;
    }

    .login dt,
    .login dd,
    dl.register_form dt,
    dl.register_form dd,
    #admin_login dt,
    #admin_login dd {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }

    #admin_login {
        text-align: center !important;
    }

    .login dt,
    dl.register_form dt,
    #admin_login dt {
        font-weight: bold !important;
        padding-top: 10px !important;
        display: block !important;
    }

    .login dd,
    dl.register_form dd {
        padding-bottom: 5px !important;
        display: block !important;
    }

    .login input.input_text,
    .login input.input_password,
    #frmLogin input.input_text,
    #frmLogin input.input_password,
    dl.register_form input.input_text,
    dl.register_form input.input_password,
    dl.register_form select,
    dl.register_form textarea,
    #admin_login input.input_password {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        padding: 12px !important;
        margin: 5px 0 !important;
        display: block !important;
    }

    #registration {
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }


    #registration fieldset {
        padding: 15px !important;
        margin: 0 !important;
        border: none !important;
    }

    /* Verification Control (CAPTCHA) */
    #verification_control,
    .post_verification {
        width: 100% !important;
        margin: 15px 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #verification_control img {
        max-width: 100% !important;
        height: auto !important;
    }

    #confirm_buttons {
        text-align: center !important;
        width: 100% !important;
    }

    #confirm_buttons .button_submit {
        width: 100% !important;
        max-width: 300px !important;
        margin: 15px auto !important;
        padding: 12px !important;
        display: block !important;
        float: none !important;
    }
}



#menu-toggle,
.menu-icon {
    display: none;
}

@media screen and (max-width: 1200px) {
    body {
        padding: 5px 0 !important;
        min-width: 0 !important;
    }

    div#wrapper {
        width: 98% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Reset main content containers to prevent clipping */
    #content_section,
    #content_section .frame,
    #main_content_section {
        padding: 10px 0 !important;
        margin: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        border: none !important;
        box-shadow: none !important;
    }

    #header {
        height: auto !important;
    }

    #top_section {
        height: auto !important;
        text-align: center;
    }

    h1.forumtitle {
        float: none !important;
        display: block;
        margin: 10px auto !important;
    }

    h1.forumtitle img {
        max-width: 100%;
        height: auto;
    }

    .search {
        float: none !important;
        width: 100% !important;
        max-width: 300px !important;
        margin: 15px auto !important;
        text-align: center;
    }

    .form-wrapper {
        display: flex !important;
        width: 100% !important;
        padding: 5px !important;
        background: rgba(0, 0, 0, 0.1) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    .form-wrapper input {
        flex: 1 !important;
        width: auto !important;
        height: 34px !important;
        padding: 0 10px !important;
        font-size: 14px !important;
        text-shadow: none !important;
        box-shadow: none !important;
        border-radius: 4px 0 0 4px !important;
        border: 1px solid #ccc !important;
        background: #fff !important;
    }

    .form-wrapper button {
        width: auto !important;
        height: 34px !important;
        padding: 0 15px !important;
        line-height: normal !important;
        font-size: 13px !important;
        background: #254f81 !important;
        border: none !important;
        border-radius: 0 4px 4px 0 !important;
        text-shadow: none !important;
        box-shadow: none !important;
        float: none !important;
    }

    .form-wrapper button:before {
        display: none !important;
    }

    /* Hamburger Menu Logic */
    .menu-icon {
        display: block !important;
        background: #333;
        color: #fff;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        margin: 10px 0;
        border-radius: 4px;
        font-weight: bold;
    }

    #custom_menu {
        display: none !important;
        /* Hide by default on mobile */
    }

    #menu-toggle:checked~#custom_menu {
        display: block !important;
        /* Show when checkbox is checked */
    }

    /* Menu adjustments - MORE SPECIFIC SELECTORS */
    #custom_menu_content,
    #custom_menu_content *,
    #custom_menu_content .menu-icon {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
        -webkit-tap-highlight-color: transparent !important;
        outline: none !important;
    }

    #custom_menu_content #custom_menu ul {
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Tactile feedback for the Meni label itself */
    #custom_menu_content .menu-icon:active {
        background: #1a3a5a !important;
        transform: scale(0.98) !important;
    }

    /* --- Modern & Powerful Navigation Menu for Mobile/Tablet --- */
    #custom_menu_content #custom_menu ul li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 8px 0 !important;
        background: linear-gradient(135deg, #254f81 0%, #1a3a5a 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
        border-radius: 8px !important;
        transition: transform 0.1s ease, box-shadow 0.1s ease !important;
        overflow: hidden !important;
    }

    /* Tactile Feedback: Premium "Pressed" effect with Inner Glow for depth */
    #custom_menu_content #custom_menu ul li:active {
        transform: scale(0.96) !important;
        background: linear-gradient(135deg, #1a3a5a 0%, #142a42 100%) !important;
        box-shadow:
            inset 0 4px 12px rgba(0, 0, 0, 0.5),
            0 0 15px rgba(72, 201, 240, 0.4) !important;
        transition: transform 0.05s ease-out !important;
    }

    #custom_menu_content #custom_menu ul li a {
        border: none !important;
        text-align: center;
        width: 100% !important;
        display: block !important;
        padding: 16px 10px !important;
        line-height: normal !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        font-size: 0.9em !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    }

    #custom_menu_content #custom_menu ul li a span.firstlevel {
        display: inline !important;
        position: static !important;
        padding: 0 !important;
        background: none !important;
        height: auto !important;
        line-height: inherit !important;
    }

    #custom_menu_content #custom_menu ul li ul {
        position: static !important;
        display: none !important;
        /* Submenus hidden for mobile simplicity */
    }

    /* Board Index and Topic List Tables */
    .table_list td.info,
    .table_grid td.subject {
        width: 100% !important;
        display: block;
    }

    .table_grid thead {
        display: none !important;
    }

    /* --- Ultra-Minimalist Post Layout for Mobile/Tablet --- */
    .topslice,
    .botslice {
        display: none !important;
    }

    .post_wrapper {
        display: block !important;
        width: 100% !important;
        padding: 5px !important;
        background: #fff !important;
        /* White background for readability */
        border-radius: 4px;
        margin-bottom: 10px !important;
    }

    .postarea,
    .moderatorbar {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 5px 5px 5px !important;
        clear: both !important;
        background: none !important;
        border: none !important;
    }

    .postarea div.flow_hidden {
        width: 100% !important;
    }

    .inner {
        padding: 10px 0 !important;
        margin: 0 !important;
        font-size: 16px !important;
        border-top: 1px dotted #ccc !important;
        background: none !important;
        color: #333 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        /* Contain any floated content */
    }

    /* Automated Image Resizing for Mobile/Tablet */
    .inner img,
    .bbc_img,
    .post_wrapper img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px auto !important;
        /* Center images */
    }

    /* Ensure code blocks and other elements don't overflow */
    .inner pre,
    .inner code,
    .inner .quote,
    .inner .bbc_quote {
        max-width: 100% !important;
        overflow-x: auto !important;
        box-sizing: border-box !important;
    }

    /* Clear visibility for post titles and add spacing */
    .keyinfo h5 {
        margin: 12px 0 8px 0 !important;
        line-height: 1.4 !important;
        background: #f8f8f8 !important;
        border: 1px solid #e0e0e0 !important;
        padding: 10px !important;
        border-radius: 4px !important;
    }

    .keyinfo h5 a {
        color: #004b91 !important;
        font-size: 1.2em !important;
        font-weight: bold !important;
        display: block;
    }

    .keyinfo .smalltext {
        margin: 8px 0 15px 0 !important;
        display: block;
        color: #777 !important;
        font-style: italic;
    }

    /* Ensure post background visibility */
    .windowbg,
    .windowbg2,
    .approvebg {
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
        padding: 0 !important;
        margin-bottom: 15px !important;
        display: block !important;
        border-radius: 4px;
    }

    .triangle-border {
        margin: 10px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 5px !important;
        /* Slightly tighter padding */
        background: #fff !important;
        border: 1px solid #3E699B !important;
        border-radius: 8px !important;
        float: none !important;
    }

    .triangle-border.left {
        margin-left: 0 !important;
    }

    .triangle-border:before,
    .triangle-border:after,
    .triangle-border.left:before,
    .triangle-border.left:after {
        display: none !important;
    }

    /* --- Improved Topic List (Message Index) Layout --- */
    #messageindex table.table_grid,
    #messageindex table.table_grid tbody,
    #messageindex table.table_grid tr,
    #messageindex table.table_grid td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #messageindex thead {
        display: none !important;
    }

    #messageindex tr {
        margin-bottom: 12px !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        padding: 8px !important;
        overflow: hidden;
    }

    /* Hide Reactions/Smileys */
    .rate_post,
    .rates_box,
    #box_total_rates,
    .ratesreaction_container_va {
        display: none !important;
    }

    /* Restore Native Thank-O-Matic look and fix clipping */
    .ThankOMatic {
        display: block !important;
        margin: 5px 0 !important;
        padding: 0 !important;
        clear: both !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Do NOT hide slices - they are part of the original skin */
    .ThankOMatic .topslice,
    .ThankOMatic .botslice {
        display: block !important;
    }

    .poster_thank {
        padding: 5px !important;
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    #thank_you_list {
        padding: 5px 0 !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        /* Allow natural wrapping */
        overflow-wrap: anywhere !important;
        /* Fix for right-side clipping */
        word-wrap: break-word !important;
        font-family: inherit !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    #thank_you_list a {
        display: inline !important;
        /* Wrap naturally like before */
        margin: 0 2px 0 0 !important;
        padding: 0 !important;
        text-decoration: underline !important;
        color: #346 !important;
        white-space: normal !important;
    }

    #thank_you_list_link {
        font-size: 13px !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Shorten text on mobile only (user approved) */
    .thx_before,
    .thx_after {
        display: none !important;
    }

    #thank_you_start_text h4 {
        margin: 0 0 5px 0 !important;
        font-weight: bold;
        font-size: 13px !important;
    }

    /* Hide icon columns, stats and headers on mobile */
    #messageindex thead,
    #messageindex td.icon2,
    #messageindex td.stats {
        display: none !important;
    }

    #messageindex td.subject {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 !important;
        border: none !important;
        background: none !important;
    }

    #messageindex td.subject div {
        padding: 0 !important;
    }

    #messageindex td.subject a {
        font-size: 1.25em !important;
        font-weight: 800 !important;
        color: #004b91 !important;
        line-height: 1.4 !important;
        display: block;
        margin-bottom: 6px;
    }

    /* --- Improved Topic List (Message Index) Layout --- */
    #messageindex table.table_grid,
    #messageindex table.table_grid tbody,
    #messageindex table.table_grid tr,
    #messageindex table.table_grid td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .user_info_box .user_name {
        font-weight: bold;
        color: #444;
        margin-bottom: 0;
        display: inline-block;
    }

    .user_info_box .post_count,
    .user_info_box .user_status {
        color: #666;
        display: block;
    }

    #messageindex td.subject p {
        font-size: 0.85em !important;
        color: #666 !important;
        margin: 0 !important;
    }

    #messageindex td.lastpost {
        padding: 5px 0 !important;
        border: none !important;
        border-top: 1px dotted #ccc !important;
        margin-top: 5px !important;
        font-size: 0.8em !important;
        color: #888 !important;
        text-align: left !important;
        background: none !important;
    }

    #messageindex td.lastpost a img {
        display: none !important;
        /* Hide small icon */
    }

    /* --- Improved Board Index (Home Page) Layout --- */
    .table_list tbody,
    .table_list tr {
        display: block !important;
        width: 100% !important;
    }

    .table_list tr {
        margin-bottom: 12px !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        padding: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .table_list td.icon {
        display: block !important;
        width: 35px !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
        flex-shrink: 0 !important;
    }

    .table_list td.icon img {
        max-width: 30px !important;
        /* Smaller icon as requested */
        height: auto !important;
    }

    .table_list td.info {
        display: block !important;
        flex: 1 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

    .table_list td.info a.subject {
        font-size: 1.1em !important;
        font-weight: bold !important;
        color: #004b91 !important;
    }

    .table_list td.info p {
        font-size: 0.85em !important;
        color: #777 !important;
        margin: 4px 0 0 0 !important;
    }

    .table_list td.stats {
        display: none !important;
    }

    .table_list td.lastpost {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 0 47px !important;
        /* Align with text after icon */
        border: none !important;
        background: none !important;
        font-size: 0.8em !important;
        color: #888 !important;
        border-top: 1px dotted #ccc !important;
        margin-top: 8px !important;
    }

    .table_list td.lastpost a.floatleft,
    .table_list td.lastpost img.avyframe {
        display: none !important;
        /* Hide large avatar on home page mobile */
    }

    .table_list td.children {
        display: block !important;
        width: 100% !important;
        padding-left: 47px !important;
        font-size: 0.85em !important;
        border: none !important;
        background: none !important;
    }

    /* --- Visibility Fix for Headers and Topic Titles --- */
    .table_list tbody.header tr,
    .catbg,
    .cat_bar,
    .titlebg,
    .title_bar {
        background: #254f81 !important;
        color: #fff !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        /* Allow text to wrap */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        height: auto !important;
        padding: 8px 10px !important;
        line-height: 1.4 !important;
    }

    .catbg h3,
    .catbg span,
    .catbg strong {
        font-size: 13px !important;
        display: inline !important;
        /* Keep elements inline within the wrapping block */
    }

    /* AGGRESSIVE FIX: Constrain Google Ads and all other iframes */
    ins.adsbygoogle,
    iframe[id*="google_ads"],
    .adsbygoogle iframe {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        display: block !important;
    }

    /* FINAL OVERRIDE: Hide stats and last post columns in ALL lists */
    .stats,
    .lastpost,
    td.stats,
    td.lastpost,
    #messageindex td.stats,
    #messageindex td.lastpost,
    .table_list td.stats,
    .table_list td.lastpost {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    /* --- Post Page Mobile Fixes --- */
    /* Fix clipping for Naslov and Ikona (ensuring labels have enough space) */
    #post_header dt,
    .postbox dt,
    #post_Adkrp dt {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin-bottom: 5px !important;
    }

    #post_header dd,
    .postbox dd,
    #post_Adkrp dd {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    /* Ensure subject input and other fields are not clipped on the right */
    #post_header dd input.input_text,
    #post_header dd select,
    .postbox dd input.input_text,
    .postbox dd select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
        padding: 10px !important;
    }

    /* Hide Message Icon selection on mobile */
    #post_header dt.clear_left,
    #post_header dt.clear_left+dd {
        display: none !important;
    }

    /* Hide Adk Rules box (Yellow box) on mobile/tablet */
    [class^="Adkrp_"] {
        display: none !important;
    }

    /* Handle Smileys for mobile (Hide inline icons, show 'More' as a button) */
    #smileyBox_message {
        display: block !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }

    #smileyBox_message img {
        display: none !important;
    }

    #smileyBox_message a {
        display: inline-block !important;
        padding: 10px 20px !important;
        background: #254f81 !important;
        color: #fff !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        font-weight: bold !important;
        font-size: 15px !important;
        margin-top: 5px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
    }

    /* --- Private Messages & Profile Responsive Fixes --- */
    #main_container,
    #main_admsection {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        /* Round 3: Fix overflow causing "small" layout */
        padding: 0 !important;
    }

    #left_admsection {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }

    #left_admsection .adm_section {
        margin-bottom: 10px !important;
    }

    #personal_messages h3 span#author,
    #personal_messages h3 span#topic_title {
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Convert PM List Table to Block Layout */
    #personal_messages table.table_grid,
    #personal_messages table.table_grid tbody,
    #personal_messages table.table_grid tr,
    #personal_messages table.table_grid td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #personal_messages table.table_grid thead {
        display: none !important;
    }

    #personal_messages table.table_grid tr {
        margin-bottom: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;
        padding: 10px !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    }

    #personal_messages table.table_grid td {
        border: none !important;
        padding: 5px 0 !important;
        text-align: left !important;
    }

    /* Specific PM list items */
    #personal_messages table.table_grid td:nth-child(3) a {
        /* Subject */
        font-weight: bold !important;
        font-size: 1.15em !important;
        color: #004b91 !important;
    }

    #personal_messages table.table_grid td:nth-child(2) {
        /* Date */
        font-size: 0.85em !important;
        color: #888 !important;
    }

    #personal_messages table.table_grid td:nth-child(4) {
        /* From/To */
        font-size: 0.9em !important;
        color: #555 !important;
    }

    #personal_messages .capacity_bar {
        width: 10em !important;
        /* Match PHP-set em width for inner span */
        margin: 10px 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
        border: 1px solid #adadad !important;
        background: #f0f4f7 !important;
        box-sizing: content-box !important;
    }

    #personal_messages .capacity_bar span {
        height: 1em !important;
        display: block !important;
    }

    /* Profile Section Stacking */
    #basicinfo,
    #detailedinfo {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }

    #basicinfo .windowbg .content {
        padding-left: 10px !important;
    }

    #detailedinfo div.content dl,
    #detailedinfo div.content dt,
    #detailedinfo div.content dd {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin-bottom: 5px !important;
    }

    /* Add side padding to body to prevent "glued" look */
    body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #personal_messages {
        padding: 0 !important;
    }

    /* --- Alignment & Pagination Fixes (Round 2) --- */
    #main_admsection,
    #personal_messages,
    #basicinfo,
    #detailedinfo {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    /* --- Final Boss: Global Responsive Reset --- */
    *,
    *:before,
    *:after {
        box-sizing: border-box !important;
    }

    /* Unset fixed paddings from index.css that push content out of screen */
    #content_section,
    #header,
    #footer,
    .frame {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    div#wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 5px !important;
        /* Minimal safe margin */
        margin: 0 auto !important;
    }

    #main_content_section {
        padding: 0 !important;
    }

    /* Capacity Bar: Force responsive and centered */
    #personal_messages .title_bar h3 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: auto !important;
        line-height: normal !important;
        padding: 10px !important;
    }

    #personal_messages .capacity_bar {
        width: 80% !important;
        max-width: 250px !important;
        margin: 10px auto !important;
        display: block !important;
        float: none !important;
    }

    /* Fix "eaten" pagination numbers */
    .pagelinks,
    .pagesection .pagelinks {
        padding: 10px 0 !important;
        line-height: 2.5 !important;
    }

    .navPages,
    .indice_custom {
        padding: 5px 10px !important;
        margin: 2px !important;
        display: inline-block !important;
        line-height: normal !important;
        border-radius: 4px !important;
        vertical-align: middle !important;
    }

    /* --- PM Compose Responsive Fixes (Nuclear Reset) --- */
    form#postmodify,
    form#postmodify>div,
    form#postmodify .roundframe,
    .editor,
    .rich_editor_frame,
    .sceditor-container,
    .sceditor-container iframe {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    form#postmodify .roundframe {
        padding: 10px !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    #post_header dt,
    .postbox dt {
        width: 100% !important;
        float: none !important;
        margin-bottom: 5px !important;
        text-align: left !important;
    }

    #post_header dd,
    .postbox dd {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* Override inline widths and sizes */
    input#to_control,
    input#bcc_control,
    #pm_subject input,
    #postmodify input[type="text"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Editor container buttons */
    #post_confirm_strip {
        text-align: center !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* Ensure BBC and Smiley boxes are fluid */
    #bbcBox_message,
    #smileyBox_message {
        width: 100% !important;
        margin: 0 !important;
        padding: 5px 0 !important;
    }

    /* Hide generation stats */
    #original_load_time,
    #load_time_homepage,
    #footer_stats_mobile {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .topuser {
        height: auto !important;
        padding: 5px 0 !important;
    }

    .welcome {
        display: none !important;
    }

    .user {
        float: none !important;
        width: 100% !important;
        text-align: center;
    }

    .user ul li {
        display: inline-block !important;
        border: none !important;
        padding: 5px !important;
        float: none !important;
    }

    .user ul li {
        display: inline-block !important;
        border: none !important;
        padding: 5px !important;
        float: none !important;
    }

    /* Poster and Postarea handled in 768px block already, but unified here if needed */

    /* Ensure code blocks don't overflow */
    code.bbc_code {
        width: 95% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Navigation tree */
    .navigate_section ul {
        height: auto !important;
        padding: 5px !important;
    }

    .navigate_section ul li {
        float: none !important;
        display: inline-block;
        font-size: 0.9em;
    }

    /* Hide the footer version of the menu if it's identical and causing clutter */
    #footer #custom_menu {
        display: none !important;
    }

    /* Hide Board Legend and Mark Read button on Mobile Home Page */
    #posting_icons,
    .mark_read {
        display: none !important;
    }
}