/* Site détective privé — surcharges visuelles */

:root {
	--detective-dark: #1a1f2e;
	--detective-navy: #0d2137;
	--detective-accent: #3d6b8e;
	--detective-gold: #c9a962;
	--detective-text: #e8eaed;
}

body.detective-site {
	background-color: #f4f5f7;
}

/* Hero LayerSlider (index.html template) */
.detective-slider-wrap {
	background: var(--detective-navy);
}

.detective-slider-wrap .slide_typo,
.detective-slider-wrap .slide_typo_2 {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

.detective-form-below-slider {
	background: var(--detective-navy);
}

.detective-form-below-slider #form_container {
	position: relative;
	margin-top: 0;
	padding: 40px 0;
	background: linear-gradient(180deg, rgba(13, 33, 55, 0.95) 0%, var(--detective-navy) 100%);
}

/* Hero vidéo legacy (autres pages) */
.detective-hero-wrap {
	position: relative;
	background: var(--detective-navy);
}

.detective-hero-wrap .header-video {
	min-height: 420px;
}

.detective-hero-wrap #form_container {
	position: relative;
	margin-top: -80px;
	padding-bottom: 40px;
	background: linear-gradient(180deg, transparent 0%, rgba(13, 33, 55, 0.95) 30%);
}

.detective-hero-wrap .intro_title_header h3 {
	color: #fff;
	font-size: 2.2em;
}

.detective-hero-wrap .intro_title_header p {
	color: rgba(255, 255, 255, 0.85);
}

.detective-hero-wrap #form_contact {
	background: rgba(26, 31, 46, 0.95);
	border: 1px solid rgba(201, 169, 98, 0.3);
	border-radius: 4px;
	padding: 25px;
}

.detective-hero-wrap #form_contact h3 {
	color: var(--detective-gold);
}

/* Header sombre */
.detective-site header .navbar-default {
	background: var(--detective-dark);
	border-color: rgba(201, 169, 98, 0.2);
}

.detective-site .navbar-default .navbar-nav > li > a,
.detective-site .navbar-default .navbar-nav > .dropdown > a {
	color: #fff;
}

.detective-site .navbar-default .navbar-nav > li > a:hover,
.detective-site .navbar-default .navbar-nav > .active > a {
	color: var(--detective-gold);
}

/* Bandeaux sombres */
.detective-site .bg_content {
	background: var(--detective-navy) !important;
}

.detective-site .bg_content .main_title,
.detective-site .bg_content h3.main_title.white {
	color: #fff;
}

/* Boutons */
.detective-site .btn_1,
.detective-site .btn_full,
.detective-site .button {
	background: var(--detective-accent);
	border-color: var(--detective-accent);
}

.detective-site .btn_1:hover,
.detective-site .btn_full:hover,
.detective-site .button:hover {
	background: var(--detective-gold);
	border-color: var(--detective-gold);
	color: var(--detective-dark);
}

.detective-site .btn_outline {
	border-color: var(--detective-gold);
	color: var(--detective-gold);
}

.detective-site .btn_outline:hover {
	background: var(--detective-gold);
	color: var(--detective-dark);
}

/* Cartes shop adaptées (inspiré shop.html) */
.detective-shop-grid .shop-item .inner-box {
	border: 1px solid #e0e0e0;
	transition: box-shadow 0.3s ease;
}

.detective-shop-grid .shop-item .inner-box:hover {
	box-shadow: 0 8px 30px rgba(13, 33, 55, 0.15);
}

.detective-shop-grid .shop-item .btn_shop {
	background: var(--detective-navy);
}

.detective-shop-grid .shop-item h3 a {
	color: var(--detective-dark);
}

/* FAQ boxes (inspiré pricing.html) */
.detective-site .box_faq {
	border-left: 3px solid var(--detective-gold);
	padding-left: 20px;
	margin-bottom: 30px;
}

.detective-site .box_faq i {
	color: var(--detective-accent);
}

/* Barres de progression */
.detective-site .progress-bar {
	background-color: var(--detective-accent);
}

/* Urgence CTA (remplace newsletter) */
#urgence_container {
	background: var(--detective-dark);
	color: #fff;
	padding: 50px 0;
	text-align: center;
}

#urgence_container h3 {
	color: #fff;
	margin-bottom: 15px;
}

#urgence_container .btn_1.white {
	background: var(--detective-gold);
	color: var(--detective-dark);
	border: none;
}

/* Footer */
.detective-site footer {
	background: var(--detective-dark);
	color: rgba(255, 255, 255, 0.7);
}

.detective-site footer h3 {
	color: #fff;
}

