/* ==========================================================================
   Допуне Reobiz теме за јавни сајт Коморе.

   Тема (`style.css`) се НЕ дира - овај фајл се учитава после ње и додаје само
   оно чега у теми нема: заглавље стране са путањом, изглед садржаја из ЦМС-а,
   табеле регистара, поруке о грешкама у обрасцима и потпис израђивача.

   Боје теме (`body.home-eleven`):
     основна (црвена)  #d83030   наслови  #032e42   текст  #676767
   ========================================================================== */

:root {
    --kor-crvena: #d83030;
    --kor-crvena-svetla: #dc4545;
    --kor-tamna: #032e42;
    --kor-tekst: #676767;
    --kor-ivica: #e8e8e8;
}

/* --- Логои -------------------------------------------------------------- */

.kor-sajt-logo {
    max-height: 62px !important;
    width: auto;
}

.kor-sajt-logo-footer {
    max-height: 70px;
    width: auto;
}

/* Лого не сме да прерасте траку кад се она „залепи" при скроловању. */
.menu-area.sticky .kor-sajt-logo {
    max-height: 48px;
}

/* --- Списак вести на првом слајду --------------------------------------- */
/* Тема на слајду има само наслов, текст и дугме; овде се уместо текста ниже
   последњих 5 вести (датум + наслов), а „Све вести" остаје дугме теме испод.
   Позадина слајдера (`h11.jpg`) је светла, зато је текст таман као у теми. */

.kor-slajd-vesti {
    list-style: none;
    margin: 0 0 38px;
    padding: 0;

}

.kor-slajd-vesti li {
    display: flex;
    align-items: baseline;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(3, 46, 66, 0.12);
}

.kor-slajd-vesti li:first-child {
    border-top: 1px solid rgba(3, 46, 66, 0.12);
}

