/* ============================================================================
   wize_global.css — brand consistency across ALL website pages (navbar, footer,
   and default Frappe pages such as /contact, /login). Loaded site-wide via
   `web_include_css` in hooks.py. The storefront pages (/products, /p) layer
   their own richer teal/gold theme on top of this baseline.
   Self-contained palette (wize_theme.css is only imported by the storefront).
   ========================================================================== */
:root {
	--wize-brand: #0B5C57;
	--wize-brand-2: #0F766E;
	--wize-brand-bg: #EAF4F1;
	--wize-gold: #C9A24A;
}

/* Primary buttons across default web pages → brand teal gradient. */
.btn-primary {
	background: linear-gradient(135deg, var(--wize-brand) 0%, var(--wize-brand-2) 100%) !important;
	border-color: var(--wize-brand) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px -10px rgba(11, 92, 87, 0.5);
}
.btn-primary:hover,
.btn-primary:focus {
	background: var(--wize-brand-2) !important;
	border-color: var(--wize-brand-2) !important;
	color: #fff !important;
}

/* Navbar: hover / active links pick up the brand teal. */
.navbar .nav-link:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .nav-link.active {
	color: var(--wize-brand) !important;
}

/* Web content + footer links. */
.web-footer a:hover,
.page-content a:not(.btn):hover {
	color: var(--wize-brand-2);
}

/* A thin brand rule grounds the footer. */
.web-footer {
	border-top: 2px solid var(--wize-brand);
}

/* Form focus on default pages (e.g. the standard /contact form). */
.form-control:focus,
.form-control:focus-visible {
	border-color: var(--wize-brand) !important;
	box-shadow: 0 0 0 3px rgba(11, 92, 87, 0.12) !important;
}

/* Brand-colored selection + links anywhere on the site. */
::selection {
	background: rgba(11, 92, 87, 0.16);
}