/**
 * Bootstrap grid replacement za tamigo.pro
 * SCOPED: ne dira Bootstrap .row – primenjuje se samo na portfolio, PI i .custom-row.
 * Kad ukloniš Bootstrap, dodaj opet globalna pravila za .row i .col-* ako zatreba.
 * Breakpoints: sm 576px, md 768px, lg 992px, xl 1200px
 */

/* ========== SAMO custom-row (Contact) – NE .row da ne prepisuje Bootstrap ========== */
.custom-row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
}

.custom-row::after {
    content: "";
    display: table;
    clear: both;
}

/* ========== Portfolio / PI kontejneri – flex parent (bez .row) ========== */
.portfolio_container,
.production-intelligence-container {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
}

/* ========== Kolone SAMO unutar portfolio i PI – flex širine (Bootstrap ostaje za ostalo) ========== */
.portfolio_container .col-md-3,
.portfolio_container .col-md-4,
.portfolio_container .col-md-5,
.portfolio_container .col-md-7,
.portfolio_container .col-md-8,
.portfolio_container .col-md-10,
.portfolio_container .col-md-12,
.portfolio_container .col-sm-6,
.portfolio_container .col-sm-12,
.production-intelligence-container .col-md-3,
.production-intelligence-container .col-md-4,
.production-intelligence-container .col-md-5,
.production-intelligence-container .col-md-7,
.production-intelligence-container .col-md-8,
.production-intelligence-container .col-md-10,
.production-intelligence-container .col-md-12,
.production-intelligence-container .col-sm-6,
.production-intelligence-container .col-sm-12 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
}

.portfolio_container .col-md-12,
.portfolio_container .col-sm-12,
.production-intelligence-container .col-md-12,
.production-intelligence-container .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .portfolio_container .col-sm-6,
    .production-intelligence-container .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .portfolio_container .col-md-3,
    .production-intelligence-container .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .portfolio_container .col-md-4,
    .production-intelligence-container .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .portfolio_container .col-md-5,
    .production-intelligence-container .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .portfolio_container .col-md-7,
    .production-intelligence-container .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .portfolio_container .col-md-8,
    .production-intelligence-container .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .portfolio_container .col-md-10,
    .production-intelligence-container .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .portfolio_container .col-md-12,
    .production-intelligence-container .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ========== Utility (clearfix, no-padding, .h-*) – ostaju globalni ========== */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.no-padding {
    padding: 0 !important;
}

.h-40 { height: 40px; }
.h-50 { height: 50px; }
.h-60 { height: 60px; }