/* ============================================================
   GLOBAL
   ============================================================ */
body {
    color: #333333 !important;
    background-color: #ffffff !important;
    font-family: var(--bs-body-font-family);
}

a {
    color: #005bbb !important;
}
a:hover {
    color: #003f7f !important;
}

/* ============================================================
   TOP BAR (#top)
   ============================================================ */
#top {
    background-color: #003f7f !important;
    color: #ffffff !important;
    padding: 6px 0;
}

#top a {
    color: #ffffff !important;
}
#top a:hover {
    color: #4da3ff !important;
}

/* ============================================================
   HEADER
   ============================================================ */
header {
    background-color: #005bbb !important;
    color: #ffffff !important;
    padding: 10px 0;
}

header a {
    color: #ffffff !important;
}
header a:hover {
    color: #4da3ff !important;
}

/* Search bar */
header input[type="text"],
header input[type="search"] {
    border: 1px solid #003f7f !important;
}
header button,
header .btn {
    background-color: #003f7f !important;
    color: #ffffff !important;
    border-color: #002f5f !important;
}
header button:hover,
header .btn:hover {
    background-color: #002f5f !important;
}

/* ============================================================
   CART BUTTON
   ============================================================ */
#cart button,
#cart .btn {
    background-color: #003f7f !important;
    color: #ffffff !important;
    border-color: #002f5f !important;
}
#cart button:hover,
#cart .btn:hover {
    background-color: #002f5f !important;
}

/* ============================================================
   NAVIGATION (OC4 uses Bootstrap 5)
   ============================================================ */
.navbar,
.navbar-light,
.navbar-dark {
    background-color: #005bbb !important;
}

.navbar a.nav-link {
    color: #ffffff !important;
}
.navbar a.nav-link:hover {
    color: #4da3ff !important;
}

/* Mobile menu toggler */
.navbar-toggler {
    border-color: #ffffff !important;
}
.navbar-toggler-icon {
    filter: invert(1);
}

/* ============================================================
   BUTTONS (Bootstrap 5)
   ============================================================ */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
    background-color: #005bbb !important;
    border-color: #003f7f !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #003f7f !important;
}

.btn-secondary {
    background-color: #e6e6e6 !important;
    color: #003f7f !important;
}
.btn-secondary:hover {
    background-color: #cccccc !important;
}

/* ============================================================
   FORMS / INPUTS
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    border: 1px solid #005bbb !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #003f7f !important;
    box-shadow: 0 0 4px rgba(0, 91, 187, 0.4) !important;
}

/* ============================================================
   PRODUCT GRID
   ============================================================ */
.product-thumb,
.product-layout {
    border: 1px solid #d9d9d9 !important;
    padding: 10px;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

.product-thumb:hover,
.product-layout:hover {
    border-color: #005bbb !important;
}

.product-thumb .price,
.product-layout .price {
    color: #005bbb !important;
}

.product-thumb .price-new,
.product-layout .price-new {
    color: #003f7f !important;
}

.product-thumb .price-old,
.product-layout .price-old {
    color: #888888 !important;
}

/* Add to cart button inside product cards */
.product-thumb button,
.product-layout button {
    background-color: #005bbb !important;
    color: #ffffff !important;
    border-color: #003f7f !important;
}
.product-thumb button:hover,
.product-layout button:hover {
    background-color: #003f7f !important;
}

/* ============================================================
   CATEGORY TITLES / HEADINGS
   ============================================================ */
h1, h2, h3, h4, h5 {
    color: #003f7f !important;
}

.breadcrumb a {
    color: #005bbb !important;
}
.breadcrumb a:hover {
    color: #003f7f !important;
}

/* ============================================================
   TABLES (Cart + Checkout)
   ============================================================ */
.table thead th {
    background-color: #005bbb !important;
    color: #ffffff !important;
}

.table-bordered {
    border-color: #003f7f !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
footer {
    background-color: #003f7f !important;
    color: #ffffff !important;
    padding: 20px 0;
}

footer a {
    color: #4da3ff !important;
}
footer a:hover {
    color: #ffffff !important;
}