/* -------------------------
   GLOBAL MOBILE RESET
-------------------------- */

body, html {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

/* Wrapper – desktop 982px → mobile full width */
#wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
}

/* -------------------------
   COLUMNS
-------------------------- */

/* LEFT COLUMN (main content) */
.wide_lcol {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* RIGHT COLUMN – hide entirely on mobile */
.rcol {
    display: none !important;
}

/* Clear obsolete floats */
.clear, .clearfix, p[style*="clear:both"] {
    clear: both !important;
    float: none !important;
}

/* -------------------------
   MENU / NAVIGATION
-------------------------- */

/* Desktop navi - hide on mobile */
.navi {
    display: none !important;
}

/* You will later add a new mobile menu here if needed */

/* -------------------------
   HEADINGS & TEXT
-------------------------- */

h1, h2, h3 {
    font-size: 1.3em !important;
    line-height: 1.3em !important;
}

/* -------------------------
   BLOCKS (news, articles)
-------------------------- */

.newsbox, .articlebox, .newscontent, .articlecontent {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Three-small-items layout → stack vertically */
.thumbs-list ul {
    padding: 0 !important;
    margin: 0 !important;
}

.thumbs-list li {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 !important;
}

/* -------------------------
   IMAGES & TABLES
-------------------------- */

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

/* old-school width-heavy tables */
table {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    overflow-x: auto;
}

/* -------------------------
   ARTICLE LIST LINKS
-------------------------- */

a {
    word-break: break-word;
}

/* -------------------------
   FOOTER


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

/* -------------------------
   MULTI-BOX (block 5) – mobile fix
-------------------------- */

.multi-box {
    height: auto !important;
    width: 100% !important;
}

.wide_lcol .multi-box ul {
    margin: 0 !important;
    padding: 0 !important;
}

.wide_lcol .multi-box ul li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 !important;
    margin: 0 0 10px 0 !important;
    box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;
}

.wide_lcol .multi-box ul li.last {
    margin-right: 0 !important;
    border-bottom: none;
}

/* заглавието да не е супер голямо */
.wide_lcol .multi-box h2,
.wide_lcol .multi-box h2 a {
    font-size: 1.1em !important;
    line-height: 1.2em !important;
}

/* текстът да заема цялата ширина */
.wide_lcol .multi-box ul li span.anons {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 5px !important;
    position: static !important;
}

.wide_lcol .multi-box ul li span.anons .text {
    float: none !important;
    width: 100% !important;
}

/* бутонът "Виж" да не е absolute, а нормален ред под текста */
.wide_lcol .multi-box ul li span.anons a.more {
    float: none !important;
    clear: none !important;
    display: inline-block !important;
    position: static !important;
    margin-top: 6px !important;
    background-position: right top !important; /* запазваме визията */
}



/* -------------------------
 .rcol { display: none !important; } -->
-------------------------- */