/* JibalZone: navy is the main colour, yellow stays only as a small accent
   (cart counter, search button, rating stars). Loaded after custom.css. */
:root {
    --jz-navy: #20417e;
    --jz-navy-dark: #142b57;
    --jz-hover: #2d5fb8;
    --jz-navy-soft: #e9eef7;
    --jz-yellow: #f9b117;
    --jz-line: #e3e8f0;
}

/* Buttons: navy with white text, brighter blue on hover */
.btn-primary, .tocart.btn-cart, .product-action .btn-default, .btn.btn-default,
button.action.btn.btn-primary, button#send2, .cart-footer-actions, .to-step-2,
button.action.subscribe.btn.btn-primary.btn-sm,
.checkout-container .action.action-auth-toggle,
.checkout-shipping-address .form-login fieldset .actions-toolbar button.action.login.primary {
    color: #fff !important;
    background-color: var(--jz-navy) !important;
    border-color: var(--jz-navy) !important;
}
.btn-primary:hover, .tocart.btn-cart:hover, button.action.tocart.btn-cart.primary:hover,
.product-action .btn.btn-default:hover, .product-action .btn.btn-default:focus,
.product-action .btn.btn-default:active, .btn.btn-default:hover,
button.action.btn.btn-primary:hover, button#send2:hover, .to-step-2:hover,
.catalog-product-view button.action.tocart.btn-cart.primary:hover,
.section-builder.medical-new-arrival button.action.tocart.primary:hover,
button.action.subscribe.btn.btn-primary.btn-sm:hover,
.checkout-container .action.action-auth-toggle:hover,
.checkout-shipping-address .form-login fieldset .actions-toolbar button.action.login.primary:hover,
.checkout-shipping-address > .step-content .action.action-show-popup:hover,
.payment-option.discount-code .payment-option-content form.form.form-discount .actions-toolbar .primary button.action.action-apply:hover,
.minicart-items .product-item .product.actions .action:hover {
    color: #fff !important;
    background-color: var(--jz-hover) !important;
    border-color: var(--jz-hover) !important;
}
.product-action .btn-default i, .product-action .btn-default span, .tocart.btn-cart span { color: inherit !important; }
.btn-default2 { border-color: var(--jz-navy) !important; }

/* Sub-category pills on category pages: outlined navy, filled on hover */
.sub-categories .items .item {
    background: #fff !important;
    border: 1.5px solid var(--jz-navy);
}
.sub-categories .items .item a { color: var(--jz-navy) !important; }
.sub-categories .items .item:hover { background: var(--jz-navy) !important; }
.sub-categories .items .item:hover a, .sub-categories .items .item a:hover { color: #fff !important; }

/* Product cards: neutral border, navy on hover */
li.item.product.product-item-masonry.product-item-info.product-item,
.page-layout-1column .block.widget .products-grid .product-item {
    border-color: var(--jz-line) !important;
    transition: border-color .2s, box-shadow .2s;
}
li.item.product.product-item-masonry.product-item-info.product-item:hover,
.page-layout-1column .block.widget .products-grid .product-item:hover {
    border-color: var(--jz-navy) !important;
    box-shadow: 0 6px 18px rgba(32, 65, 126, .12);
}

/* Lines and frames */
.catalog-product-view .product-info-main h1.product-name,
.opc-wrapper .mgs-onestepcheckout-container .step-title,
.mgs-checkout-step-sidebar .order-summary .step-title { border-bottom-color: var(--jz-navy) !important; }
.page-footer .bottom-footer { border-top-color: var(--jz-navy) !important; }
div#attributedescription, #reviews,
.product-tab-wrapper .product-tab-content .data.item.title.active .switch,
.payment-method._active,
.onestepcheckout-index-index .opc-payment .payment-methods .payment-method._active:last-child,
.opc-wrapper .shipping-address-item.selected-item { border-color: var(--jz-navy) !important; }
.opc-wrapper .shipping-address-item.selected-item:after { background: var(--jz-navy) !important; }

/* Carousel arrows and price slider */
.mgs-owl-carousel.owl-carousel .owl-nav > div {
    border-color: var(--jz-navy) !important;
    background: var(--jz-navy) !important;
    color: #fff !important;
}
.owl-carousel .owl-nav > div:not(.disabled):hover {
    background-color: var(--jz-hover) !important;
    border-color: var(--jz-hover) !important;
}
.filter-options-content .smile-es-range-slider .ui-slider-handle { background: var(--jz-navy) !important; }

/* Section titles get a short navy underline */
.block-title h3, .block-title strong, .content-heading .title { color: var(--jz-navy); }

/* Card action buttons (Add to Cart, wishlist, compare) in widgets and listings */
.product-item .action.tocart.primary, .product-item .actions-secondary .action,
.product-item .action.towishlist, .product-item .action.tocompare {
    color: #fff !important;
    background-color: var(--jz-navy) !important;
    border-color: var(--jz-navy) !important;
    transition: background-color .15s, border-color .15s;
}
.product-item .action.tocart.primary:hover, .product-item .actions-secondary .action:hover,
.product-item .action.towishlist:hover, .product-item .action.tocompare:hover {
    background-color: var(--jz-hover) !important;
    border-color: var(--jz-hover) !important;
}
.product-item .actions-secondary .action::before, .product-item .action.towishlist::before,
.product-item .action.tocompare::before, .product-item .actions-secondary .action i { color: #fff !important; }