/* 1. Trake u Canva plavoj boji (#0082CB) - puni raspon */
.topbar,
.container-topbar,
.footer,
.container-footer {
    background-color: #0082CB !important;
    background-image: none !important;
    color: #ffffff !important;
    width: 100% !important;
}

/* 2. Zaglavlje za logo */
.header,
.site-header,
.container-header {
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 15px 0 !important;
    border-bottom: 2px solid #e5e7eb !important;
    width: 100% !important;
}

/* 3. TRAŽILICA I KOŠARICA - BIJELA SLOVA I IKONE U ZAGLAVLJU */
.header .fa-search,
.header [class*="icon-search"],
.header button .icon-search,
.header .mod-search .icon-search,
.header form .icon-search {
    color: #ffffff !important;
}

.header input[type="search"],
.header input[type="text"],
.header .form-control,
.header .mod-search__input {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    display: inline-block !important;
}

.header .vmcartmodule,
.header .vmcartmodule *,
.header .cart-summary,
.header .cart-summary *,
.header [class*="cart"] {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.header .fa-shopping-cart,
.header [class*="icon-cart"],
.header .vmcartmodule .icon-cart,
.header .vmcartmodule i,
.header .vmcartmodule span {
    color: #ffffff !important;
}

/* 4. GLAVNA PLAVA TRAKA IZBORNIKA - SAMO PRVI NIVO IMA BIJELA BOLD SLOVA */
.container-nav,
.nav-breakpoint-lg {
    background-color: #0082CB !important;
    border-radius: 6px !important;
    width: 100% !important;
}

.container-nav > ul > li > a,
.container-nav .mod-menu > li > a,
.container-nav .nav-link {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    padding: 10px 18px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.container-nav > ul > li > a:hover,
.container-nav .nav-link:hover {
    color: #e0f2fe !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* 5. PADAJUĆI IZBORNIK (DROPDOWN) - TAMNA SLOVA */
.container-nav .dropdown-menu,
.dropdown-menu,
ul.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.container-nav .dropdown-menu a,
.container-nav .dropdown-menu .nav-link,
.container-nav .dropdown-menu .dropdown-item,
.dropdown-menu a,
.dropdown-menu li,
.dropdown-menu span {
    color: #1e293b !important;
    background-color: transparent !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.container-nav .dropdown-menu a:hover,
.container-nav .dropdown-menu .dropdown-item:hover,
.dropdown-menu a:hover {
    background-color: #e0f2fe !important;
    color: #0082CB !important;
}

/* 6. NASLOVI MODULA U LIJEVOM/DESNOM STUPCU (Login Form, Katalog proizvoda) */
.card-header,
.module-header,
.mod-custom .card-header,
.sidebar-right .card-header,
.sidebar-left .card-header {
    background-color: #0082CB !important;
    color: #ffffff !important;
    border-bottom: none !important;
    padding: 10px 15px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.card-header *,
.card-header h3,
.card-header h4,
.card-header .mod-title {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    margin: 0 !important;
}

/* Okvir oko cijelog modula */
.card,
.module-body {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
}

/* 7. PODNOŽJE - Podebljani naslovi */
.footer div, .footer p, .footer span,
.container-footer div, .container-footer p, .container-footer span {
    color: #ffffff !important;
    font-size: 1rem !important;
}

.footer strong, .footer b,
.container-footer strong, .container-footer b,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.container-footer h1, .container-footer h2, .container-footer h3, .container-footer h4 {
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* 8. Gumbi na stranici */
.btn-primary,
button.btn-primary,
.badge-primary,
.virtuemart-page .btn {
    background-color: #0082CB !important;
    border-color: #0082CB !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
}