:root {
    --hp-blue: #242424;
    --hp-blue-dark: #090909;
    --hp-blue-soft: #fff4e8;
    --hp-orange: #b83d00;
    --hp-orange-dark: #963200;
    --hp-orange-soft: #fff0e3;
    --hp-ink: #191919;
    --hp-muted: #5c514b;
    --hp-border: #e7d8cd;
    --hp-white: #ffffff;
}

body {
    color: var(--hp-ink);
    background-color: var(--hp-white);
}

/* Actual desktop header visible in userheader.blade.php */
.header-brand-bar {
    background: #fff7ed;
    border-bottom: 2px solid #e55200;
}

.header-brand-bar .topnav {
    min-height: 60px;
    height: auto;
    padding: 4px 24px;
    align-items: center;
}

.header-brand-bar .logoheader {
    height: 52px;
    display: flex;
    align-items: center;
    overflow: visible;
}

.header-brand-bar .logoheader img {
    width: auto;
    height: 52px;
    object-fit: contain;
    display: block;
}

.header-brand-bar .mobilenumber,
.header-brand-bar .icons {
    align-items: center;
}

.header-brand-bar .btnfile {
    gap: 8px;
}

.header-brand-bar .header-print-icon {
    color: var(--hp-orange);
    font-size: 24px;
    line-height: 1;
}

@media (min-width: 992px) {
    .header-brand-bar .topnav {
        display: grid;
        grid-template-columns: auto minmax(220px, 1fr) auto;
        column-gap: 24px;
        width: 100%;
        padding-right: 52px;
        padding-left: 52px;
    }

    .header-brand-bar .mobilenumber {
        justify-content: flex-start;
        gap: 22px;
        white-space: nowrap;
    }

    .header-brand-bar .mobilenumber ul {
        padding: 0;
        margin: 0;
    }

    .header-brand-bar .mobilenumber ul a {
        margin-right: 0;
    }

    .header-brand-bar .header-search {
        width: 100%;
        max-width: 650px;
        justify-self: center;
    }

    .header-brand-bar .header-search form,
    .header-brand-bar .header-search .input-group {
        width: 100%;
    }

    .header-brand-bar .header-search input.form-control {
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 8px 14px;
    }

    .header-brand-bar .icons {
        min-width: 156px;
        justify-content: flex-end;
        gap: 22px;
    }

    .header-brand-bar .icon i,
    .header-brand-bar .dropbtn i {
        font-size: 22px;
        line-height: 1;
    }
}

.header-brand-bar .mobilenumber ul a,
.header-brand-bar .mobilenumber ul a i,
.header-brand-bar .uplodedoc a,
.header-brand-bar .uplodedoc span,
.header-brand-bar .icon,
.header-brand-bar .dropbtn {
    color: var(--hp-ink) !important;
}

.header-brand-bar .header-search input.form-control {
    color: var(--hp-ink);
    background: var(--hp-white);
    border: 1px solid #d94b00;
    box-shadow: 0 1px 4px rgba(69, 30, 8, 0.12);
}

.header-brand-bar .header-search input.form-control::placeholder {
    color: var(--hp-muted);
    opacity: 1;
}

.header-brand-bar .icon .count {
    color: var(--hp-white);
    background: var(--hp-orange);
    border: 1px solid #fff7ed;
}

/* style.css turns populated cart/wishlist icons white; keep them visible on the light header. */
.header-brand-bar .header-cart-icon.cart-has-items .fa-bag-shopping,
.header-brand-bar .header-wishlist-icon.wishlist-has-items .bi-suit-heart {
    color: var(--hp-orange) !important;
}

.header-brand-bar .header-cart-icon:not(.cart-has-items) .fa-bag-shopping,
.header-brand-bar .header-wishlist-icon:not(.wishlist-has-items) .bi-suit-heart {
    color: var(--hp-ink) !important;
}

/* Header and navigation */
.offer-showtext {
    background: var(--hp-blue-dark);
    color: var(--hp-white);
}

.header-bar {
    background: var(--hp-white);
    border-bottom: 1px solid var(--hp-border);
}

.search-box input {
    color: var(--hp-ink);
    background: var(--hp-blue-soft);
    border-color: var(--hp-blue);
}

.search-box input::placeholder {
    color: var(--hp-muted);
    opacity: 1;
}

