/* pkspos.com NEW THEME (2026-10-06, Bob: "now lets do same theme for all other pages") - the dark green + mustard look of
 * the home page (store demo) and the price page lp/pos.php, laid over the old site template (Porto / Bootstrap 5).
 * Loaded last by sections/head.php and headContact.php; preview only (?theme=new) until Bob approves.
 * Colours and fonts are the same as the home page. Only colours, fonts, borders and corners change - never the layout.
 */
:root {
	--pk-page: #10291f; --pk-ink: #e9efe6; --pk-dim: #9fb5a8;
	--pk-panel: #173a2c; --pk-panel-2: #1e4636; --pk-edge: #2e5747; --pk-deep: #0b1d16;
	--pk-screen: #f6f7f2; --pk-dark-ink: #17231d;
	--pk-mustard: #f2b62a; --pk-mustard-hi: #f7c94f; --pk-mustard-ink: #2a1d00;
	--pk-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
	--pk-body: "Figtree", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
	color-scheme: dark;
}

/* ---------- page, text, links */
html, body, .body, div.main, [role="main"] { background: var(--pk-page) !important; }
body, p, li, td, th, label, .lead, .custom-font-secondary { color: var(--pk-dim); font-family: var(--pk-body) !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-weight-extra-bold, .custom-heading-bar {
	font-family: var(--pk-display) !important; color: var(--pk-ink) !important; letter-spacing: -.01em;
}
strong, b { color: var(--pk-ink); }
a { color: var(--pk-mustard); }
a:hover, a:focus { color: var(--pk-mustard-hi); }
::selection { background: var(--pk-mustard); color: var(--pk-mustard-ink); }

/* the template's colour helpers */
.text-color-dark, .text-dark, .text-color-black, .text-black { color: var(--pk-ink) !important; }
.text-color-default, .text-default, .text-muted, .text-color-grey, .text-grey, .opacity-7 { color: var(--pk-dim) !important; }
.text-color-primary, .text-primary, .text-color-secondary, .text-secondary, .text-color-tertiary, .text-tertiary { color: var(--pk-mustard) !important; }
.text-color-light, .text-light, .text-white, .custom-text-color-light-2, .custom-text-color-light-3 { color: var(--pk-ink) !important; }
.bg-color-light, .bg-light, .bg-white, .bg-color-white, .bg-color-light-scale-1, section.section, .section { background-color: var(--pk-page) !important; }
.bg-color-grey, .bg-grey, .bg-color-grey-scale-1, .bg-color-light-scale-2, .bg-color-quaternary { background-color: var(--pk-panel) !important; }
.bg-color-primary, .bg-primary, .bg-color-secondary, .bg-secondary, .bg-color-tertiary, .bg-tertiary { background-color: var(--pk-panel-2) !important; }
.bg-color-dark, .bg-dark, .bg-color-dark-scale-1, .bg-color-black { background-color: var(--pk-deep) !important; }
.border-color-light, .border-color-grey, hr, .divider { border-color: var(--pk-edge) !important; }
hr { background: var(--pk-edge) !important; opacity: 1; }

/* ---------- header and menu */
#header .header-body, #header .header-container, #header.header-effect-shrink .header-body,
html.sticky-header-active #header .header-body { background: var(--pk-deep) !important; border-bottom: 1px solid var(--pk-edge) !important; box-shadow: none !important; }
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a.nav-link { color: var(--pk-ink) !important; font-family: var(--pk-body) !important; font-weight: 600; }
#header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li > a.active, #header .header-nav-main nav > ul > li.open > a { color: var(--pk-mustard) !important; }
#header .header-nav.header-nav-line nav > ul > li > a::before, #header .header-nav.header-nav-line nav > ul > li > a:before { background: var(--pk-mustard) !important; }
#header .header-nav-main nav > ul > li .dropdown-menu { background: var(--pk-panel) !important; border: 1px solid var(--pk-edge) !important; border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.4) !important; }
#header .header-nav-main nav > ul > li .dropdown-menu li a, #header .header-nav-main nav > ul > li .dropdown-menu li a.nav-link { color: var(--pk-ink) !important; border-bottom-color: var(--pk-edge) !important; background: transparent !important; }
#header .header-nav-main nav > ul > li .dropdown-menu li:hover > a { color: var(--pk-mustard) !important; background: var(--pk-panel-2) !important; }
#header .header-btn-collapse-nav { background: transparent !important; border: 1px solid var(--pk-edge) !important; color: var(--pk-ink) !important; }
@media (max-width: 991px) {
	#header .header-nav-main nav { background: var(--pk-deep) !important; }
	#header .header-nav-main nav > ul li { border-bottom-color: var(--pk-edge) !important; }
	#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul li a { color: var(--pk-ink) !important; background: transparent !important; }
	#header .header-nav-main nav > ul li .dropdown-menu { background: transparent !important; border: 0 !important; box-shadow: none !important; }
}

/* ---------- buttons */
.btn-primary, .btn-secondary, .btn-tertiary, .btn-quaternary, .btn-dark, .btn-light, .btn.btn-modern {
	background: var(--pk-mustard) !important; border-color: var(--pk-mustard) !important; color: var(--pk-mustard-ink) !important;
	border-radius: 12px !important; font-family: var(--pk-body) !important; font-weight: 700 !important; box-shadow: none !important;
}
.btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover, .btn-dark:hover, .btn-light:hover { background: var(--pk-mustard-hi) !important; border-color: var(--pk-mustard-hi) !important; color: var(--pk-mustard-ink) !important; }
.btn-outline, .btn.btn-outline, .btn-outline-primary, .btn-outline-secondary, .btn-outline-light, .btn-outline-dark {
	background: transparent !important; border-color: var(--pk-edge) !important; color: var(--pk-ink) !important; border-radius: 12px !important;
}
.btn-outline:hover, .btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-light:hover { border-color: var(--pk-mustard) !important; color: var(--pk-mustard) !important; }

/* ---------- boxes */
.card, .featured-box, .featured-boxes .featured-box, .pricing-table .plan, .feature-box.feature-box-style-2, .testimonial blockquote,
.toggle > .toggle-content, .tabs .tab-content, .accordion .card, .card-body, .card-header, .list-group-item, .alert {
	background-color: var(--pk-panel) !important; border-color: var(--pk-edge) !important; color: var(--pk-dim) !important;
}
.card, .featured-box, .pricing-table .plan, .alert { border-radius: 18px !important; }
.toggle > label, .tabs .nav-tabs .nav-link, .accordion .card-header a { background: var(--pk-panel-2) !important; color: var(--pk-ink) !important; border-color: var(--pk-edge) !important; }
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs li.active .nav-link { color: var(--pk-mustard) !important; border-top-color: var(--pk-mustard) !important; }
.badge, .badge-primary, .bg-color-primary.badge { background: var(--pk-mustard) !important; color: var(--pk-mustard-ink) !important; }
.feature-box .feature-box-icon, .icon-featured { background: var(--pk-panel-2) !important; color: var(--pk-mustard) !important; }
i.fas, i.fab, i.far, i.icons, [class^="icon-"], [class*=" icon-"] { color: inherit; }
img.img-thumbnail, .img-thumbnail { background: var(--pk-panel) !important; border-color: var(--pk-edge) !important; }
.owl-carousel .owl-dots .owl-dot span { background: var(--pk-edge) !important; }
.owl-carousel .owl-dots .owl-dot.active span { background: var(--pk-mustard) !important; }

/* ---------- forms */
.form-control, .form-select, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea, select {
	background-color: #fff !important; color: var(--pk-dark-ink) !important; border: 1px solid #c9d1c6 !important; border-radius: 12px !important;
}
.form-control:focus, .form-select:focus, textarea:focus { border-color: #c98f0c !important; box-shadow: 0 0 0 3px rgba(242,182,42,.45) !important; }
.form-label, form label { color: var(--pk-ink) !important; }

/* ---------- page title bars and footer */
.page-header, section.page-header { background-color: var(--pk-deep) !important; border-bottom: 1px solid var(--pk-edge) !important; }
.page-header h1 { color: var(--pk-ink) !important; }
.page-header .breadcrumb > li, .page-header .breadcrumb > li a, .breadcrumb > li + li::before { color: var(--pk-dim) !important; }
#footer, #footer.bg-color-primary { background: var(--pk-deep) !important; border-top: 1px solid var(--pk-edge) !important; }
#footer h4, #footer h5 { color: var(--pk-ink) !important; }
#footer, #footer p, #footer li, #footer span, #footer a { color: var(--pk-dim) !important; }
#footer a:hover { color: var(--pk-mustard) !important; }
#footer a.text-color-light { color: var(--pk-ink) !important; }
#footer .footer-copyright, #footer .footer-copyright.bg-color-primary { background: #081510 !important; border-top: 1px solid var(--pk-edge) !important; }
.scroll-to-top { background: var(--pk-mustard) !important; color: var(--pk-mustard-ink) !important; }

/* Hardware page: the price on each card (2026-10-06, Bob: "add prices") */
.hw-price b { font-family: var(--pk-display) !important; font-size: 28px; color: var(--pk-ink) !important; }
.hw-price small { color: var(--pk-dim); font-size: 14px; }

/* Hardware page: the warranty line under the heading (2026-10-06) */
.hw-warranty { max-width: 760px; margin: -20px auto 0; text-align: center; color: var(--pk-dim); background: var(--pk-panel); border: 1px solid var(--pk-edge); border-radius: 14px; padding: 12px 16px; }
.hw-warranty b { color: var(--pk-mustard); }