/* ========================================
   🎨 CUSTOM NAVY BLUE-GREEN & ORANGE THEME
   Colors:
   Dark Navy Blue-Green: #1a4a5a
   Accent Orange: #f28e4a
   White (Backgrounds): #FFFFFF
   Light Grey (Borders): #E2E8F0
======================================== */


/* ---- Header ---- */
.sh-header-main {
    background: linear-gradient(135deg, #1a4a5a 0%, #1a4a5a 100%) !important;
    color: #FFFFFF !important;
    border-bottom: 2px solid #f28e4a !important; /* Orange accent underline */
    box-shadow: 0 4px 12px rgba(26, 74, 90, 0.4) !important;
}

.sh-header-location-icon,
.sh-header-arrow-icon {
    fill: #f28e4a !important;
}

.sh-header-account-icon,
.sh-header-cart-icon,
.sh-header-search-icon {
    stroke: #f28e4a !important;
}

.sh-header-cart-badge {
    background-color: #f28e4a !important;
    color: #1a4a5a !important; /* Dark text on orange badge for contrast */
    font-weight: 700 !important;
}

.sh-header-menu {
    background-color: #1a4a5a !important;
    color: #FFFFFF !important;
}


/* ---- Bottom Navigation ---- */
.sh-bottom-nav-main {
    background-color: #1a4a5a !important;
    color: #E2E8F0 !important;
    border-top: 1px solid #1a4a5a !important;
}

.sh-bottom-nav-selected {
    stroke: #f28e4a !important;
    color: #f28e4a !important;
    fill: none !important;
    font-weight: 600 !important;
}

.sh-bottom-nav-unselected {
    stroke: #A0AEC0 !important;
    color: #A0AEC0 !important;
}


/* ---- Product Cards & Details ---- */
.sh-product-wishlist-desktop,
.sh-categories-container {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.sh-product-card-name {
    color: #1a4a5a !important;
    font-weight: 600 !important;
}

.sh-product-card-price {
    color: #f28e4a !important; /* Orange pricing draws the eye */
    font-weight: 700 !important;
    font-size: 1.15rem !important;
}

.sh-product-card-mrp {
    color: #A0AEC0 !important;
}

.sh-product-card-discount-tag,
.sh-product-discount-tag {
    background-color: #f28e4a !important;
    color: #1a4a5a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}


/* ---- Buttons (Navy Blue-Green with Orange Accents) ---- */
.sh-solid-button,
.sh-product-buy-now-button {
    background-color: #1a4a5a !important; /* Dark Navy Blue-Green Background */
    border: 1px solid #f28e4a !important; /* Orange border to combine the colors */
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(26, 74, 90, 0.3) !important;
}

/* Invert colors on hover for a satisfying interactive feel */
.sh-solid-button:hover,
.sh-product-buy-now-button:hover {
    background-color: #f28e4a !important;
    color: #1a4a5a !important;
    box-shadow: 0 6px 15px rgba(242, 142, 74, 0.4) !important;
}

.sh-outlined-button {
    background-color: transparent !important;
    border: 1px solid #f28e4a !important;
    color: #f28e4a !important;
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out !important;
}

.sh-outlined-button:hover {
    background-color: rgba(242, 142, 74, 0.1) !important;
}

.sh-product-plus-minus-button {
    background-color: #1a4a5a !important;
    color: #f28e4a !important;
    border: 1px solid #1a4a5a !important;
    border-radius: 6px !important;
}


/* ---- Footer ---- */
.sh-footer-main {
    background: linear-gradient(180deg, #1a4a5a 0%, #1a4a5a 100%) !important;
    color: #E2E8F0 !important;
    border-top: 2px solid #f28e4a !important;
}

.sh-footer-icon {
    color: #f28e4a !important;
}