.search-box i,
.dropdown-contentform a:hover,
.mainlink.active {
    color: var(--hp-orange) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--hp-blue-dark);
}

.navbar {
    background: var(--hp-white);
    border-bottom: 1px solid #d94b00;
    box-shadow: 0 2px 7px rgba(37, 20, 11, 0.08);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus-visible {
    color: var(--hp-orange-dark);
}

.mainlink.active {
    background: var(--hp-orange-soft);
}

/* Product cards and primary actions */
.product-card {
    border-color: var(--hp-border);
}

.product-card p a,
.heading-sectionnew .title,
.homepage-blog p {
    color: var(--hp-ink);
}

.product-price p:first-child,
.sidebar h2,
.cartsizecolor span,
.review-popup label,
.pincodemannulwork .modal-content label {
    color: var(--hp-orange-dark);
}

.discount-badge,
.add-to-cart-btn,
.detailsbtncart,
.cart,
.place-order,
#couponSection button,
.logisign-colur,
.productInformation h5,
.contact-bor button,
.checkoutsumm button,
.newsletter-form button,
.pincodemannulwork .modal-content .modal-footer button {
    background: var(--hp-orange);
    color: var(--hp-white);
}

.add-to-cart-btn:hover,
.detailsbtncart:hover,
.cart:hover,
.place-order:hover,
#couponSection button:hover,
.logisign-colur:hover,
.contact-bor button:hover,
.newsletter-form button:hover {
    background: var(--hp-blue-dark);
    color: var(--hp-white);
}

#priceRange {
    accent-color: var(--hp-orange);
}

.popup-thumbs img.active {
    border-color: var(--hp-orange);
}

/* Footer uses the logo's black base with readable white/orange text. */
.hoind-footer {
    background: var(--hp-blue-dark);
    color: var(--hp-white);
}

.subfooter,
.footer-bottom {
    background: #000000;
    color: var(--hp-white);
}

.footer-column h4,
.footer-popular-searches h4 {
    color: #ffb45e;
    text-decoration-color: #ffb45e;
}

.footer-description,
.footer-column p,
.footer-column ul li,
.footer-column ul li a,
.footer-column ul li a i,
.popular-links a {
    color: var(--hp-white) !important;
}

.footer-column ul li a:hover,
.footer-column ul li a:hover i,
.popular-links a:hover {
    color: #ffca8a !important;
}

.footer-column ul li a::after,
.popular-links a::after {
    background-color: #ffb45e;
}

/* Keep keyboard navigation clearly visible on every themed control. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #f59e0b !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

@media (prefers-contrast: more) {
    body {
        color: #0b1117;
    }

    .footer-description,
    .footer-column p,
    .footer-column ul li a,
    .popular-links a {
        color: #ffffff !important;
    }
}

/* Unified customer-facing button palette */
.btn-primary,
.btn-success,
.btn-warning,
.add-to-cart-btn,
.detailsbtncart,
.cart,
.place-order,
#applyCouponBtn,
#editCouponBtn,
.empty-cart-home-btn,
.logisign-colur,
.btn-open-review,
.track-btn-primary,
.contact-bor button,
.checkoutsumm button,
.newsletter-form button,
#customerLoginFormCart button,
#signupStep1Cart button,
.pincodemannulwork .modal-footer button {
    background: var(--hp-orange) !important;
    border-color: var(--hp-orange) !important;
    color: var(--hp-white) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.btn-success:hover,
.btn-success:focus-visible,
.btn-warning:hover,
.btn-warning:focus-visible,
.add-to-cart-btn:hover,
.add-to-cart-btn:focus-visible,
.detailsbtncart:hover,
.detailsbtncart:focus-visible,
.cart:hover,
.cart:focus-visible,
.place-order:hover,
.place-order:focus-visible,
#applyCouponBtn:hover,
#editCouponBtn:hover,
.empty-cart-home-btn:hover,
.empty-cart-home-btn:focus-visible,
.logisign-colur:hover,
.btn-open-review:hover,
.track-btn-primary:hover,
.track-btn-primary:focus-visible,
.contact-bor button:hover,
.newsletter-form button:hover,
#customerLoginFormCart button:hover,
#signupStep1Cart button:hover {
    background: var(--hp-blue-dark) !important;
    border-color: var(--hp-blue-dark) !important;
    color: var(--hp-white) !important;
}

