/* =================================================================
   Laval Hino — Custom Colors
   Primary: #BE1E2D | Text: #1A1A1A | Footer: garde ses shades dark
   ================================================================= */

:root {
	--primary: #BE1E2D;
	--primary-dark: #9B1824;
}

/* -- Body text — #1A1A1A partout sauf footer ------------------- */
body { color: #1A1A1A !important; }
h1, h2, h3, h4, h5, h6,
.text-color-dark, .text-dark, .text-black {
	color: #1A1A1A !important;
}

/* -- Links ----------------------------------------------------- */
a { color: #BE1E2D; }
a:hover { color: #9B1824; }
a.text-decoration-none.text-color-dark { color: #1A1A1A !important; }

/* -- Primary bg ------------------------------------------------ */
.bg-color-primary,
.call-to-action.call-to-action-primary,
section.section.bg-color-primary {
	background-color: #BE1E2D !important;
}
.text-color-primary { color: #BE1E2D !important; }

/* -- Buttons --------------------------------------------------- */
.btn-primary, .btn-modern.btn-primary {
	background-color: #BE1E2D !important;
	border-color: #BE1E2D !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-modern.btn-primary:hover {
	background-color: #9B1824 !important;
	border-color: #9B1824 !important;
}
.btn-outline.btn-primary {
	color: #BE1E2D !important;
	border-color: #BE1E2D !important;
	background: transparent !important;
}
.btn-outline.btn-primary:hover {
	background-color: #BE1E2D !important;
	color: #fff !important;
}
.btn-link { color: #BE1E2D !important; }

/* -- Badge ----------------------------------------------------- */
.badge-primary, .badge.badge-primary {
	background-color: #BE1E2D !important;
}

/* -- Header top bar -------------------------------------------- */
.header-top { background-color: #1A1A1A !important; }

/* -- Header nav — default text --------------------------------- */
.header-body { border-top-color: #BE1E2D !important; }
.header-nav-main nav > .nav-pills > li > a { color: #1A1A1A !important; }

/* -- Stripe nav — hover/active: WHITE text on red bg ----------- */
.header-nav-stripe .header-nav-main nav > .nav-pills > li:hover > a,
.header-nav-stripe .header-nav-main nav > .nav-pills > li.active > a,
.header-nav-stripe .header-nav-main nav > .nav-pills > li.dropdown-full-color.dropdown-primary:hover > a,
.header-nav-stripe .header-nav-main nav > .nav-pills > li.dropdown-full-color.dropdown-primary.active > a {
	color: #fff !important;
}

/* -- Dark sections (pas footer) — #1A1A1A ---------------------- */
section.bg-color-dark { background-color: #1A1A1A !important; }

/* -- Overlays (slider/parallax) — #1A1A1A ---------------------- */
.overlay::before,
.overlay.overlay-show::before {
	background-color: #1A1A1A !important;
}

/* -- Lists icons ----------------------------------------------- */
.list-primary i,
.list.list-icons.list-primary i,
.list.list-icons li i {
	color: #BE1E2D !important;
}

/* -- Social icons ---------------------------------------------- */
.social-icons li a:hover { background-color: #BE1E2D !important; }

/* -- Owl carousel ---------------------------------------------- */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #BE1E2D !important;
}

/* -- Page header ----------------------------------------------- */
.page-header {
	background-color: #1A1A1A !important;
	border-bottom-color: #BE1E2D !important;
}

/* -- Form focus ------------------------------------------------ */
.form-control:focus {
	border-color: #BE1E2D;
	box-shadow: 0 0 0 0.2rem rgba(190, 30, 45, 0.25);
}

/* -- Counters -------------------------------------------------- */
.counters .counter i { color: #fff !important; }


/* -- Mobile: used trucks section padding ---------------------- */
@media (max-width: 991px) {
	section[style*="1A1A1A"] .ps-lg-5 {
		padding: 30px 25px !important;
		margin: 0 !important;
	}
}


/* -- Mobile: hamburger aligned with logo ---------------------- */
@media (max-width: 991px) {
	.header-container .header-row {
		display: flex !important;
		align-items: center !important;
		min-height: 70px;
	}
}

/* -- Stripe nav: active item — red bg + white text ------------ */
.header-nav-stripe .header-nav-main nav > .nav-pills > li.active > a,
.header-nav-stripe .header-nav-main nav > .nav-pills > li.dropdown-full-color.dropdown-primary.active > a {
	background-color: #BE1E2D !important;
	color: #fff !important;
}

/* -- Page header: white text on dark bg ----------------------- */
.page-header h1 {
	font-weight: bold !important;
}
.page-header h1,
.page-header .breadcrumb li,
.page-header .breadcrumb li a {
	color: #fff !important;
}

/* -- Sidebar social icons: visible on white bg ---------------- */
.social-icons-dark li a {
	color: #1A1A1A !important;
	border-color: #1A1A1A !important;
}
.social-icons-dark li a:hover {
	background-color: #BE1E2D !important;
	border-color: #BE1E2D !important;
	color: #fff !important;
}

/* -- Pieces filter buttons ------------------------------------ */
.piece-filter.active {
	background-color: #1A1A1A !important;
	border-color: #1A1A1A !important;
	color: #fff !important;
}

/* -- Piece card hover ----------------------------------------- */
.piece-card:hover {
	transform: translateY(-3px);
	transition: transform .2s ease;
	box-shadow: 0 8px 25px rgba(0,0,0,.15) !important;
}

/* -- Modal primary accent ------------------------------------- */
.modal-content {
	border: none;
	border-radius: 8px;
}

/* -- Search bar focus ----------------------------------------- */
#piece-search:focus {
	border-color: #BE1E2D;
	box-shadow: 0 0 0 0.2rem rgba(190, 30, 45, 0.15);
}
#piece-search:focus + .input-group-text,
.input-group:focus-within .input-group-text {
	border-color: #BE1E2D;
}