/* ==========================================================================
   SVETLA TEMA IN NOGA (prenova 25. 9. 2026)
   Datoteka se naloži za main.css in media.css, zato prepiše starejše
   temne vrednosti. Če bi bilo treba vrniti staro podobo, je dovolj
   odstraniti vrstico z vključitvijo te datoteke v index.php.
   ========================================================================== */

body {
    background-color: #f5f7fa !important;
    color: #2a3441;
}

/* ---------- iskalnik in hero ---------- */

.sectionDef {
    background-color: transparent;
    color: #5b6472;
}

.logoDef h1 {
    color: #141f28;
}

.logoDef h1::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    border-radius: 3px;
    background-color: #ee1c25;
    margin: 14px auto 0 auto;
}

.subtitle {
    color: #5b6472;
}

.search-box {
    background: #fff;
    border: 1px solid #e6e9ee;
    box-shadow: 0 18px 40px rgba(20, 31, 40, .10);
}

.pn_search {
    background-color: #fff !important;
    border: 1px solid #e6e9ee !important;
}

.sectionDef_sticky {
    background-color: rgba(245, 247, 250, .94);
    border-bottom: 1px solid #e6e9ee;
}

.filter-bar {
    border-top-color: #eef0f3;
}

.filter-stock {
    color: #5b6472;
}

.filter-stock:hover {
    color: #141f28;
}

.filter-count,
.filter-bar #resultsInfo,
#resultsInfo {
    color: #5b6472;
}

.filter-count b {
    color: #141f28;
}

.filter-reset {
    border-color: #d7dbe0;
    color: #5b6472;
}

.filter-reset:hover {
    color: #ee1c25;
    background-color: #fdeced;
}

#loadMore {
    color: #141f28;
    border: 1px solid #d7dbe0;
    border-radius: 12px;
    background-color: #fff;
    max-width: 280px;
    padding: 13px 20px;
}

#loadMore:hover {
    border-color: #ee1c25;
    color: #ee1c25;
}

.no-results {
    color: #5b6472;
}

/* ---------- kartice izdelkov ---------- */

.catalog_item {
    border: 1px solid #e6e9ee;
    box-shadow: 0 6px 18px rgba(20, 31, 40, .05);
    transition: box-shadow .2s ease, transform .2s ease;
}

.catalog_item:hover {
    box-shadow: 0 16px 34px rgba(20, 31, 40, .12);
    transform: translateY(-3px);
}

/* ---------- sklopi vstopne strani ---------- */

.kv-head h2,
.kv-onas-txt h2,
.cta-txt h2,
.kt-forma-txt h2 {
    color: #141f28;
}

.kv-head p,
.kv-onas-txt p,
.cta-txt p,
.kt-uvod,
.kt-forma-txt p {
    color: #5b6472;
}

.kv-card {
    border: 1px solid #e6e9ee;
    box-shadow: 0 6px 20px rgba(20, 31, 40, .05);
}

.kv-card:hover {
    box-shadow: 0 18px 36px rgba(20, 31, 40, .12);
}

.kv-storitve,
.kv-onas {
    background-color: #fff;
    border-top: 1px solid #e9ecf1;
    border-bottom: 1px solid #e9ecf1;
}

.kv-serv-item {
    background-color: #f5f7fa;
    border-color: #e6e9ee;
    color: #2a3441;
}

.kv-serv-item:hover {
    background-color: #fdeced;
    border-color: #ee1c25;
    color: #141f28;
}

.kv-brand {
    border: 1px solid #e6e9ee;
    box-shadow: 0 4px 14px rgba(20, 31, 40, .05);
}

.kv-btn-line {
    border-color: #d7dbe0;
    color: #141f28;
}

.kv-btn-line:hover {
    border-color: #ee1c25;
    background-color: #ee1c25;
    color: #fff;
}

.kv-num {
    background-color: #f5f7fa;
    border-color: #e6e9ee;
}

.kv-num span {
    color: #5b6472;
}

.kv-cta-item {
    background-color: #fff;
    border-color: #e6e9ee;
    color: #5b6472;
    box-shadow: 0 6px 20px rgba(20, 31, 40, .05);
}

.kv-cta-item h4 {
    color: #141f28;
}

.kv-cta-item a {
    color: #5b6472;
}

.kv-cta-item a:hover {
    color: #ee1c25;
}

/* ---------- info & kontakt ---------- */

.kt-card {
    border: 1px solid #e6e9ee;
    box-shadow: 0 6px 20px rgba(20, 31, 40, .05);
}

