.elementor-33081 .elementor-element.elementor-element-be26dfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33081 .elementor-element.elementor-element-a36e872 .elementor-icon-list-icon{width:14px;}.elementor-33081 .elementor-element.elementor-element-a36e872 .elementor-icon-list-icon i{font-size:14px;}.elementor-33081 .elementor-element.elementor-element-a36e872 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-33081 .elementor-element.elementor-element-e2e0fc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33081 .elementor-element.elementor-element-e2e0fc1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-33081 .elementor-element.elementor-element-e2e0fc1{--width:91.03%;}}/* Start custom CSS *//* =========================================================
   RESPONSIVE TABELE – ELEKTRIČNI BICIKLI / UREDBA 79/2026
   ========================================================= */

.reb-table-wrap {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 26px 0 32px;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8e1e8;
    border-radius: 12px;
    box-sizing: border-box;
}


/* =========================================================
   DESKTOP / TABLET
   ========================================================= */

.reb-table-wrap .reb-table {
    display: table !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

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

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    table-layout: auto !important;

    background: #ffffff;
    font-size: 15px;
    line-height: 1.5;
}


/* ---------- HEADER ---------- */

.reb-table thead {
    display: table-header-group !important;
}

.reb-table thead tr {
    display: table-row !important;
    background: #0865b5 !important;
}

.reb-table thead th {
    display: table-cell !important;

    padding: 15px 18px !important;

    background: #0865b5 !important;
    color: #ffffff !important;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;

    text-align: left;
    vertical-align: middle;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;

    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.30) !important;
}

.reb-table thead th:last-child {
    border-right: 0 !important;
}

/* forsira bela slova čak i ako tema prepisuje stil */
.reb-table thead th,
.reb-table thead th *,
.reb-table thead th strong,
.reb-table thead th a {
    color: #ffffff !important;
}


/* ---------- BODY ---------- */

.reb-table tbody {
    display: table-row-group !important;
}

.reb-table tbody tr {
    display: table-row !important;
    background: #ffffff;
}

.reb-table tbody tr:nth-child(even) {
    background: #f5f7f9;
}

.reb-table tbody td {
    display: table-cell !important;

    padding: 15px 18px !important;

    color: #202830;
    background: transparent;

    font-size: 15px;
    line-height: 1.5;

    text-align: left;
    vertical-align: top;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    border: 0 !important;
    border-right: 1px solid #e2e7eb !important;
    border-bottom: 1px solid #e2e7eb !important;
}

.reb-table tbody td:last-child {
    border-right: 0 !important;
}

.reb-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* Prva kolona može biti malo naglašenija */
.reb-table tbody td:first-child {
    font-weight: 600;
}

.reb-table strong {
    font-weight: 700;
}


/* =========================================================
   ŠIRINE KOLONA – tabela K3 / L1 / L3
   ========================================================= */

.reb-table th:nth-child(1),
.reb-table td:nth-child(1) {
    width: 40%;
}

.reb-table th:nth-child(2),
.reb-table td:nth-child(2) {
    width: 26%;
}

.reb-table th:nth-child(3),
.reb-table td:nth-child(3) {
    width: 34%;
}


/* =========================================================
   MOBILNI – TABELA POSTAJE KARTICE
   ========================================================= */

@media (max-width: 700px) {

    .reb-table-wrap {
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
        margin: 22px 0 28px;
    }

    .reb-table-wrap .reb-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: transparent;
    }

    /* Header se uklanja jer se naziv kolone prikazuje uz svaku vrednost */
    .reb-table thead {
        display: none !important;
    }

    .reb-table tbody {
        display: block !important;
        width: 100% !important;
    }

    .reb-table tbody tr {
        display: block !important;

        width: 100% !important;
        margin: 0 0 14px !important;

        background: #ffffff !important;
        border: 1px solid #d8e1e8 !important;
        border-radius: 10px;
        overflow: hidden;

        box-shadow: 0 1px 3px rgba(0,0,0,.04);
    }

    .reb-table tbody td {
        display: grid !important;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 12px;

        width: 100% !important;

        padding: 12px 14px !important;

        font-size: 14px;
        line-height: 1.45;

        border: 0 !important;
        border-bottom: 1px solid #e6eaee !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .reb-table tbody td:last-child {
        border-bottom: 0 !important;
    }

    /* Nazivi kolona */
    .reb-table tbody td:nth-child(1)::before {
        content: "Karakteristike";
    }

    .reb-table tbody td:nth-child(2)::before {
        content: "Moguća vrsta";
    }

    .reb-table tbody td:nth-child(3)::before {
        content: "Registracija";
    }

    .reb-table tbody td::before {
        display: block;

        color: #0865b5;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;

        text-transform: uppercase;
        letter-spacing: .02em;
    }

    .reb-table tbody td:first-child {
        background: #eef6fd;
        font-weight: 600;
    }

}


/* =========================================================
   VEOMA MALI TELEFONI
   ========================================================= */

@media (max-width: 400px) {

    .reb-table tbody td {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 9px;

        padding: 11px 12px !important;

        font-size: 13.5px;
    }

    .reb-table tbody td::before {
        font-size: 11px;
    }

}/* End custom CSS */