/* cmsms stylesheet: bowman modified: 07/29/25 18:31:25 */
* {
    box-sizing: border-box;
}
/* ==== Основни стилове за Body и глобален контейнер ==== */
body, html {
    background-color: #DDDDDD; /* Фон на цялата страница, взет от новия ти CSS */
    color: #333333;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.5; /* По-добра четимост */
    padding: 0 0;
    margin: 0;
}

/* ==== Header and footer ==== */
header {
    padding: 0 0;
    margin: 0;
    background-color: #4578AF;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
}

footer {
    padding: 1rem;
    text-align: left;
    margin-top: 0;
    background-color: #4578AF;
    color: #FFFFFF;
}

/* ==== Sidebars ==== */
.left-sidebar, .right-sidebar {
    padding: 0 0;
    background: #30547A;
    color: #EFEFEF;
}


.sidebar-title {
    background: linear-gradient(to bottom, #dedee6, #636363);
    color: #4578AF;
    font-weight: bold;
    padding: 0.5rem 1rem;
    margin: 0;
}

.sidebar-info {
    padding: 1rem 1rem;
}

/* ==== Навигация (Меню) - стилизирано да прилича на старото ==== */
/* Наследява цветове и вид от .sidebarmenu, но с по-прост и модерен CSS */
nav {
    padding: 0; /* Премахваме сивия фон и padding от твоя нов CSS */
    background: none;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-top: 1px solid #5f7b9a; /* По-светла линия за разделител */
    border-bottom: 1px solid #1a324b; /* По-тъмна линия за 3D ефект */
    font-weight: bold;
}
nav li a:hover, nav li a.currentpage { /* Стил за hover и за активна страница */
    background-color: #c5cece;
    color: black !important;
    text-decoration: none;
}
/* За падащи менюта (ако имаш) */
nav ul ul {
    padding: 0 0;
}
nav ul ul li a {
    padding-left: 2rem;
}
nav ul ul a {
    font-weight: normal; /* Линковете в подменютата не са удебелени */
}


/* ==== Breadcrumbs (Път до страницата) ==== */
#breadcrumbs {
    padding: 1rem 0;
    background-color: #EEEEEE; /* Светло сиво, за да се отличава, но да не е натрапчиво */
}
#breadcrumbs a {
    font-weight: normal;
}

/* ==== Основно съдържание ==== */
.main {
    background-color: #EEEEEE; /* Фон като на стария сайт */
    padding: 2rem; /* Добавяме малко вътрешно отстояние, за да не залепва текстът */
    text-align: left;
}

/* ==== Типография (Заглавия и Линкове) ==== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
h1 { font-size: 2.5rem; margin: unset; color: #4578AF; }
h2 { font-size: 2rem; color: #904611; }
h3 { font-size: 1.375rem; color: #4578AF; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

/* Линкове - пренасяме стила от стария сайт */
a, a:visited {
    text-decoration: none;
    color: #30547A; /* Тъмно синьо */
    font-weight: bold;
}
a:hover {
    color: #4578AF;
    text-decoration: underline;
}
/* Линкове върху тъмен фон (хедър, футър, сайдбарове) */
header a, footer a, .left-sidebar a, .right-sidebar a {
    color: #FFFFFF;
}
header a:hover, footer a:hover, .left-sidebar a:hover, .right-sidebar a:hover {
    color: #DDDDDD;
}

/* ==== Специфични стилове за модули (Новини, Търсене) ==== */
/* Стил за новините в десния сайдбар */
.right-sidebar .NewsSummary {
    color: white;
    font: 12px "Verdana, Helvetica, sans-serif";
}
.right-sidebar .NewsSummary a {
    color: yellow !important;
    text-decoration: none;
    font-weight: normal;
}
.right-sidebar .NewsSummary a:hover {
    color: white !important;
}

aside ul {
    list-style: none;
    padding: 0 0;
}

/* Скриваме ненужните елементи от новините */
.NewsSummaryCategory, .NewsSummaryAuthor, #NewsPostDetailCategory, #NewsPostDetailAuthor {
    display: none;
}

/* Стил за полето за търсене */
.right-sidebar #searchinput {
    width: 80%;
}


/* =========================================================
   GRID SYSTEM
   ========================================================= */
.wrapper {
    display: flex;
    flex-flow: column wrap;
}

.wrapper > * {
    flex: 1 100%;
}

/* Мобилна версия под 800px - подреждане един под друг */
@media all and (max-width: 799px) {
    .wrapper {
        flex-direction: column;
    }

    .header { order: 1; }
    .left-sidebar { order: 2; }
    .main { order: 3; }
    .right-sidebar { order: 4; }
    .footer { order: 5; }
}

/* Таблет версия */
@media all and (min-width: 600px) and (max-width: 799px) {
    .aside {
        flex: 1 0 0;
    }
}

/* Десктоп версия над 800px */
@media all and (min-width: 800px) {
    .wrapper {
        flex-direction: row;
    }

    .main {
        flex: 3 0px;
    }

    .aside {
        flex: 1 0 0;
    }

    .left-sidebar { order: 1; }
    .main { order: 2; }
    .right-sidebar { order: 3; }
    .footer { order: 4; }
}