.detective-site footer a {
	color: var(--detective-gold);
}

.detective-site #copy {
	background: #0f1219;
	color: rgba(255, 255, 255, 0.5);
}

/* Panneau client confidentiel */
.detective-site #aside_panel .panel-login {
	background: var(--detective-dark);
}

.detective-site #aside_panel .panel-heading a {
	color: var(--detective-gold);
}

/* Split features (inspiré services.html / header-2) */
.detective-site .features-content {
	background: var(--detective-navy);
	color: #fff;
}

.detective-site .features-content h3 {
	color: var(--detective-gold);
}

/* Témoignages */
.detective-site .carousel_testimonials .box_overlay {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(201, 169, 98, 0.2);
}

/* Parallax subheaders */
.detective-site .parallax_window_in.short {
	min-height: 280px;
}

.detective-site #sub_content_in h1 {
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Quote banner sidebar */
.detective-site .quote_banner a {
	background: var(--detective-navy);
}

/* ── Les 7 axes ── */
.axes-section {
	background: #fff;
	border-top: 1px solid #e8e8e8;
}

.axe-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-top: 3px solid var(--detective-gold);
	padding: 28px 22px;
	margin-bottom: 30px;
	height: 100%;
	min-height: 220px;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.axe-card:hover {
	box-shadow: 0 6px 24px rgba(13, 33, 55, 0.12);
	border-top-color: var(--detective-accent);
}

.axe-card .axe-icon {
	font-size: 2em;
	color: var(--detective-accent);
	margin-bottom: 12px;
}

.axe-card h4 {
	color: var(--detective-dark);
	margin-bottom: 10px;
	font-weight: 600;
}

.axe-card p {
	font-size: 13px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 12px;
}

.axe-card .axe-link {
	font-size: 12px;
	color: var(--detective-accent);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.axe-card .axe-link:hover {
	color: var(--detective-gold);
}

/* Visuel contrat — prestations / investigations */
.box_service img.investigation-doc,
.detective-shop-grid .shop-item img.investigation-doc {
	max-height: 110px;
	width: auto;
	object-fit: contain;
	margin: 0 auto 15px;
	display: block;
}

.detective-shop-grid .shop-item img.investigation-doc {
	max-height: 180px;
	padding: 15px;
	background: #111;
}

/* Bandeau confiance (accueil) */
.confiance-band {
	background: var(--detective-gold);
	padding: 28px 0;
}

.confiance-item {
	text-align: center;
	padding: 10px;
	color: var(--detective-dark);
}

.confiance-item i {
	font-size: 2em;
	display: block;
	margin-bottom: 8px;
}

.confiance-item strong {
	display: block;
	font-size: 15px;
}

.confiance-item span {
	font-size: 12px;
	opacity: 0.85;
}

/* Bandeau axe sur pages intérieures */
.axe-page-banner {
	background: rgba(61, 107, 142, 0.08);
	border-bottom: 1px solid rgba(61, 107, 142, 0.2);
	padding: 12px 0;
}

.axe-page-banner p {
	margin: 0;
	font-size: 14px;
	color: var(--detective-navy);
}

.axe-page-banner i {
	color: var(--detective-gold);
	margin-right: 6px;
}

.axe-page-banner a {
	color: var(--detective-accent);
	font-weight: 600;
}

/* Bandeau réactivité (contact) */
.reactivite-banner {
	background: var(--detective-navy);
	color: #fff;
	padding: 25px 0;
	margin-bottom: 0;
}

.reactivite-banner h4 {
	color: var(--detective-gold);
	margin-bottom: 8px;
}

.reactivite-banner p {
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
}

.reactivite-banner a {
	color: var(--detective-gold);
}

/* Note confidentialité formulaires */
.form-confidentialite {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 15px;
}

.detective-hero-wrap .form-confidentialite {
	color: rgba(255, 255, 255, 0.75);
}

.form-confidentialite i {
	margin-right: 5px;
	color: var(--detective-gold);
}

#contactform + .form-confidentialite,
main .form-confidentialite {
	color: #777;
}

/* Footer axes */
.footer-axes {
	font-size: 13px;
}

.footer-axes li {
	margin-bottom: 4px;
}

.detective-site .features-bg.features-bg--discretion {
	background-image: none;
	min-height: 420px;
	overflow: hidden;
	display: flex;
	align-items: stretch;
}

.detective-site .features-bg--discretion img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	object-position: center;
}

.contact-visual {
	border-radius: 4px;
	box-shadow: 0 6px 24px rgba(13, 33, 55, 0.15);
}

.detective-site .features-bg {
	background-image: url(../img/split-discretion.jpg);
}