/*
Theme Name: Pepivlad Theme
Theme URI: http://example.com/pepivlad
Author: Artisteer / Manus
Description: A custom WordPress theme converted from an Artisteer HTML template.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pepivlad
*/

@import url('style.original.css');

/* TOTAL UNLOCK: Force all containers to expand to fit the massive table */
html, body, #art-main, .art-sheet, .art-layout-wrapper, .art-content-layout, .art-content-layout-row, .art-layout-cell, .art-content, .art-post, .art-postcontent, .art-article {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    max-height: none !important;
    display: block !important;
}

/* Specific fix for the large imported table */
.art-postcontent table {
    width: 100% !important;
    max-width: 800px !important;
    height: auto !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    margin: 0 auto !important;
}

.art-postcontent td, .art-postcontent tr {
    height: auto !important;
    overflow: visible !important;
}

/* Custom fix for vertical menu and layout categories on mobile */
@media all and (max-width: 480px) {
    .responsive .art-postcontent table, 
    .responsive .art-postcontent tbody, 
    .responsive .art-postcontent tr, 
    .responsive .art-postcontent td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
    }

    .responsive .art-postcontent td {
        margin-bottom: 10px !important;
        border: 1px solid #d73413 !important;
    }

    .responsive .art-nav .art-hmenu {
        display: block !important;
        width: 100% !important;
    }
    .responsive .art-nav .art-hmenu > li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
    .responsive .art-nav .art-hmenu > li > a {
        display: block !important;
        width: auto !important;
        text-align: center !important;
        padding: 10px !important;
        height: auto !important;
        line-height: normal !important;
    }

    .responsive .art-header {
        height: 50px !important;
        min-height: 50px !important;
        background-size: cover !important;
    }
    
    .responsive .art-header .art-headline,
    .responsive .art-header .art-headline a {
        font-size: 16px !important;
        line-height: 50px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        text-align: center !important;
        width: 100% !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .responsive .art-header .art-slogan {
        display: none !important;
    }
}

/* 
   FIX V5: ABSOLUTE OVERLAP SOLUTION
   Instead of trying to bridge the gap, we will force the navigation to overlap 
   the content by 1px. This physically deletes any space between them.
*/

/* 1. Remove any potential borders or shadows from the sheet that might cause a line */
.art-sheet {
    box-shadow: none !important;
    border: none !important;
}

/* 2. Force the nav container to move down by 1px and overlap the content below */
.art-nav {
    position: relative !important;
    z-index: 100 !important;
    margin-bottom: -1px !important; /* Move the whole nav block down by 1px */
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* 3. Make the active button also overlap by 1px */
ul.art-hmenu > li > a.active,
ul.art-hmenu > li > a:hover,
.art-hmenu > li.current-menu-item > a,
.art-hmenu > li.current_page_item > a {
    height: 25px !important; /* Original 24px + 1px */
    line-height: 25px !important;
    margin-bottom: -1px !important;
    position: relative !important;
    z-index: 101 !important;
    border-bottom: 1px solid #D4340C !important; /* Force a solid bottom border of the same color */
    background-clip: border-box !important;
}

/* 4. Ensure the content layout starts exactly where the nav ends */
.art-layout-wrapper {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

/* 5. Clean up any list item gaps */
ul.art-hmenu, ul.art-hmenu > li {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: bottom !important;
}