/* CUSTOM DENODE */
/* MOBILE HEADER BACKGROUND */
.tm-header-mobile,
.tm-header-mobile .uk-navbar-container {
    background-color: #fff;
}

/* ==================================================
   HACKS
================================================== */
.finder h1 { position: relative; display: inline-block; z-index: 0; font-size: 2rem; }
.finder h1::after { content: ""; position: absolute; left: -6px; right: -55px; bottom: 4px; height: 14px; background: #fdb500; z-index: -1; }
.convertforms.cf-success .cf-response { background-color: none; display: block; }
.convertforms .cf-response { color: #fff; margin-bottom: 0; padding: 0; width: 100%; border-radius: none; display: none; text-align: center; }

/* ==========================================
   LAGER MANAGEMENT – ARTICLE GRID SPACING
========================================== */

.de-lager-manage .uk-child-width-1-1.uk-grid > .uk-grid-margin {
    margin-top: 0;
}

/* ==========================================
   FORKLIFT – SUBLAYOUT MARGIN FIX
   ========================================== */
.de-forklift-item.uk-margin { margin-top: 0 !important; }
/* CARD DEFAULT – base and hover */
.uk-card.uk-card-default { background: linear-gradient(180deg, #fff 0%, #faf9f6 100%); border: 1px solid rgba(23, 23, 23, .12); box-shadow: 0 9px 26px rgba(0, 0, 0, .10); }
.uk-card.uk-card-default:hover { border-color: rgba(23, 23, 23, .16); box-shadow: 0 17px 40px rgba(0, 0, 0, .15); }
/* ==================================================
   UPRAVLJANJE LAGEROM – CATEGORY LIST
================================================== */

.de-lager-manage .com-content-categories.categories-list {
    margin: 0;
}

.de-lager-manage .com-content-categories__items {
    display: grid;
    gap: 18px;
}

.de-lager-manage .com-content-categories__item {
    background: #ffffff;
    border: 1px solid rgba(23, 23, 23, 0.08);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.de-lager-manage .com-content-categories__item:hover {
    transform: translateY(-2px);
    border-color: rgba(253, 187, 0, 0.55);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.10);
}

.de-lager-manage .com-content-categories__item-title-wrapper {
    margin: 0;
    padding: 0;
}

.de-lager-manage .com-content-categories__item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 84px;
    padding: 20px 24px;
    border-left: 6px solid #fdbb00;
    box-sizing: border-box;
}

.de-lager-manage .com-content-categories__item-title > a {
    display: inline-block;
    margin: 0;
    color: #171717;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: color .2s ease;
}

.de-lager-manage .com-content-categories__item:hover .com-content-categories__item-title > a {
    color: #000000;
}

.de-lager-manage .com-content-categories__item-title .badge.bg-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #1f1b20 !important;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: none;
}

.de-lager-manage .com-content-categories__item-title .badge.bg-info::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background: #fdbb00;
    flex: 0 0 auto;
}

/* ukloni višak ako Joomla ubacuje hr/linije */
.de-lager-manage .com-content-categories__item + .com-content-categories__item {
    margin-top: 0;
}


/* ==================================================
   LAGER MANAGEMENT – ARTICLE LIST
================================================== */

/* Kartica članka */
.de-lager-manage article.uk-article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 18px 22px;
    margin: 0 0 12px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-left: 4px solid #fdbb00;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    transition: box-shadow .2s ease,
                border-color .2s ease;
}

.de-lager-manage article.uk-article:hover {
    border-color: #fdbb00;
    box-shadow: 0 7px 20px rgba(0,0,0,.10);
}

/* Sakrij specifikacije */
.de-lager-manage article.uk-article > .fields-container {
    display: none;
}

/* Naslov */
.de-lager-manage article.uk-article .uk-article-title {
    flex: 1;
    min-width: 0;
    margin: 0 !important;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 700;
}

.de-lager-manage article.uk-article .uk-article-title a {
    color: #252224;
    text-decoration: none;
}

.de-lager-manage article.uk-article .uk-article-title a:hover {
    color: #d99d00;
}

/* Kontejner dugmeta */
.de-lager-manage article.uk-article > .uk-subnav {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.de-lager-manage article.uk-article > .uk-subnav > li {
    margin: 0;
    padding: 0;
}

/* Uredi dugme */
.de-lager-manage article.uk-article > .uk-subnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    background: #252224;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s ease, color .2s ease;
}

.de-lager-manage article.uk-article > .uk-subnav a:hover {
    background: #fdbb00;
    color: #171717;
}

.de-lager-manage article.uk-article > .uk-subnav .icon-edit {
    color: #fdbb00;
}

.de-lager-manage article.uk-article > .uk-subnav a:hover .icon-edit {
    color: #171717;
}

/* ==========================================
   LAGER - STATUS CLANAKA
   ========================================== */

.de-lager-status {
    display: none;
}

.de-lager-manage article.uk-article .de-lager-status {
    display: inline-flex;
    align-items: center;
    align-self: center;
    margin-left: auto;
    margin-right: 14px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: 0.03em;
}

.de-lager-manage .de-lager-status--stock {
    background: #e6f4ea;
    color: #237a42;
}

.de-lager-manage .de-lager-status--soon {
    background: #fff2d5;
    color: #956300;
}


/* ==========================================
   LAGER - STATUS OBJAVLJIVANJA
   ========================================== */

.de-lager-publish {
    display: none;
}

.de-lager-manage article.uk-article .de-lager-publish {
    display: inline-flex;
    align-items: center;
    align-self: center;
    margin-right: 14px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: 0.03em;
}

