/* =====================================
   HALBART CUSTOM DESIGN SYSTEM
   Version 1.0
===================================== */

/* Brand Colors */
:root {
    --halbart-red: #e92929;
    --halbart-dark: #111111;
    --halbart-gray: #666666;
    --halbart-light: #f8f8f8;
    --halbart-border: #eeeeee;
}


/* Global Body Improvement */
body {
    font-family: 'Roboto', sans-serif;
    color: var(--halbart-dark);
    background: #ffffff;
}


/* Links */
a {
    transition: all 0.3s ease;
}


/* Buttons */
.axil-btn,
button,
.btn {
    border-radius: 8px !important;
    transition: all .3s ease;
}


/* Primary Button */
.axil-btn.bg-primary,
button.bg-primary {
    background: var(--halbart-red) !important;
    border-color: var(--halbart-red) !important;
}


.axil-btn:hover,
button:hover {
    transform: translateY(-2px);
}


/* Section Spacing */
.section-title {
    font-weight: 700;
}


/* Product Card Base */
.product-card,
.axil-product {
    border-radius: 16px;
    overflow: hidden;
}


/* Smooth Images */
img {
    max-width:100%;
}


/* Remove harsh shadows */
.shadow {
    box-shadow: none;
}
/* =====================================
   HALBART PREMIUM HEADER DESIGN
===================================== */

/* Header background */
header,
.axil-header,
.header-main {
    background: #ffffff !important;
}

/* Remove old blue color */
.header-top,
.header-bottom {
    background: #ffffff !important;
}

/* Logo size */
.header-logo img {
    max-height: 55px !important;
    width: auto !important;
}

/* Navigation */
.mainmenu li a {
    color: #111111 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

.mainmenu li a:hover {
    color: #e92929 !important;
}

/* Search box */
.header-search input {
    border-radius: 25px !important;
    border: 1px solid #eeeeee !important;
    background: #f8f8f8 !important;
}

/* Search button */
.header-search button {
    background: #e92929 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
}

/* Header icons */
.header-action a {
    color: #111111 !important;
}

.header-action a:hover {
    color: #e92929 !important;
}

/* Cart badge */
.cart-count {
    background:#e92929 !important;
    color:#fff !important;
}

/* Category button */
.category-btn,
.header-categorie {
    background:#e92929 !important;
    color:#fff !important;
    border-radius:10px !important;
}


/* Mobile header */
@media(max-width:768px){

.header-logo img{
    max-height:45px !important;
}

.mainmenu{
    background:#fff !important;
}

}