/* Rockmill Motors website look: dark blue + orange. Loaded on every website page (hooks.py). */
:root {
	--pf-blue: #0b2f5b;
	--pf-blue-2: #1d4e89;
	--pf-blue-tint: #e8eef6;
	--pf-orange: #f37021;
	--pf-orange-2: #f7941d;
	--pf-orange-tint: #fff1e6;
	--primary: var(--pf-blue);
	--primary-color: var(--pf-blue);
}

body { color: #1b2533; }
a { color: var(--pf-blue-2); }
a:hover { color: var(--pf-blue); }

/* Header */
.navbar { background: #fff !important; border-bottom: 3px solid var(--pf-orange); }
.navbar .navbar-brand img { height: 40px; max-height: 40px !important; width: auto; }
@media (max-width: 576px) { .navbar .navbar-brand img { height: 32px; max-height: 32px !important; } }
.navbar .nav-link { color: var(--pf-blue) !important; font-weight: 500; }
.navbar .nav-link:hover { color: var(--pf-orange) !important; }
.navbar .nav-item.active .nav-link,
.navbar .nav-link.active { box-shadow: inset 0 -3px 0 var(--pf-orange); }
.navbar a[href="/create-account"] { background: var(--pf-orange); color: #fff !important; border-radius: 6px; padding-left: 12px !important; padding-right: 12px !important; }
.navbar a[href="/create-account"]:hover { background: var(--pf-blue); }
.shopping-badge, .badge-primary { background: var(--pf-orange) !important; color: #fff !important; }

/* Buttons */
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active {
	background: var(--pf-blue) !important; border-color: var(--pf-blue) !important; color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus { background: var(--pf-blue-2) !important; border-color: var(--pf-blue-2) !important; }
.btn-primary-light { background: var(--pf-blue-tint) !important; color: var(--pf-blue) !important; }
.bg-primary { background: var(--pf-blue) !important; }
.text-primary { color: var(--pf-blue) !important; }

/* Add to cart = the one orange action */
.pf-add, .btn-add-to-cart-list, .btn-add-to-cart, #item-add-to-cart button, .btn-place-order {
	background: var(--pf-orange) !important; border-color: var(--pf-orange) !important; color: #fff !important; font-weight: 600;
}
.pf-add:hover, .btn-add-to-cart-list:hover, .btn-add-to-cart:hover, .btn-place-order:hover {
	background: #d95d10 !important; border-color: #d95d10 !important;
}

/* Find Parts hero */
.pf-hero {
	background: linear-gradient(120deg, var(--pf-blue) 0%, var(--pf-blue-2) 100%);
	color: #fff; border-radius: 12px; padding: 28px 28px 24px; margin-bottom: 20px; position: relative; overflow: hidden;
}
.pf-hero::after {
	content: ""; position: absolute; right: -40px; top: -40px; width: 220px; height: 220px;
	background: url("/assets/parts_fitment/images/brand/mark.svg?v=20261028") no-repeat center / contain; opacity: .12;
}
.pf-hero h1 { color: #fff; font-size: 1.75rem; font-weight: 800; margin: 0 0 6px; }
.pf-hero p { color: #dbe6f4; margin: 0 0 14px; max-width: 620px; }
.pf-hero .pf-points { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .9rem; }
.pf-hero .pf-points span::before { content: "\25C6"; color: var(--pf-orange-2); margin-right: 6px; }
.pf-find .frappe-card { border-radius: 10px; }
.pf-find .pf-card { transition: box-shadow .15s, transform .15s; }
.pf-find .pf-card:hover { box-shadow: 0 6px 18px rgba(11, 47, 91, .12); transform: translateY(-1px); }
.pf-find .pf-variant.active { border-color: var(--pf-orange) !important; background: var(--pf-orange-tint) !important; }
.pf-signup-cta { border-left: 4px solid var(--pf-orange); }

/* Login / sign-up */
.page-card-head img.app-logo, .page-card-head .app-logo { max-height: 56px; width: auto; }
.for-login .page-card-head h4, .for-signup .page-card-head h4 { color: var(--pf-blue); }

/* Footer */
.web-footer { background: var(--pf-blue); color: #dbe6f4; border-top: 4px solid var(--pf-orange); }
.web-footer a, .web-footer .footer-link { color: #fff !important; }
.web-footer img { height: 40px; max-height: 40px !important; width: auto; }
.web-footer .footer-col-left, .web-footer .footer-info, .web-footer .copyright { color: #dbe6f4; }
.web-footer input.form-control { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .25); }

/* Parts without a photo: brand mark + brand name instead of a grey box */
.pf-find .pf-noimg {
	background: var(--pf-blue-tint) url("/assets/parts_fitment/images/brand/mark.svg?v=20261028") no-repeat center 38% / 52px !important;
	color: var(--pf-blue) !important; align-items: flex-end !important; padding-bottom: 14px; font-weight: 600; font-size: .85rem;
}