.kt-podatki {
    background-color: #fff;
    border: 1px solid #e6e9ee;
}

.kt-podatki span {
    color: #8f96a5;
}

.kt-podatki b {
    color: #141f28;
}

.kt-forma-box {
    background-color: #fff;
    border: 1px solid #e6e9ee;
    box-shadow: 0 10px 30px rgba(20, 31, 40, .06);
}

/* ---------- zaključni kontaktni pas ---------- */

.cta-box {
    background: linear-gradient(135deg, #ffffff 0%, #eef1f6 100%);
    border: 1px solid #e6e9ee;
    box-shadow: 0 10px 30px rgba(20, 31, 40, .06);
}

.cta-info {
    color: #5b6472;
    border-top-color: #e6e9ee;
}

/* ---------- vsebinske strani ---------- */

.content_read {
    border: 1px solid #e6e9ee;
    box-shadow: 0 10px 30px rgba(20, 31, 40, .06);
}

h5.split {
    color: #141f28;
}

/* ---------- obvestilo: gumb za zapiranje ---------- */

.obv_head {
    position: relative;
    padding-right: 54px;
}

.obv_zapri {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 9px;
    background-color: rgba(238, 28, 37, .12);
    color: #ee1c25;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.obv_zapri:hover {
    background-color: #ee1c25;
    color: #fff;
}

/* ==========================================================================
   NOGA
   ========================================================================== */

footer.site-footer {
    background-color: #141f28;
    color: #aeb6c0;
    margin-top: 60px;
    width: 100%;
    float: left;
    clear: both;
}

.foot-grid {
    max-width: 1320px;
    margin: 0 auto;
    padding: 58px 24px 44px 24px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
    gap: 44px;
}

.foot-col h4 {
    color: #fff;
    font-size: 14px;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin: 0 0 18px 0;
    padding: 0;
}

.foot-logo {
    height: 56px;
    width: auto;
    margin-bottom: 18px;
    background-color: #fff;
    border-radius: 12px;
    padding: 9px 14px;
}

.foot-about p {
    margin: 0 0 20px 0;
    line-height: 1.7em;
    font-size: 15px;
    color: #aeb6c0;
}

.foot-social {
    display: flex;
    gap: 10px;
}

.foot-social a {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background-color: rgba(255, 255, 255, .08);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease;
}

.foot-social a:hover {
    background-color: #ee1c25;
    transform: translateY(-2px);
}

.foot-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.foot-links li {
    margin: 0 0 11px 0;
    padding: 0;
    background-image: none;
}

.foot-links a {
    color: #aeb6c0;
    text-decoration: none;
    font-size: 15px;
    transition: color .2s ease;
}

.foot-links a:hover {
    color: #ee1c25;
}

.foot-naslov {
    margin: 0 0 16px 0;
    line-height: 1.7em;
    font-size: 15px;
}

.foot-naslov b {
    color: #fff;
}

.foot-tel {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 9px;
}

.foot-tel i {
    color: #ee1c25;
    width: 18px;
    text-align: center;
}

.foot-tel:hover {
    color: #ee1c25;
}

.foot-cas {
    margin: 18px 0;
    padding: 16px 18px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, .05);
    font-size: 14px;
}

.foot-cas > span {
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.foot-cas > span i {
    color: #ee1c25;
    margin-right: 7px;
}

.foot-cas div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 3px 0;
}

.foot-cas b {
    color: #fff;
    font-weight: 500;
}

.foot-btn {
    width: 100%;
    justify-content: center;
}

.foot-bottom {
    border-top: 1px solid rgba(255, 255, 255, .08);
    background-color: #0f1820;
}

.foot-bottom-in {
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #8f96a5;
}

.foot-bottom-in a {
    color: #8f96a5;
    text-decoration: none;
}

.foot-bottom-in a:hover {
    color: #ee1c25;
}

/* ==========================================================================
   ODZIVNOST
   ========================================================================== */

@media (max-width: 1100px) {

    .foot-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 34px;
        padding: 44px 20px 34px 20px;
    }
}

@media (max-width: 680px) {

    .foot-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 36px 16px 28px 16px;
    }

    .foot-bottom-in {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
}

/* stari slog footer je bil flex v vrsti - nova noga mora zlagati v stolpec */
footer.site-footer {
    display: block;
}

/* v nogi ne želimo starih pikic pred povezavami */
.foot-links li,
.foot-links li::before,
.foot-links li::marker {
    list-style: none;
    background: none;
    content: none;
}