/* Objavljen */
.de-lager-manage .de-lager-publish--published {
    background: #edf2f7;
    color: #33516d;
}

/* Neobjavljen */
.de-lager-manage .de-lager-publish--unpublished {
    background: #fde9e7;
    color: #a32f28;
}

/* ============================================================
   TEHNOLIFT / FRONTEND – DODAJ I UREDI VILJUSKAR
   Umetnuti na kraj custom.css

   Page classes:
      de-add-forklift   – Dodaj viljuskar
      de-lager-manage   – Upravljanje lagerom (linkovi Uredi)
   Stilovi su ograniceni iskljucivo na Joomla article form.
   Ne menjati prikaz tabova (display), ACF Gallery JS niti
   skrivena input polja – sve mora da ostane funkcionalno.
   ============================================================ */

/* 0. Scope i paleta */
:is(.de-add-forklift, .de-lager-manage) form#adminForm {
    --de-form-yellow: #fdbb00;
    --de-form-dark: #252224;
    --de-form-border: #e5e5e5;
    --de-form-muted: #6d6d6d;
    --de-form-surface: #f8f8f8;
    color: #252224;
}

/* 1. Navigacija tabova: Joomla custom tabs, Bootstrap i UIkit fallback */
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(joomla-tab > [role="tablist"], joomla-tab > nav, .joomla-tabs__nav, .nav-tabs, .uk-tab) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 5px;
    margin: 0 0 0;
    padding: 0 0 1px;
    border-bottom: 2px solid var(--de-form-yellow);
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(joomla-tab > [role="tablist"], joomla-tab > nav, .joomla-tabs__nav, .nav-tabs, .uk-tab)
    :is(button[role="tab"], button:not([hidden]), a.nav-link, a) {
    min-height: 43px;
    margin: 0;
    padding: 11px 15px;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    background: #f0f0f0;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .015em;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(joomla-tab > [role="tablist"], joomla-tab > nav, .joomla-tabs__nav, .nav-tabs, .uk-tab)
    :is(button[role="tab"], button:not([hidden]), a.nav-link, a):hover {
    background: #e6e6e6;
    color: #171717;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(joomla-tab > [role="tablist"], joomla-tab > nav, .joomla-tabs__nav, .nav-tabs, .uk-tab)
    :is([aria-selected="true"], .active, .uk-active > a) {
    background: var(--de-form-dark);
    border-color: var(--de-form-dark);
    color: #fff;
}

/* Joomla 5 tabovi su web-komponente; ne menjamo njihov display.
   Ovaj deo menja samo vizuelni okvir aktivnog panela. */
:is(.de-add-forklift, .de-lager-manage) form#adminForm joomla-tab-element {
    box-sizing: border-box;
    padding: 24px;
    border: 1px solid var(--de-form-border);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #fff;
}

/* 2. Grupe polja */
:is(.de-add-forklift, .de-lager-manage) form#adminForm .control-group {
    margin: 0 0 20px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .control-label {
    margin-bottom: 7px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .control-label label {
    display: inline-block;
    color: #252224;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .control-label .star {
    color: #d92d20;
    font-weight: 800;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(input.form-control:not([type="hidden"]), select.form-select, textarea.form-control) {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 45px;
    padding: 10px 13px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
    color: #252224;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm textarea.form-control {
    min-height: 94px;
    resize: vertical;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(input.form-control:not([type="hidden"]), select.form-select, textarea.form-control):focus {
    border-color: #e0a500;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(253, 187, 0, .18);
}

/* Fancy select, Joomla Choices – ne dirati skriveni native select */
:is(.de-add-forklift, .de-lager-manage) form#adminForm .choices__inner {
    min-height: 45px;
    box-sizing: border-box;
    padding: 7px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .choices.is-focused .choices__inner {
    border-color: #e0a500;
    box-shadow: 0 0 0 3px rgba(253, 187, 0, .18);
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .form-text,
:is(.de-add-forklift, .de-lager-manage) form#adminForm .text-muted {
    color: var(--de-form-muted);
    font-size: 13px;
}

/* 3. Custom Field tabovi: Statusi, Galerija, Specifikacija */
:is(.de-add-forklift, .de-lager-manage) form#adminForm .options-form {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .options-form > legend {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 13px;
    border-bottom: 2px solid var(--de-form-yellow);
    color: #252224;
    font-size: 19px;
    font-weight: 700;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .form-grid {
    min-width: 0;
}

/* 4. Galerija: ACF / Tassos Gallery Manager */
:is(.de-add-forklift, .de-lager-manage) form#adminForm .tf-gallery-manager {
    padding: 18px;
    border: 1px solid var(--de-form-border);
    border-radius: 8px;
    background: var(--de-form-surface);
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .tf-gallery-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .tf-gallery-actions .tf-gallery-add-item-button {
    padding: 10px 17px;
    border: 1px solid var(--de-form-yellow);
    border-radius: 5px;
    background: var(--de-form-yellow);
    color: #171717;
    font-size: 13px;
    font-weight: 700;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .tf-gallery-actions .tf-gallery-add-item-button:hover {
    background: #e7a900;
    border-color: #e7a900;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .tf-gallery-dz {
    min-height: 130px;
    padding: 12px;
    border: 1px dashed #d6d6d6;
    border-radius: 6px;
    background: #fff;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .tf-gallery-preview-item {
    border-radius: 6px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, .07);
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .tf-gallery-preview-item .dz-thumb img {
    max-width: 100%;
    height: auto;
}

/* 5. Specifikacije: Joomla Repeatable Subform table */
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper .table-responsive {
    max-width: 100%;
    border: 1px solid var(--de-form-border);
    border-radius: 7px;
    overflow-x: auto;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper table.table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper table.table thead {
    background: var(--de-form-dark);
    color: #fff;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper table.table thead th,
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper table.table thead td {
    padding: 12px;
    border: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper tbody tr:nth-child(even) {
    background: #f8f8f8;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper tbody td {
    padding: 10px;
    border-bottom: 1px solid #ededed;
    vertical-align: middle;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper tbody .control-group {
    margin: 0;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper tbody .form-control {
    min-height: 40px;
    padding: 8px 10px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper .btn-group {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper .btn-group > .btn {
    min-width: 34px;
    min-height: 34px;
    padding: 5px 9px;
    border-radius: 4px;
}

/* Add = zuta, Move = tamna; Remove zadrzava crvenu */
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper .group-add {
    border-color: var(--de-form-yellow);
    background: var(--de-form-yellow);
    color: #171717;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    .subform-repeatable-wrapper .group-move {
    border-color: var(--de-form-dark);
    background: var(--de-form-dark);
    color: #fff;
}

/* 6. Publishing / metadata – smireniji raspored; nista ne sakrivamo */
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    :is(#publishing, #metadata) > .control-group {
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .field-calendar .input-group {
    display: flex;
    align-items: stretch;
    max-width: 450px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm .field-calendar .input-group .form-control {
    flex: 1;
    min-width: 0;
}

/* 7. Glavna dugmad: Save, Save & Close, Save as Copy, Cancel */
:is(.de-add-forklift, .de-lager-manage) form#adminForm > .d-grid,
:is(.de-add-forklift, .de-lager-manage) form#adminForm > .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    > :is(.d-grid, .btn-toolbar) > :is(button, .btn) {
    min-height: 44px;
    padding: 11px 18px;
    border-radius: 5px;
    border: 1px solid var(--de-form-yellow);
    background: var(--de-form-yellow);
    color: #171717;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .07);
    transition: background-color .18s ease, transform .18s ease;
}

:is(.de-add-forklift, .de-lager-manage) form#adminForm
    > :is(.d-grid, .btn-toolbar) > :is(button, .btn):hover {
    background: #e7a900;
    border-color: #e7a900;
}

/* Joomla Cancel / Otkaži najčešće ima btn-danger ili btn-secondary */
:is(.de-add-forklift, .de-lager-manage) form#adminForm
    > :is(.d-grid, .btn-toolbar) > :is(.btn-danger, .btn-secondary) {
    border-color: var(--de-form-dark);
    background: var(--de-form-dark);
    color: #fff;
}

/* 8. Responsive: ne lomimo Joomla tabelu niti galeriju */
@media (max-width: 959px) {
    :is(.de-add-forklift, .de-lager-manage) form#adminForm joomla-tab-element {
        padding: 18px;
    }
    :is(.de-add-forklift, .de-lager-manage) form#adminForm
        :is(joomla-tab > [role="tablist"], joomla-tab > nav, .joomla-tabs__nav, .nav-tabs, .uk-tab)
        :is(button[role="tab"], button:not([hidden]), a.nav-link, a) {
        padding: 10px 11px;
        font-size: 12px;
    }
}

@media (max-width: 639px) {
    :is(.de-add-forklift, .de-lager-manage) form#adminForm joomla-tab-element {
        padding: 14px;
    }
    :is(.de-add-forklift, .de-lager-manage) form#adminForm
        .tf-gallery-manager {
        padding: 10px;
    }
    :is(.de-add-forklift, .de-lager-manage) form#adminForm
        .subform-repeatable-wrapper table.table {
        min-width: 570px;
    }
    :is(.de-add-forklift, .de-lager-manage) form#adminForm
        > :is(.d-grid, .btn-toolbar) > :is(button, .btn) {
        flex: 1 1 170px;
    }
}


/* ==================================================
   TEHNOLIFT – KORISNIČKI MENI
================================================== */

/* Modul */
.korisnicki-modul {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
    overflow: hidden;
}

/* Naslov modula */
.korisnicki-modul > h3 {
    margin: 0;
    padding: 18px 22px;
    background: #252224;
    border-bottom: 4px solid #fdbb00;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.4;
}

/* Lista */
.korisnicki-modul .korisnicki-meni {
    margin: 0;
    padding: 12px;
    list-style: none;
}

/* Stavke */
.korisnicki-modul .korisnicki-meni > li {
    margin: 0;
    padding: 0;
}

/* Linkovi */
.korisnicki-modul .korisnicki-meni.uk-nav-default > li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 11px 14px;
    border-left: 3px solid transparent;
    border-radius: 4px;
    color: #353535;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: background-color .2s ease,
                color .2s ease,
                border-color .2s ease;
}

/* Hover */
.korisnicki-modul .korisnicki-meni.uk-nav-default > li > a:hover {
    background: #f6f6f6;
    border-left-color: #fdbb00;
    color: #171717;
}

/* Aktivna stavka */
.korisnicki-modul .korisnicki-meni.uk-nav-default > li.uk-active > a {
    background: #252224;
    border-left-color: #fdbb00;
    color: #fff;
    font-weight: 700;
}

/* Aktivna stavka – hover */
.korisnicki-modul .korisnicki-meni.uk-nav-default > li.uk-active > a:hover {
    background: #343034;
    color: #fff;
}

/* Tastaturna navigacija */
.korisnicki-modul .korisnicki-meni a:focus-visible {
    outline: 2px solid #fdbb00;
    outline-offset: 2px;
}

/* Razdvajanje upravljanja lagerom i korisničkog profila */
.korisnicki-modul .korisnicki-meni > li.item-296 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}

/* ======================================================================
   TEHNOLIFT | KORISNICKE STRANICE
   Page classes (Joomla):
     profile            - Vas profil
     edit-profile       - Izmeni profil
     reset-password     - Reset lozinke
     forgoten-username  - Zaboravljeno korisnicko ime (tacno ovako upisano)

   Svi stilovi ciljaju iskljucivo Joomla com_users komponente.
   Dodati na kraj postojećeg custom.css, bez promene PHP/JS fajlova.
   ====================================================================== */

/* 01. Zajednicke boje i izgled */
:is(.com-users-profile.profile,
    .com-users-profile__edit.profile-edit,
    .com-users-reset.reset,
    .com-users-remind.remind) {
    --de-account-yellow: #fdbb00;
    --de-account-dark: #252224;
    --de-account-text: #292929;
    --de-account-muted: #656565;
    --de-account-border: #e8e8e8;
    --de-account-soft: #f7f7f7;
    color: var(--de-account-text);
    min-width: 0;
}

/* Naslov stranice kada Joomla prikazuje Page Heading */
:is(.com-users-profile.profile,
    .com-users-profile__edit.profile-edit,
    .com-users-reset.reset,
    .com-users-remind.remind) > .page-header {
    margin: 0 0 28px;
    border: 0;
    padding: 0;
}

:is(.com-users-profile.profile,
    .com-users-profile__edit.profile-edit,
    .com-users-reset.reset,
    .com-users-remind.remind) > .page-header h1 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 12px;
    color: #171717;
    font-size: clamp(1.75rem, 2.3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
}

:is(.com-users-profile.profile,
    .com-users-profile__edit.profile-edit,
    .com-users-reset.reset,
    .com-users-remind.remind) > .page-header h1::after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: min(100%, 160px);
    height: 5px;
    background: var(--de-account-yellow);
}

/* 02. Profil - pregled podataka */
.com-users-profile.profile {
    display: flow-root; /* drzi "Izmeni profil" dugme unutar komponente */
}

.com-users-profile.profile > :is(.com-users-profile__core,
                                .com-users-profile__params,
                                .com-users-profile__custom) {
    clear: both;
    min-width: 0;
    margin: 0 0 22px;
    padding: 22px 24px 24px;
    border: 1px solid var(--de-account-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .05);
}

.com-users-profile.profile > fieldset > legend {
    float: none;
    width: auto;
    margin: 0 0 18px;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 3px solid var(--de-account-yellow);
    color: var(--de-account-dark);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.35;
}

/* Joomla profile koristi dl > dt + dd u parovima */
.com-users-profile.profile fieldset > dl.dl-horizontal {
    display: grid;
    grid-template-columns: minmax(135px, 35%) minmax(0, 1fr);
    margin: 0;
    border: 1px solid #ececec;
    border-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
}

.com-users-profile.profile fieldset > dl.dl-horizontal > dt,
.com-users-profile.profile fieldset > dl.dl-horizontal > dd {
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 13px 16px;
    border-bottom: 1px solid #ececec;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.com-users-profile.profile fieldset > dl.dl-horizontal > dt {
    font-weight: 700;
    color: #272727;
    background: #f5f5f5;
}

.com-users-profile.profile fieldset > dl.dl-horizontal > dd {
    background: #fff;
}

.com-users-profile.profile fieldset > dl.dl-horizontal > dt:nth-of-type(even),
.com-users-profile.profile fieldset > dl.dl-horizontal > dd:nth-of-type(even) {
    background: #faf9f6;
}

/* Dugme Izmeni profil, vec postoji u Joomla izlazu */
.com-users-profile.profile > .com-users-profile__edit {
    display: flex;
    justify-content: flex-end;
    float: none;
    gap: 8px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.com-users-profile.profile > .com-users-profile__edit .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 18px;
    border: 1px solid var(--de-account-dark);
    border-radius: 5px;
    background: var(--de-account-dark);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.com-users-profile.profile > .com-users-profile__edit .btn:hover {
    background: var(--de-account-yellow);
    border-color: var(--de-account-yellow);
    color: #171717;
}

/* 03. Izmeni profil + 04. Reset lozinke + 05. Zaboravljeno ime */
:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) > fieldset {
    min-width: 0;
    margin: 0 0 22px;
    padding: 25px 26px;
    border: 1px solid #e8e8e8;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .05);
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) > fieldset > legend {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 3px solid var(--de-account-yellow);
    font-size: 1.15rem;
    line-height: 1.35;
    font-weight: 700;
    color: #252224;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .control-group {
    display: grid;
    grid-template-columns: minmax(140px, 32%) minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 8px;
    align-items: center;
    margin: 0 0 20px;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .control-group > .control-label {
    width: auto;
    float: none;
    padding: 0;
    line-height: 1.45;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .control-group > .control-label label {
    margin: 0;
    color: #252224;
    font-weight: 700;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .control-group > .controls {
    min-width: 0;
    margin: 0;
    padding: 0;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) :is(.form-control, .form-select, input[type="email"], input[type="password"], input[type="text"], select, textarea) {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #dadada;
    border-radius: 5px;
    background-color: #fff;
    color: #252224;
    font: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) :is(input, select, textarea):focus {
    outline: 0;
    border-color: #d9a000;
    box-shadow: 0 0 0 3px rgba(253, 187, 0, .17);
}

/* Ne stilizujemo hidden/toggle polja niti Joomla interni token */
:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) input[type="checkbox"],
:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) input[type="radio"] {
    min-height: 0;
    padding: 0;
    accent-color: #fdbb00;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) :is(.form-text, .small, .form-control-feedback) {
    color: #666;
    font-size: .875rem;
    line-height: 1.5;
}

/* Submit i Cancel dugmad */
:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) > :is(.com-users-profile__edit-submit,
                                                            .com-users-reset__submit,
                                                            .com-users-remind__submit) {
    display: block;
    margin: 20px 0 0;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) > :is(.com-users-profile__edit-submit,
                                                            .com-users-reset__submit,
                                                            .com-users-remind__submit) > .controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) :is(.btn-primary, .btn-danger) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 19px;
    border-radius: 5px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .btn-primary {
    background: #fdbb00;
    border-color: #fdbb00;
    color: #171717;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .btn-primary:hover {
    background: #252224;
    border-color: #252224;
    color: #fff;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .btn-danger {
    background: #fff;
    border-color: #d8d8d8;
    color: #3a3535;
}

:is(.com-users-profile__edit.profile-edit #member-profile,
    .com-users-reset.reset .com-users-reset__form,
    .com-users-remind.remind .com-users-remind__form) .btn-danger:hover {
    background: #f6eeee;
    border-color: #d9b2b2;
    color: #8f2929;
}

/* Profil: MFA deo Joomla komponente zadrzava svoju internu strukturu */
.com-users-profile__edit.profile-edit .com-users-profile__multifactor {
    overflow-wrap: anywhere;
}

/* 04+05: kratke forme, bez razvlačenja polja */
:is(.com-users-reset.reset, .com-users-remind.remind) > :is(.com-users-reset__form, .com-users-remind__form) {
    max-width: 760px;
}

/* Tastatura / pristupacnost */
:is(.com-users-profile.profile,
    .com-users-profile__edit.profile-edit,
    .com-users-reset.reset,
    .com-users-remind.remind) :is(a, button):focus-visible {
    outline: 3px solid #fdbb00;
    outline-offset: 2px;
}

/* ======================================================================
   TEHNOLIFT | LOGIN - Joomla com_users, Page Class: login
   Samo frontend login stranica; ne utice na Login modul u headeru.
   ====================================================================== */

/* Osnovni kontejner i naslov */
:is(.com-users-login.login, .login .com-users-login) {
    --de-account-yellow: #fdbb00;
    --de-account-dark: #252224;
    --de-account-text: #292929;
    --de-account-border: #e8e8e8;
    color: var(--de-account-text);
    min-width: 0;
    max-width: 760px;
}

:is(.com-users-login.login, .login .com-users-login) > .page-header {
    padding: 0;
    margin: 0 0 28px;
    border: 0;
}

:is(.com-users-login.login, .login .com-users-login) > .page-header h1 {
    display: inline-block;
    position: relative;
    padding: 0 0 12px;
    margin: 0;
    color: #171717;
    font-size: clamp(1.75rem, 2.3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
}

:is(.com-users-login.login, .login .com-users-login) > .page-header h1::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: min(100%, 160px);
    height: 5px;
    background: var(--de-account-yellow);
}

/* Kartica formulara */
:is(.com-users-login.login, .login .com-users-login) :is(form.com-users-login__form, form#com-users-login__form, form#login-form, form.form-validate) {
    margin: 0;
    padding: 25px 26px;
    border: 1px solid var(--de-account-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
}

:is(.com-users-login.login, .login .com-users-login) form > fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

:is(.com-users-login.login, .login .com-users-login) form legend {
    width: auto;
    max-width: 100%;
    margin: 0 0 22px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 3px solid var(--de-account-yellow);
    color: var(--de-account-dark);
    font-size: 1.15rem;
    font-weight: 700;
}

/* Polja za prijavu */
:is(.com-users-login.login, .login .com-users-login) form .control-group {
    display: grid;
    grid-template-columns: minmax(145px, 30%) minmax(0, 1fr);
    align-items: center;
    column-gap: 18px;
    row-gap: 8px;
    margin: 10px 0 20px;
}

:is(.com-users-login.login, .login .com-users-login) form .control-label {
    padding: 0;
    margin: 0;
    float: none;
    width: auto;
}

:is(.com-users-login.login, .login .com-users-login) form .control-label label {
    color: var(--de-account-dark);
    font-weight: 700;
}

:is(.com-users-login.login, .login .com-users-login) form .controls {
    min-width: 0;
    margin: 0;
}

:is(.com-users-login.login, .login .com-users-login) form :is(input[type="text"], input[type="email"], input[type="password"], .form-control) {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #dadada;
    border-radius: 5px;
    background: #fff;
    color: #252224;
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease;
}

:is(.com-users-login.login, .login .com-users-login) form :is(input[type="text"], input[type="email"], input[type="password"], .form-control):focus {
    outline: none;
    border-color: #d9a000;
    box-shadow: 0 0 0 3px rgba(253, 187, 0, .18);
}

/* Zapamti me */
:is(.com-users-login.login, .login .com-users-login) form input[type="checkbox"] {
    min-height: 0;
    margin: 0 8px 0 0;
    accent-color: var(--de-account-yellow);
}

:is(.com-users-login.login, .login .com-users-login) form :is(.com-users-login__remember, .login-remember) .controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Prijava - ne menjamo ponasanje Joomla dugmeta */
:is(.com-users-login.login, .login .com-users-login) form :is(button[type="submit"], .btn-primary, .uk-button-primary) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 23px;
    border: 1px solid var(--de-account-yellow);
    border-radius: 5px;
    background: var(--de-account-yellow);
    color: #171717;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

:is(.com-users-login.login, .login .com-users-login) form :is(button[type="submit"], .btn-primary, .uk-button-primary):hover {
    background: var(--de-account-dark);
    border-color: var(--de-account-dark);
    color: #fff;
}

/* Pomocni linkovi: zaboravljena lozinka, korisnicko ime i registracija */
:is(.com-users-login.login, .login .com-users-login) :is(.com-users-login__options, .com-users-login__links) {
    margin: 20px 0 0;
    padding: 16px 20px;
    border: 1px solid #ececec;
    border-left: 4px solid var(--de-account-yellow);
    border-radius: 5px;
    background: #faf9f6;
    list-style: none;
}

:is(.com-users-login.login, .login .com-users-login) :is(.com-users-login__options, .com-users-login__links) li {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

:is(.com-users-login.login, .login .com-users-login) :is(.com-users-login__options, .com-users-login__links) a {
    color: #252224;
    font-weight: 600;
    text-decoration: none;
}

:is(.com-users-login.login, .login .com-users-login) :is(.com-users-login__options, .com-users-login__links) a:hover {
    color: #b78300;
    text-decoration: underline;
}

:is(.com-users-login.login, .login .com-users-login) :is(a, button):focus-visible {
    outline: 3px solid var(--de-account-yellow);
    outline-offset: 2px;
}

/* ==========================================
   LOGIN – PASSWORD VISIBILITY TOGGLE
========================================== */

.com-users-login .password-group .input-group {
    position: relative;
    display: block;
    width: 100%;
}

/* Polje lozinke */
.com-users-login .password-group .input-group > input {
    width: 100%;
    box-sizing: border-box;
    padding-right: 64px;
}

/* Dugme sa ikonicom oka */
.com-users-login .password-group .input-group > .input-password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;

    color: #252224;
    background: transparent;
    border: 0;
    border-radius: 6px;
    box-shadow: none;

    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

/* Hover */
.com-users-login .password-group .input-group > .input-password-toggle:hover {
    color: #252224;
    background: rgba(253, 187, 0, .16);
    box-shadow: none;
}

/* ==================================================
   PAGE TITLE 
================================================== */
.de-page-title { position: relative; display: inline-block; z-index: 0; }
.de-page-title::after { content: ""; position: absolute; left: -6px; right: -55px; bottom: 4px; height: 14px; background: #fdb500; z-index: -1; }
.de-page-title h1, .de-page-title .el-title { position: relative; margin: 0; font-weight: 700; text-transform: uppercase; line-height: 1.05; }

/* ==================================================
   BRAND GRID
================================================== */
.de-brand-grid .el-item { position: relative; display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 30px 25px 52px; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12); overflow: hidden; }
.de-brand-grid .el-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34px; background: #fdbb00; }
.de-brand-grid .uk-grid >:nth-child(even) .el-item::after { background: #575656; }

/* ==================================================
   BRAND GRID – CONTENT VARIANT
================================================== */
.de-brand-grid-content .el-item { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12); overflow: hidden; }
.de-brand-grid-content .el-title { margin: 0; padding: 20px 25px; text-transform: uppercase;}
.de-brand-grid-content .el-title { flex: 1; margin-top: 0 !important; padding: 30px 25px; background: #fdbb00; color: #fff; }
.de-brand-grid-content .uk-grid >:nth-child(even) .el-title { background: #575656; color: #fff; }
.de-brand-grid-content .el-content { flex: 1; margin-top: 0 !important; padding: 30px 25px; background: #fdbb00; color: #fff; }
.de-brand-grid-content .uk-grid >:nth-child(even) .el-content { background: #575656; color: #fff; }

/* ==========================================
   PRODUCT GRID
========================================== */
/* Kartica – žuta */
.de-product-grid .el-item { background: #fdbb00; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
/* Svaka druga kartica – tamna */
.de-product-grid .uk-grid >:nth-child(even) .el-item { background: #575656; }
/* Fotografija */
.de-product-grid .el-image { background: #fff; }
/* Naslov */
.de-product-grid .el-title { margin-top: 0; padding: 20px 24px 0px; color: #fff; text-transform: uppercase; }
/* CONTENT */
.de-product-grid .el-item .el-content { margin-top: 0; padding: 10px 24px 0; color: #fff; font-size: 15px; line-height: 1.6; }
/* META */
.de-product-grid .el-item .el-meta { margin-top: 0; padding: 12px 24px 0; color: rgba(255, 255, 255, .85); font-size: 12px; font-weight: 500; line-height: 1.5; }
/* Read More */
.de-product-grid .el-link.uk-button { margin: 12px 24px 24px; color: #fff; background: transparent; border: 1px solid #fff; box-shadow: none; }
.de-product-grid .el-link.uk-button:hover { color: #252224; background: #fff; }



/* Kartica – žuta */
.de-product-grid3 .el-item { background: #fdbb00; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
/* Svaka druga kartica – tamna */
.de-product-grid3 .uk-grid >:nth-child(even) .el-item { background: #575656; }
/* Fotografija */
.de-product-grid3 .el-image { background: #fff; padding: 20px;}
/* Naslov */
.de-product-grid3 .el-title { margin-top: 0; padding: 20px 24px 0px; color: #fff; text-transform: uppercase; font-size: 15px; }
/* CONTENT */
.de-product-grid3 .el-item .el-content { margin-top: 0; padding: 10px 24px 0; color: #fff; font-size: 15px; line-height: 1.6; }
/* META */
.de-product-grid3 .el-item .el-meta { margin-top: 0; padding: 12px 24px 0; color: rgba(255, 255, 255, .85); font-size: 12px; font-weight: 500; line-height: 1.5; }
/* Read More */
.de-product-grid3 .el-link.uk-button { margin: 12px 24px 24px; color: #fff; background: transparent; border: 1px solid #fff; box-shadow: none; }
.de-product-grid3 .el-link.uk-button:hover { color: #252224; background: #fff; }


.de-product-grid2 .el-item { background: #fdbb00; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
/* Svaka druga kartica – tamna */
.de-product-grid2 .uk-grid >:nth-child(even) .el-item { background: #575656; }
/* Fotografija */
.de-product-grid2 .el-image { background: #fff; }
/* Naslov */
.de-product-grid2 .el-title { margin-top: 0; padding: 20px 24px 20px; color: #fff; text-transform: uppercase; }
.de-product-grid2 .uk-padding { margin: 0; padding: 0px;}

/* ==========================================
   FILTER NAVIGATION
========================================== */
.de-product-grid .uk-subnav-pill > * > a { padding: 7px 28px; background: #575656; color: #fff; border-radius: 2px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
.de-product-grid .uk-subnav-pill > * > a:hover,
.de-product-grid .uk-subnav-pill > .uk-active > a { background: #fdbb00; color: #fff; }

/* RAZMAK IZMEDJU NAV STAVKI */
.de-product-grid .uk-subnav-pill { margin-left: -6px; row-gap: 10px; }
.de-product-grid .uk-subnav-pill > * { padding-left: 6px; }




.de-product-grid3 .uk-subnav-pill > * > a { padding: 7px 28px; background: #575656; color: #fff; border-radius: 2px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
.de-product-grid3 .uk-subnav-pill > * > a:hover,
.de-product-grid3 .uk-subnav-pill > .uk-active > a { background: #fdbb00; color: #fff; }

/* RAZMAK IZMEDJU NAV STAVKI */
.de-product-grid3 .uk-subnav-pill { margin-left: -6px; row-gap: 10px; }
.de-product-grid3 .uk-subnav-pill > * { padding-left: 6px; }


.de-product-grid2 .uk-subnav-pill > * > a { padding: 7px 28px; background: #575656; color: #fff; border-radius: 2px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 12px rgba(0, 0, 0, .10); }
.de-product-grid2 .uk-subnav-pill > * > a:hover,
.de-product-grid2 .uk-subnav-pill > .uk-active > a { background: #fdbb00; color: #fff; }
.de-product-grid2 .uk-subnav-pill { margin-left: -6px; row-gap: 10px; }
.de-product-grid2 .uk-subnav-pill > * { padding-left: 6px; }

/* ==========================================
   CROWN – GLOBAL NETWORK & DEVELOPMENT
========================================== */

/* GLAVNI RASPORED */
.de-crown-section > .uk-container > .uk-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 28px; margin-left: 0; }

/* DVE BELE KARTICE */
.de-crown-section .de-crown-network, .de-crown-section .de-crown-development { box-sizing: border-box; min-width: 0; width: auto; max-width: none; margin: 0; padding: 36px; background: #fff; border: 1px solid #ededed; border-radius: 14px; box-shadow: 0 6px 24px rgba(0, 0, 0, .065); }

/* NEMA DIVIDERA NITI PSEUDO-ELEMENATA NA KOLONAMA */

.de-crown-section .de-crown-network::before,
.de-crown-section .de-crown-development::before,
.de-crown-section .de-crown-network::after,
.de-crown-section .de-crown-development::after {
    content: none;
}

/* CROWN GLOBALNO */
.de-crown-section .de-crown-eyebrow { display: flex; align-items: center; gap: 12px; color: #858585; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.de-crown-section .de-crown-eyebrow::before { content: ""; width: 36px; height: 6px; background: #fdbb00; flex: 0 0 auto; }

/* BROJACI */
.de-crown-section .de-crown-stats .el-item { padding: 18px; background: #fafafa; border: 1px solid #ebebeb; border-radius: 10px; }
.de-crown-section .de-crown-stats .el-title { color: #232122; font-size: 28px; font-weight: 700; line-height: 1.2; }
.de-crown-section .de-crown-stats .el-content { color: #858585; font-size: 12px; font-weight: 600; text-transform: uppercase; }

/* FOTOGRAFIJA */
.de-crown-section .de-crown-photo img { border-radius: 12px; }

/* SWITCHER */
.de-crown-section .de-crown-switcher .uk-tab > * > a { padding: 14px 18px; color: #777; font-size: 13px; font-weight: 600; }
.de-crown-section .de-crown-switcher .uk-tab > * > a:hover { color: #232122; }
.de-crown-section .de-crown-switcher .uk-tab > .uk-active > a { color: #232122; border-bottom: 3px solid #fdbb00; }

/* INFORMACIJE SA IKONICAMA */
.de-crown-section .de-crown-benefits .el-item { padding-left: 16px; border-left: 1px solid #e9e9e9; }
.de-crown-section .de-crown-benefits .uk-grid >:first-child .el-item { padding-left: 0; border-left: 0; }
.de-crown-section .de-crown-benefits .el-title, .de-crown-section .de-crown-benefits .el-content { color: #777; font-size: 12px; font-weight: 600; text-transform: uppercase; }

/* CROWN – ICONS */
.de-crown-section .de-crown-benefits .el-image { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; color: #fdbb00; background: #fff7e5; padding: 10px; min-width: 32px; }


/* ==========================================
   BREADCRUMBS
   ========================================== */

/* Section */
.de-breadcrumbs-section.uk-section {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #ededeb;
    border-bottom: 1px solid #e3e3e0;
}

/* Breadcrumb navigation */
.de-breadcrumbs-section .uk-breadcrumb {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 8px;
}

/* Links */
.de-breadcrumbs-section .uk-breadcrumb > * > * {
    color: #777;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Hover */
.de-breadcrumbs-section .uk-breadcrumb > * > a:hover {
    color: #f5b400;
}

/* Separator */
.de-breadcrumbs-section .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    color: #c2c2c2;
    margin: 0 12px;
}

/* Current page */
.de-breadcrumbs-section .uk-breadcrumb > :last-child > span {
    color: #222;
    font-weight: 600;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 639px) {
    .de-breadcrumbs-section.uk-section {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .de-breadcrumbs-section .uk-breadcrumb > * > * {
        font-size: 12px;
    }
}


/* RESPONSIVE */

@media (max-width: 959px) {
    .de-crown-section > .uk-container > .uk-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .de-crown-section .de-crown-network,
    .de-crown-section .de-crown-development {
        padding: 26px;
    }

    .de-crown-section .de-crown-benefits .el-item {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 639px) {
    .de-crown-section .de-crown-network,
    .de-crown-section .de-crown-development {
        padding: 20px;
        border-radius: 10px;
    }
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 959px) {
    .de-crown-section .de-crown-network,
    .de-crown-section .de-crown-development {
        padding: 26px;
    }

    .de-crown-section .de-crown-benefits .el-item {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 639px) {
    .de-crown-section .de-crown-network,
    .de-crown-section .de-crown-development {
        padding: 20px;
        border-radius: 10px;
    }
}



/* ======================================================================
   RESPONSIVE
   ====================================================================== */
@media (max-width: 959px) {
    :is(.com-users-login.login, .login .com-users-login) :is(form.com-users-login__form, form#com-users-login__form, form#login-form, form.form-validate) {
        padding: 20px;
    }
}

@media (max-width: 639px) {
    :is(.com-users-login.login, .login .com-users-login) form .control-group {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 7px;
    }

    :is(.com-users-login.login, .login .com-users-login) :is(form.com-users-login__form, form#com-users-login__form, form#login-form, form.form-validate) {
        padding: 16px;
    }

    :is(.com-users-login.login, .login .com-users-login) :is(.com-users-login__options, .com-users-login__links) {
        padding: 14px 16px;
    }
}


/* ======================================================================
   RESPONSIVE - od sireg ka uzem
   ====================================================================== */
   
@media (max-width: 959px) {
    .com-users-profile.profile > :is(.com-users-profile__core,
                                    .com-users-profile__params,
                                    .com-users-profile__custom),
    :is(.com-users-profile__edit.profile-edit #member-profile,
        .com-users-reset.reset .com-users-reset__form,
        .com-users-remind.remind .com-users-remind__form) > fieldset {
        padding: 18px 20px;
    }
}

@media (max-width: 639px) {
    .com-users-profile.profile fieldset > dl.dl-horizontal {
        grid-template-columns: minmax(0, 1fr);
    }

    .com-users-profile.profile fieldset > dl.dl-horizontal > dt {
        padding-bottom: 4px;
        border-bottom: 0;
    }

    .com-users-profile.profile fieldset > dl.dl-horizontal > dd {
        padding-top: 4px;
    }

    :is(.com-users-profile__edit.profile-edit #member-profile,
        .com-users-reset.reset .com-users-reset__form,
        .com-users-remind.remind .com-users-remind__form) .control-group {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 7px;
    }

    .com-users-profile.profile > :is(.com-users-profile__core,
                                    .com-users-profile__params,
                                    .com-users-profile__custom),
    :is(.com-users-profile__edit.profile-edit #member-profile,
        .com-users-reset.reset .com-users-reset__form,
        .com-users-remind.remind .com-users-remind__form) > fieldset {
        padding: 16px;
    }

    :is(.com-users-profile__edit.profile-edit #member-profile,
        .com-users-reset.reset .com-users-reset__form,
        .com-users-remind.remind .com-users-remind__form) > :is(.com-users-profile__edit-submit,
                                                                .com-users-reset__submit,
                                                                .com-users-remind__submit) > .controls {
        align-items: stretch;
    }
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 959px) {

    .korisnicki-modul > h3 {
        padding: 16px 18px;
    }

    .korisnicki-modul .korisnicki-meni {
        padding: 10px;
    }

    .korisnicki-modul .korisnicki-meni.uk-nav-default > li > a {
        padding: 12px;
        font-size: 14px;
    }
}



/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 639px) {

    .de-lager-manage article.uk-article {
        padding: 14px;
        gap: 12px;
    }

    .de-lager-manage article.uk-article .uk-article-title {
        font-size: 1rem;
    }

    .de-lager-manage article.uk-article > .uk-subnav a {
        padding: 9px 12px;
        font-size: 12px;
    }
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 767px) {

    .de-lager-manage .com-content-categories__item-title {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
        padding: 18px 18px;
    }

    .de-lager-manage .com-content-categories__item-title > a {
        font-size: 1.2rem;
    }

    .de-lager-manage .com-content-categories__item-title .badge.bg-info {
        min-width: auto;
        padding: 8px 12px;
        font-size: 0.875rem;
    }
}