/* =========================================================
   CENTRALNI HORIZONTALNI PRIKAZ — SuperOGLASI V4
   Jedini centralni CSS za horizontalnu karticu
   ========================================================= */

.so-horizontalna{
    --so-stil:#d7dde4;
    display:grid;
    grid-template-columns:225px minmax(0,1fr) 210px;
    width:100%;
    min-width:0;
    height:148px;
    padding:6px;
    overflow:hidden;
    background:#fff;
    border:2px solid var(--so-stil);
    border-radius:9px;
    box-shadow:0 2px 7px rgba(24,48,74,.07);
    min-height:148px;
}

.so-horizontalna--super{
    --so-stil:#ed1c24;
}

.so-horizontalna--prodavnica{
    --so-stil:#ef8b24;
}

.so-horizontalna--sms{
    --so-stil:#e1b600;
}

.so-horizontalna--besplatni{
    --so-stil:#d7dde4;
}

.so-horizontalna-slika{
    position:relative;
    display:block;
    min-width:0;
    height:134px;
    overflow:hidden;
    background:#eef1f4;
    border-radius:5px;
    text-decoration:none;
    min-height:134px;
}

.so-horizontalna-slika img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.so-horizontalna-broj-slika{
    position:absolute;
    z-index:2;
    left:6px;
    bottom:6px;
    display:inline-flex;
    align-items:center;
    height:17px;
    padding:0 4px;
    border-radius:3px;
    background:rgba(24,39,54,.72);
    color:#fff;
    font-size:8px;
    line-height:17px;
    font-weight:700;
    right:auto;
}

.so-horizontalna-sadrzaj{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:134px;
    padding:0 13px;
    min-height:134px;
}

.so-horizontalna-oznake{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    min-width:0;
    gap:5px;
    margin:0 0 5px;
    margin-bottom:3px;
}

.so-horizontalna-oznake-lijevo{
    display:flex;
    align-items:center;
    min-width:0;
    gap:3px;
}

.so-horizontalna-oznake-desno{
    display:flex;
    align-items:center;
    min-width:0;
    gap:3px;
    justify-content:flex-end;
}

.so-horizontalna-stil{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    min-height:21px;
    padding:0 7px;
    border-radius:3px;
    font-size:9px;
    line-height:21px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    background:var(--so-stil);
    color:#fff;
}

.so-horizontalna-hitno{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    min-height:21px;
    padding:0 7px;
    border-radius:3px;
    font-size:9px;
    line-height:21px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    background:#34495e;
    color:#fff;
}

.so-horizontalna-akcija{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    min-height:21px;
    padding:0 7px;
    border-radius:3px;
    font-size:9px;
    line-height:21px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    background:#239b62;
    color:#fff;
}

.so-horizontalna-vrsta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    min-height:21px;
    padding:0 7px;
    border-radius:3px;
    font-size:9px;
    line-height:21px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    color:#fff;
}

.so-horizontalna-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    min-height:21px;
    padding:0 7px;
    border-radius:3px;
    font-size:9px;
    line-height:21px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    background:#34495e;
    color:#fff;
}

.so-horizontalna--besplatni .so-horizontalna-stil{
    background:#fff;
    color:#35485a;
    border:1px solid #cfd7df;
}

.so-horizontalna-vrsta--neutral{
    background:#53687c;
}

.so-horizontalna-vrsta--blue{
    background:#3478b9;
}

.so-horizontalna-vrsta--orange{
    background:#b56a25;
}

.so-horizontalna-vrsta--purple{
    background:#75558f;
}

.so-horizontalna-meta{
    display:flex;
    align-items:stretch;
    min-width:0;
    gap:0;
    margin:0 0 5px;
    color:#52677d;
    font-size:10px;
    line-height:15px;
    font-weight:400;
    flex-direction:column;
    margin-bottom:3px;
}