.kor-slajd-vesti .kor-slajd-vesti-datum {
    flex-shrink: 0;
    min-width: 92px;
    color: #264ca0;
    font-weight: 200;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.kor-slajd-vesti li a {
    color: var(--kor-tamna);
    font-size: 17px;
    line-height: 27px;
    font-weight: 200;
    transition: all 0.3s ease;

}

.kor-slajd-vesti li a:hover {
    color: var(--kor-crvena);
}

.rs-slider.slider11 .slider .container {
    padding: 70px  65px;
}

body.home-eleven .full-width-header .toolbar-area {
    background: #264ca0;
}




/* --- Заглавље стране (наслов + путања) ---------------------------------- */
/* Није трака са сликом преко целе ширине као у теми (`.rs-breadcrumbs`), већ
   стоји у телу стране изнад беле картице - исто као наслов у оператерском
   панелу (`.kor-naslov-strane` у `assets/css/kor.css`): крупан и танак, у боји
   блиској сивој подлози, па делује утиснуто уместо да се намеће. */

.kor-zaglavlje-strane {
    margin-bottom: 25px;
    margin-left:-10px
}



.kor-naslov-strane {
    margin: 0 0 6px;
    font-size: 38px;
    line-height: 58px;
    font-weight: 400;
    letter-spacing: 0;
    color: #cf3b37 !important;
    border-bottom: 1px solid #FFF;

}

.kor-putanja {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom:5px;

}

.kor-putanja li {
    display: inline-block;
    color: #334b9e;
    font-size: 14px;
    line-height: 20px;
}

.kor-putanja li + li:before {
    content: "\f105"; /* fa-angle-right */
    font-family: FontAwesome;
    padding: 0 8px;
    color: #c6c3c3;
}

.kor-putanja li a {
    color: #334b9e;
    transition: all 0.3s ease;
}

.kor-putanja li a:hover {
    color: var(--kor-crvena);
}

.kor-putanja li.active {
    color: #9c9999;
}

/* --- Тело стране -------------------------------------------------------- */

.kor-strana {

    background: url(/static/sajt/assets/images/slider/h12.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.kor-strana .row {
    background: #FFF;
    padding-top:30px;
    padding-bottom:30px;
    border-radius:5px
}

.kor-strana .kor-uvod {
    font-size: 18px;
    line-height: 30px;
    color: var(--kor-tamna);
    margin-bottom: 30px;
}

/* Садржај који оператер уноси кроз CKEditor - тема не стилизује произвољан
   HTML, па основни елементи добијају изглед овде. */
.kor-sadrzaj {
    font-size: 16px;
    line-height: 30px;
    color: var(--kor-tekst);
}

.kor-sadrzaj h1,
.kor-sadrzaj h2,
.kor-sadrzaj h3,
.kor-sadrzaj h4,
.kor-sadrzaj h5,
.kor-sadrzaj h6 {
    margin: 32px 0 14px;
}

.kor-sadrzaj h2 { font-size: 28px; line-height: 38px; }
.kor-sadrzaj h3 { font-size: 23px; line-height: 33px; }
.kor-sadrzaj h4 { font-size: 20px; line-height: 30px; }

.kor-sadrzaj > *:first-child {
    margin-top: 0;
}

.kor-sadrzaj p {
    margin-bottom: 18px;
}

.kor-sadrzaj a {
    color: var(--kor-crvena);
    text-decoration: underline;
}

.kor-sadrzaj ul,
.kor-sadrzaj ol {
    margin-bottom: 18px;
}

.kor-sadrzaj ol {
    padding-left: 22px;
}

/* Уместо тачке, неуређени спискови имају стрелицу „>" у боји Коморе - иста
   иконица као међукораци у путањи заглавља (FontAwesome `fa-angle-right`).
   Нумерисани спискови задржавају бројеве.
   Обухваћена су оба случаја: списак из CKEditor садржаја (`ul` унутар
   `.kor-sadrzaj`) и списак који сам носи класу (нпр. чланства у мрежи на
   страни друштва). */
.kor-sadrzaj ul,
ul.kor-sadrzaj {
    list-style: none;
    padding-left: 0;
    margin-left: 12px;
}

.kor-sadrzaj ul > li,
ul.kor-sadrzaj > li {
    position: relative;
    padding-left: 22px;
}

.kor-sadrzaj ul > li:before,
ul.kor-sadrzaj > li:before {
    content: "\f105"; /* fa-angle-right */
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--kor-crvena);
}

.kor-sadrzaj li {
    margin-bottom: 8px;
}

.kor-sadrzaj img {
    max-width: 100%;
    height: auto;
}

.kor-sadrzaj blockquote {
    border-left: 4px solid var(--kor-crvena);
    padding: 6px 0 6px 22px;
    margin: 24px 0;
    color: var(--kor-tamna);
    font-style: italic;
}

.kor-sadrzaj table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.kor-sadrzaj table td,
.kor-sadrzaj table th {
    border: 1px solid var(--kor-ivica);
    padding: 10px 14px;
}

/* --- Прилози за преузимање --------------------------------------------- */

.kor-prilozi {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kor-prilozi li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border: 1px solid var(--kor-ivica);
    border-radius: 4px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.kor-prilozi li:hover {
    border-color: var(--kor-crvena);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
}

.kor-prilozi .kor-prilog-naziv {
    color: var(--kor-tamna);
    font-weight: 500;
}

.kor-prilozi .kor-prilog-naziv i {
    color: var(--kor-crvena);
    margin-right: 12px;
}

/* --- Табеле регистара --------------------------------------------------- */

.kor-tabela-omot {
    overflow-x: auto;
}

.kor-tabela {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.kor-tabela thead th {
    background: #f7f8fa;
    color: var(--kor-tamna);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 14px 16px;
    border-bottom: 2px solid var(--kor-ivica);
    white-space: nowrap;
}

.kor-tabela tbody td {
    padding: 16px;
    border-bottom: 1px solid var(--kor-ivica);
    vertical-align: middle;
    font-size: 15px;
}

.kor-tabela tbody tr:hover {
    background: #fcfcfd;
}

.kor-tabela .kor-glavna-celija {
    font-weight: 600;
    color: var(--kor-tamna);
}

.kor-tabela .kor-glavna-celija a {
    color: var(--kor-tamna);
}

.kor-tabela .kor-glavna-celija a:hover {
    color: var(--kor-crvena);
}

/* Списак „поље: вредност" на страни детаља уписа. */
.kor-podaci {
    width: 100%;
    border-collapse: collapse;
}

.kor-podaci th {
    width: 32%;
    text-align: left;
    font-weight: 600;
    color: var(--kor-tamna);
    padding: 13px 16px 13px 0;
    border-bottom: 1px solid var(--kor-ivica);
    vertical-align: top;
}

.kor-podaci td {
    padding: 13px 0;
    border-bottom: 1px solid var(--kor-ivica);
    vertical-align: top;
}

/* --- Картица регистра (распутница `/registar/`) ------------------------- */

.kor-registar-kartica {
    height: 100%;
    padding: 40px 35px;
    border: 1px solid var(--kor-ivica);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.kor-registar-kartica:hover {
    border-color: var(--kor-crvena);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07);
}

.kor-registar-kartica .rs-count {
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    color: var(--kor-crvena);
    margin-bottom: 14px;
}

.kor-registar-kartica h4 {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 24px;
}

/* --- Ознаке (статус уписа) ---------------------------------------------- */

.kor-oznaka {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
}

.kor-oznaka-upozorenje { background: #fff4e5; color: #b26a00; }
.kor-oznaka-greska     { background: #fdecec; color: #c02626; }
.kor-oznaka-ok         { background: #e8f5ec; color: #1e7c3a; }
.kor-oznaka-info       { background: #eaf1fb; color: #1c5bb8; }

/* --- Претрага и пагинација ---------------------------------------------- */

.kor-pretraga {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.kor-pretraga input[type="search"],
.kor-pretraga input[type="text"] {
    flex: 1 1 260px;
    min-width: 0;
    height: 50px;
    padding: 10px 18px;
    border: 1px solid var(--kor-ivica);
    border-radius: 3px;
    outline: none;
    color: var(--kor-tamna);
}

.kor-pretraga input:focus {
    border-color: var(--kor-crvena);
}

.kor-pretraga button {
    height: 50px;
    padding: 0 30px;
    border: none;
    border-radius: 3px;
    background: var(--kor-crvena);
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.kor-pretraga button:hover {
    background: var(--kor-crvena-svetla);
}

.kor-pretraga .kor-ponisti {
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    border: 1px solid var(--kor-ivica);
    border-radius: 3px;
    color: var(--kor-tekst);
}

.kor-paginacija {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
}

.kor-paginacija li a,
.kor-paginacija li span {
    display: block;
    min-width: 44px;
    height: 44px;
    line-height: 42px;
    padding: 0 12px;
    text-align: center;
    border: 1px solid var(--kor-ivica);
    border-radius: 3px;
    color: var(--kor-tamna);
    transition: all 0.3s ease;
}

.kor-paginacija li a:hover {
    border-color: var(--kor-crvena);
    color: var(--kor-crvena);
}

.kor-paginacija li.active span {
    background: var(--kor-crvena);
    border-color: var(--kor-crvena);
    color: #ffffff;
    font-weight: 600;
}

.kor-paginacija li.disabled span {
    color: #b9b9b9;
}

/* --- Празан списак ------------------------------------------------------ */

.kor-prazno {
    padding: 60px 20px;
    text-align: center;
    color: var(--kor-tekst);
    border: 1px dashed var(--kor-ivica);
    border-radius: 4px;
}

/* --- Обрасци ------------------------------------------------------------ */

.kor-greska {
    color: #c02626;
    font-size: 14px;
    margin-top: 6px;
}

/* Мамац за роботе - човек ово поље не види, попуњено значи спам. */
.kor-mamac {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Панел са подацима на страни Контакт - тема га боји у плаво (`#106eea`) са
   белим текстом; овде је бела картица, па боје иду из палете сајта: наслови
   тамни, текст сиви, иконице и везе црвене. */
.rs-contact.style1 .contact-info {
    background: #ffffff;
    color: var(--kor-tekst);

}

.rs-contact.style1 .contact-info .title,
.rs-contact.style1 .contact-info .info-wrap .content-part h4 {
    color: var(--kor-tamna);
}

.rs-contact.style1 .contact-info .info-wrap .icon-part i,
.rs-contact.style1 .contact-info .info-wrap .icon-part i:before {
    color: var(--kor-crvena);
}

.rs-contact.style1 .contact-info .info-wrap .content-part a {
    color: var(--kor-tekst);
}

.rs-contact.style1 .contact-info .info-wrap .content-part a:hover {
    color: var(--kor-crvena);
    opacity: 1;
}

/* Образац на страни Контакт носи класе `rs-quote style2` да поља добију
   изглед из теме, али не и картицу - њу већ даје `.form-part`. */
.kor-kontakt-forma .quote-form {
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.rs-contact.style1 .form-part.kor-kontakt-forma {
    padding: 50px 50px 50px 60px;
}

.kor-mreze {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.kor-mreze li {
    display: inline-block;
    margin-right: 14px;
}

.kor-mreze li a {
    color: var(--kor-crvena);
    font-size: 20px;
}

.kor-mreze li a:hover {
    color: var(--kor-tamna);
}

/* --- Страна пријаве ----------------------------------------------------- */

.kor-prijava-linkovi {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #f0eeee;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    justify-content: space-between;
    font-size: 15px;
}

.kor-prijava-linkovi a {
    color: var(--kor-crvena);
    font-weight: 500;
}

/* Позадина иза картице за пријаву - иста секција као упит на почетној, али
   тамо позадину даје слика секције, а овде стране нема ништа испод. */
.kor-strana-prijave .rs-quote.style2 {
    background: url(assets/images/slider/h12.png) center / cover no-repeat, #ffffff;
}

/* --- Вести -------------------------------------------------------------- */

.kor-vest-meta {
    color: var(--kor-tekst);
    font-size: 15px;
    margin-bottom: 26px;
}

.kor-vest-meta i {
    color: var(--kor-crvena);
    margin-right: 8px;
}

.kor-kategorije {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.kor-kategorije li {
    display: inline-block;
    margin: 0 8px 8px 0;
}

.kor-kategorije li a {
    display: block;
    padding: 7px 18px;
    border: 1px solid var(--kor-ivica);
    border-radius: 20px;
    font-size: 14px;
    color: var(--kor-tekst);
    transition: all 0.3s ease;
}

.kor-kategorije li a:hover,
.kor-kategorije li.active a {
    background: var(--kor-crvena);
    border-color: var(--kor-crvena);
    color: #ffffff;
}

/* --- Потпис израђивача у подножју --------------------------------------- */

.kor-sajt-razvoj {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 22px;
    margin-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    opacity: 0.75;
}

.kor-sajt-razvoj img {
    height: 20px;
    width: auto;
}

.kor-sajt-razvoj .kor-sajt-razvoj-mali {
    height: 11px;
}

.kor-sajt-razvoj-crta {
    color: rgba(255, 255, 255, 0.35);
}

/* --- Ситнице ------------------------------------------------------------ */

/* Тема поставља `.main-content` без размака - стране са порукама (Django
   messages) треба мало ваздуха изнад заглавља. */
.main-content > .container > .alert {
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .kor-naslov-strane {
        font-size: 32px;
        line-height: 42px;
    }

    .rs-contact.style1 .form-part.kor-kontakt-forma {
        padding: 40px 20px;
    }

    .kor-sajt-logo {
        max-height: 48px;
    }
}