.btn-outline-primary,
.track-btn-outline {
    background: var(--hp-white) !important;
    border-color: var(--hp-orange) !important;
    color: var(--hp-orange-dark) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible,
.track-btn-outline:hover,
.track-btn-outline:focus-visible {
    background: var(--hp-orange-soft) !important;
    border-color: var(--hp-orange-dark) !important;
    color: var(--hp-orange-dark) !important;
}

.btn-secondary,
.track-btn-secondary {
    background: #34302d !important;
    border-color: #34302d !important;
    color: var(--hp-white) !important;
}

.btn-secondary:hover,
.track-btn-secondary:hover {
    background: var(--hp-blue-dark) !important;
    border-color: var(--hp-blue-dark) !important;
    color: var(--hp-white) !important;
}

.btn-outline-secondary {
    background: var(--hp-white) !important;
    border-color: #625952 !important;
    color: #3e3834 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible {
    background: #34302d !important;
    border-color: #34302d !important;
    color: var(--hp-white) !important;
}

.qty-btn,
.cart-qty-btn,
.checkout-qty-btn {
    background: var(--hp-white) !important;
    border-color: var(--hp-border) !important;
    color: var(--hp-orange-dark) !important;
}

.qty-btn:hover:not(:disabled),
.cart-qty-btn:hover:not(:disabled),
.checkout-qty-btn:hover:not(:disabled) {
    background: var(--hp-orange-soft) !important;
    border-color: var(--hp-orange) !important;
    color: var(--hp-orange-dark) !important;
}

button:disabled,
.btn.disabled,
.btn:disabled {
    background: #777777 !important;
    border-color: #777777 !important;
    color: var(--hp-white) !important;
    cursor: not-allowed;
    opacity: 0.72;
}

/* Destructive actions remain red so they cannot be confused with primary actions. */
.btn-danger,
.remove-btn,
.btn-outline-danger:hover,
.btn-outline-danger:focus-visible {
    background: #b42318 !important;
    border-color: #b42318 !important;
    color: var(--hp-white) !important;
}

.btn-outline-danger {
    background: var(--hp-white) !important;
    border-color: #b42318 !important;
    color: #9f1c13 !important;
}

/* Icons and labels must always follow their button's accessible text color. */
.btn-primary i,
.btn-primary span,
.btn-success i,
.btn-success span,
.btn-warning i,
.btn-warning span,
.add-to-cart-btn i,
.add-to-cart-btn span,
.detailsbtncart i,
.detailsbtncart span,
.place-order i,
.place-order span,
.empty-cart-home-btn i,
.empty-cart-home-btn span,
.logisign-colur i,
.track-btn-primary i,
.track-btn-secondary i,
.track-btn-outline i,
.newsletter-form button i {
    color: inherit !important;
}

.btn-primary svg,
.btn-success svg,
.btn-warning svg,
.add-to-cart-btn svg,
.detailsbtncart svg,
.place-order svg,
.empty-cart-home-btn svg,
.logisign-colur svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.btn-primary,
.btn-success,
.btn-warning,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger,
.add-to-cart-btn,
.detailsbtncart,
.cart,
.place-order,
.empty-cart-home-btn,
.logisign-colur,
.track-btn-primary,
.track-btn-secondary,
.track-btn-outline,
.newsletter-form button {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease,
        box-shadow 0.2s ease, transform 0.2s ease !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-warning:hover,
.add-to-cart-btn:hover,
.detailsbtncart:hover,
.place-order:hover,
.empty-cart-home-btn:hover,
.logisign-colur:hover,
.track-btn-primary:hover,
.newsletter-form button:hover {
    box-shadow: 0 4px 10px rgba(25, 25, 25, 0.2);
}

.btn-primary:active,
.btn-success:active,
.btn-warning:active,
.add-to-cart-btn:active,
.detailsbtncart:active,
.place-order:active,
.empty-cart-home-btn:active,
.logisign-colur:active,
.track-btn-primary:active {
    background: #742900 !important;
    border-color: #742900 !important;
    color: var(--hp-white) !important;
    transform: translateY(1px);
}

.product-card:hover {
    border-color: rgba(184, 61, 0, 0.55);
    box-shadow: 0 5px 14px rgba(44, 25, 15, 0.16);
}