.so-horizontalna-meta a{
    display:block;
    min-width:0;
    max-width:45%;
    overflow:hidden;
    color:#52677d;
    text-decoration:none !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.so-horizontalna-meta a:hover{
    color:#263b50;
    text-decoration:none !important;
}

.so-horizontalna-meta > span{
    flex:0 0 auto;
    color:#8b98a5;
}

.so-horizontalna-naslov{
    display:block;
    min-width:0;
    margin:0 0 4px;
    overflow:hidden;
    color:#172b3e !important;
    font-size:15px;
    line-height:18px;
    font-weight:600;
    letter-spacing:-.1px;
    text-decoration:none !important;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:3px;
}

.so-horizontalna-naslov:hover{
    color:#172b3e !important;
    text-decoration:none !important;
}

.so-horizontalna-opis{
    display:-webkit-box;
    min-width:0;
    max-height:30px;
    margin:0 0 5px;
    overflow:hidden;
    color:#66788a;
    font-size:10px;
    line-height:15px;
    font-weight:400;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom:3px;
}

.so-horizontalna-info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    margin-top:auto;
    overflow:hidden;
    flex:0 0 21px;
    min-height:21px;
}

.so-horizontalna-info span{
    display:inline-flex;
    align-items:center;
    height:19px;
    padding:0 6px;
    border:1px solid #dfe6ee;
    border-radius:3px;
    background:#fff;
    color:#66788a;
    font-size:9px;
    line-height:19px;
    font-weight:400;
}

.so-horizontalna-desno{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
    height:134px;
    padding:2px 0 0 10px;
    border-left:1px solid #edf1f5;
    min-height:134px;
}

.so-horizontalna-cijene{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    min-width:0;
    flex:0 0 auto;
}

.so-horizontalna-cijena{
    display:block;
    max-width:100%;
    overflow:hidden;
    color:#ed1c24;
    font-size:15px;
    line-height:18px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.so-horizontalna-stara-cijena{
    display:block;
    max-width:100%;
    margin-top:1px;
    overflow:hidden;
    color:#7d8996;
    font-size:10px;
    line-height:13px;
    font-weight:400;
    text-decoration:line-through;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.so-horizontalna-popust{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:18px;
    margin-top:3px;
    padding:0 5px;
    border-radius:3px;
    background:#239b62;
    color:#fff;
    font-size:8px;
    line-height:18px;
    font-weight:600;
}

.so-horizontalna-akcije{
    display:grid;
    flex-direction:column;
    width:100%;
    gap:4px;
    grid-template-columns:repeat(2, minmax(0,1fr));
}

.so-horizontalna-akcije form{
    width:100%;
    margin:0;
}

.so-horizontalna-otvori{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:24px;
    min-height:24px;
    margin:0;
    padding:0 6px;
    box-sizing:border-box;
    border:1px solid #cfd7df;
    border-radius:3px;
    background:#ed1c24;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:8px;
    line-height:22px;
    font-weight:600;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
    border-color:#ed1c24;
}

.so-horizontalna-admin{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:20px;
    min-height:20px;
    margin:0;
    padding:0 5px;
    box-sizing:border-box;
    border:1px solid #cfd7df;
    border-radius:3px;
    background:#fff;
    color:#35485a;
    font-family:Arial,Helvetica,sans-serif;
    font-size:8px;
    line-height:18px;
    font-weight:600;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
}

.so-horizontalna-akcije button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:22px;
    min-height:22px;
    margin:0;
    padding:0 3px;
    box-sizing:border-box;
    border:1px solid #cfd7df;
    border-radius:3px;
    background:#fff;
    color:#35485a;
    font-family:Arial,Helvetica,sans-serif;
    font-size:7px;
    line-height:1;
    font-weight:600;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
    min-width:0;
    white-space:nowrap;
}

.so-horizontalna-omiljeni-form{
    width:100%;
    margin:0;
}

.so-horizontalna-omiljeni.saved{
    color:#ed1c24;
}

.so-horizontalna-obrisi{
    border-color:#ed1c24 !important;
    color:#ed1c24 !important;
    background:#fff !important;
}

.grid.list-view > .so-horizontalna-render{
    display:block;
    width:100%;
    min-width:0;
    margin-bottom:9px;
}

.grid.list-view > .so-horizontalna-render:last-child{
    margin-bottom:0;
}

.so-horizontalna-meta-red{
    display:flex;
    align-items:center;
    min-width:0;
    gap:5px;
    line-height:15px;
}

.so-horizontalna-meta-red a{
    display:block;
    min-width:0;
    max-width:none;
    overflow:hidden;
    color:#52677d;
    font-size:10px;
    line-height:14px;
    font-weight:400;
    text-decoration:none !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.so-horizontalna-meta-ikona{
    flex:0 0 12px;
    width:12px;
    color:#52677d;
    font-size:11px;
    line-height:12px;
    text-align:center;
}

.so-horizontalna-pin{
    position:relative;
    flex:0 0 10px;
    width:10px;
    height:10px;
    margin:0 1px;
    border:1.5px solid #52677d;
    border-radius:50%;
}

.so-horizontalna-pin::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-4px;
    width:4px;
    height:4px;
    border-right:1.5px solid #52677d;
    border-bottom:1.5px solid #52677d;
    background:#fff;
    transform:translateX(-50%) rotate(45deg);
}

.so-horizontalna-oglas-id{
    position:absolute;
    z-index:3;
    top:6px;
    left:6px;
    display:inline-flex;
    align-items:center;
    height:19px;
    padding:0 6px;
    border-radius:4px;
    background:rgba(23,43,62,.82);
    color:#fff;
    font-size:8px;
    line-height:19px;
    font-weight:600;
    pointer-events:none;
}

.so-horizontalna-putanja{
    display:flex;
    align-items:center;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    line-height:15px;
}

.so-horizontalna-putanja a{
    flex:0 0 auto;
    color:#52677d;
    font-size:10px;
    line-height:15px;
    font-weight:400;
    text-decoration:none;
}

.so-horizontalna-putanja a:hover{
    color:#172b3e;
    text-decoration:underline;
}

.so-horizontalna-separator{
    flex:0 0 auto;
    margin:0 4px;
    color:#8a99a8;
    font-size:10px;
}

.so-horizontalna-akcije > a{
    width:100%;
    min-width:0;
    margin:0;
}

.so-horizontalna-akcije > form{
    width:100%;
    min-width:0;
    margin:0;
    display:block;
}

.so-horizontalna-akcije .so-horizontalna-admin{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:22px;
    min-height:22px;
    padding:0 3px;
    font-size:7px;
    line-height:1;
    white-space:nowrap;
}

.so-horizontalna-akcije .so-horizontalna-otvori{
    grid-column:1 / -1;
    width:100%;
    font-size:10px !important;
    font-weight:700;
}

.so-horizontalna-akcije .so-horizontalna-omiljeni-form{
    grid-column:1 / -1;
}

.so-horizontalna-akcije .so-horizontalna-omiljeni{
    width:100%;
}

.so-horizontalna-info .so-horizontalna-zavrsni-status{
    margin-left:auto;
    border:1px solid #e31b23;
    background:#e31b23;
    color:#fff;
    font-weight:700;
    font-size:10px;
    padding-right:0;
    height:21px;
    padding:0 8px;
    border-radius:3px;
    line-height:21px;
    white-space:nowrap;
}

.so-horizontalna-zavrsni-status-slika{
    position:absolute;
    z-index:4;
    top:6px;
    right:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:19px;
    padding:0 7px;
    border-radius:4px;
    background:#e31b23;
    color:#fff;
    font-size:9px;
    line-height:19px;
    font-weight:700;
    white-space:nowrap;
    pointer-events:none;
}

.so-horizontalna-rezervisano-slika{
    position:absolute;
    z-index:4;
    top:6px;
    right:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:19px;
    padding:0 7px;
    border-radius:4px;
    background:#f2c94c;
    color:#25364a;
    font-size:9px;
    line-height:19px;
    font-weight:700;
    white-space:nowrap;
    pointer-events:none;
}

.so-horizontalna-vlasnik-status{
    position:absolute;
    z-index:4;
    top:30px;
    left:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:19px;
    padding:0 7px;
    border-radius:4px;
    background:#68727d;
    color:#fff;
    font-size:9px;
    line-height:19px;
    font-weight:700;
    white-space:nowrap;
    pointer-events:none;
}

.so-horizontalna-vlasnik-status.status-aktivan{
    background:#238636;
}

.so-horizontalna-vlasnik-status.status-neaktivan{
    background:#68727d;
}

.so-horizontalna-vlasnik-status.status-istekao{
    background:#68727d;
}

.so-horizontalna-vlasnik-status.status-na_cekanju{
    background:#d89b00;
}

.so-horizontalna-vlasnik-status.status-suspendovan{
    background:#e31b23;
}

.so-horizontalna-vlasnik-status.status-nacrt{
    background:#52606d;
}

.so-horizontalna-omiljeni{
    font-size:10px;
    font-weight:700;
}

.so-horizontalna-akcije button.so-horizontalna-omiljeni{
    font-size:10px !important;
    font-weight:700;
}

.so-horizontalna-akcije .my-owner-actions{
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
}

.so-horizontalna-akcije .my-owner-actions-top{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
}

.so-horizontalna-akcije .my-owner-select{
    width:auto;
    min-height:18px;
    margin:0 0 4px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    color:#40566d;
    font-size:9px;
    line-height:18px;
    font-weight:700;
}

.so-horizontalna-akcije .my-owner-valid-until{
    margin:0 0 4px;
    padding:0;
    color:#667788;
    font-size:8px;
    line-height:18px;
    font-weight:400;
    text-align:right;
    white-space:nowrap;
}

.so-horizontalna-akcije .my-owner-valid-until strong{
    font-weight:700;
}

.so-horizontalna-akcije .my-owner-buttons{
    grid-column:1 / -1;
}

.so-horizontalna-akcije .my-owner-select input{
    margin:0;
}

.so-horizontalna-akcije .my-owner-buttons{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0;
}

.so-horizontalna-akcije .my-owner-buttons form{
    width:100%;
    margin:0;
}

.so-horizontalna-akcije .my-owner-buttons a{
    width:100%;
    height:25px;
    min-height:25px;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd6df;
    border-radius:4px;
    background:#fff;
    color:#28465f;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
}

.so-horizontalna-akcije .my-owner-buttons button{
    width:100%;
    height:25px;
    min-height:25px;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd6df;
    border-radius:4px;
    background:#fff;
    color:#28465f;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
}

.so-horizontalna-akcije .my-owner-buttons span{
    width:100%;
    height:25px;
    min-height:25px;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd6df;
    border-radius:4px;
    background:#fff;
    color:#28465f;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
}

.so-horizontalna-akcije .my-owner-dates{
    display:none;
}

.so-horizontalna-akcije .my-owner-bottom{
    width:100%;
    margin:4px 0 0;
    padding:0;
    border:0;
    display:block;
}

.so-horizontalna-akcije .my-owner-transaction-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0;
}

.so-horizontalna-akcije .my-owner-transaction-actions form{
    width:100%;
    margin:0;
}

.so-horizontalna-akcije .my-owner-transaction{
    width:100%;
    height:25px;
    min-height:25px;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd6df;
    border-radius:4px;
    background:#fff;
    color:#28465f;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
}

.so-horizontalna-akcije .my-owner-delete{
    width:100%;
    height:25px;
    min-height:25px;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd6df;
    border-radius:4px;
    background:#fff;
    color:#a83d3d;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
    border-color:#e1bcbc;
}

.so-horizontalna-akcije .my-owner-transaction.is-active{
    border-color:#8fa9bd;
    background:#eef4f8;
    color:#183f5c;
}

.so-horizontalna-akcije span.my-owner-transaction{
    cursor:default;
}

.so-horizontalna-akcije > .my-owner-actions{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
}

/* RESPONSIVE */
@media(max-width:1100px){
    .so-horizontalna{
        grid-template-columns:190px minmax(0,1fr) 195px;
    }
}

@media(max-width:760px){
    .so-horizontalna{
        grid-template-columns:130px minmax(0,1fr);
        height:auto;
        min-height:0;
    }

    .so-horizontalna-slika,
    .so-horizontalna-sadrzaj{
        height:134px;
        min-height:134px;
    }

    .so-horizontalna-desno{
        grid-column:1 / -1;
        height:auto;
        min-height:0;
        margin-top:6px;
        padding:6px 0 0;
        border-left:0;
        border-top:1px solid #edf1f5;
    }

    .so-horizontalna-cijene{
        align-items:flex-start;
        margin-bottom:6px;
    }
}

/* =========================================================
   OMILJENI OGLASI — desni dio centralne horizontalne kartice
   ========================================================= */

.so-horizontalna-omiljeni-racun{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.so-horizontalna-omiljeni-datum{
    width:100%;
    min-width:0;
    font-size:9px;
    line-height:1.2;
    color:#66788a;
    white-space:nowrap;
}

.so-horizontalna-omiljeni-datum strong{
    font-size:9px;
    font-weight:700;
    color:#18304a;
}

.so-horizontalna-omiljeni-racun .omiljeni-racun-form{
    width:100%;
    margin:0;
}

.so-horizontalna-omiljeni-racun .so-horizontalna-obrisi{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:25px;
    padding:0 5px;
    font-size:8px;
    font-weight:700;
    white-space:nowrap;
}


/* =========================================================
   V4 — ISPRAVKA SWITCHA KVADRATNI / HORIZONTALNI
   ========================================================= */

/* Kvadratni prikaz */
.grid:not(.list-view) > .so-horizontalna-render{
    display:none !important;
}

/* Horizontalni prikaz */
.grid.list-view > .so-kvadrat-render{
    display:none !important;
}

.grid.list-view > .so-horizontalna-render{
    display:block !important;
    width:100%;
    min-width:0;
}


/* =========================================================
   V4 — STROGO PREBACIVANJE KVADRATNI / HORIZONTALNI
   ========================================================= */

/* Normalno: horizontalni render je skriven */
.grid > .so-horizontalna-render{
    display:none !important;
}

/* Horizontalni prikaz: sakrij kvadratne */
.grid.list-view > .so-kvadrat-render{
    display:none !important;
}

/* Horizontalni prikaz: prikaži horizontalne */
.grid.list-view > .so-horizontalna-render{
    display:block !important;
    width:100%;
    min-width:0;
    margin-bottom:9px;
}

/* =========================================================
   V4 — HORIZONTALNA — DETALJI OGLASA
   svaki detalj je zaseban box
   ========================================================= */

.so-horizontalna-info{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;

    gap:5px !important;

    width:100% !important;
    min-width:0 !important;
    min-height:21px !important;

    margin-top:auto !important;
    padding:0 !important;

    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
}

/* PROIZVOĐAČ / MODEL / STANJE */
.so-horizontalna-info > span:not(.so-horizontalna-spec){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    height:20px !important;
    min-height:20px !important;

    margin:0 !important;
    padding:0 7px !important;

    border:1px solid #d8e0e8 !important;
    border-radius:4px !important;
    background:#fff !important;

    color:#183f5c !important;
    font-size:9px !important;
    line-height:18px !important;
    font-weight:500 !important;
    white-space:nowrap !important;

    box-sizing:border-box !important;
}

/* POVRŠINA / SOBE / SPRAT / ostale specifikacije */
.so-horizontalna-info > .so-horizontalna-spec{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    height:20px !important;
    min-height:20px !important;

    margin:0 !important;
    padding:0 7px !important;
    gap:4px !important;

    border:1px solid #d8e0e8 !important;
    border-radius:4px !important;
    background:#fff !important;

    color:#183f5c !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

/* IKONA je samo sadržaj unutar boxa */
.so-horizontalna-info >
.so-horizontalna-spec >
.so-horizontalna-spec-ikona{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:14px !important;
    min-width:14px !important;
    height:14px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* SVG */
.so-horizontalna-info
.so-horizontalna-spec-ikona svg{
    display:block !important;
    width:14px !important;
    height:14px !important;

    fill:none !important;
    stroke:#183f5c !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

/* VRIJEDNOST je samo sadržaj unutar boxa */
.so-horizontalna-info >
.so-horizontalna-spec >
.so-horizontalna-spec-vrijednost{
    display:inline-block !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#183f5c !important;
    font-size:9px !important;
    line-height:18px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
}


/* =========================================================
   V4 — AKCIJE UVIJEK NA DNU DESNOG BLOKA
   ========================================================= */
.so-horizontalna-desno{
    display:flex !important;
    flex-direction:column !important;
}

.so-horizontalna-akcije{
    margin-top:auto !important;
}


/* =========================================================
   V4 — BOJA NASLOVA PREMA STILU OGLASA
   ========================================================= */
.so-horizontalna--super .so-horizontalna-naslov,
.so-horizontalna--super .so-horizontalna-naslov:hover,
.so-horizontalna--prodavnica .so-horizontalna-naslov,
.so-horizontalna--prodavnica .so-horizontalna-naslov:hover,
.so-horizontalna--sms .so-horizontalna-naslov,
.so-horizontalna--sms .so-horizontalna-naslov:hover{
    color:var(--so-stil) !important;
}

