/* ============================================
   brand-skin.css — layer global de rebranding (apps.asiguraricontactless)
   Portat de pe rca.asiguraricontactless (2026-08-26, cerinta operator: „acelasi
   stil / aceleasi culori ca RCA"). Paleta din brand/ (tokens AC): #0E5B94 /
   #3B8CB8 / #A8D8F0, font Poppins, fundal alb, carduri 24px, butoane pilula.
   Injectat ULTIMUL in head.php → suprascrie styles.css si custom.css.
   ============================================ */

:root {
	--brand-primary: #0E5B94;
	--brand-primary-dark: #0a3f68;
	--brand-secondary: #3B8CB8;
	--brand-accent: #A8D8F0;
	--brand-bg: #FFFFFF;
	--brand-bg-soft: #EAF4FB;
	--brand-bg-alt: #F5F7FA;
	--brand-text: #1A2B3C;
	--brand-muted: #6B7B8A;
	--brand-border: #E1E8EF;
	--brand-gradient: linear-gradient(180deg, #A8D8F0 0%, #3B8CB8 50%, #0E5B94 100%);
	--brand-r-card: 24px;
	--brand-shadow-sm: 0 2px 10px rgba(14,91,148,0.08);
	--brand-shadow-md: 0 10px 30px rgba(14,91,148,0.14);
}

/* === TIPOGRAFIE === Poppins peste Montserrat/Lato/Roboto din tema veche.
   Fontul e incarcat ca <link> in head.php (NU @import — ar fi ignorat intr-un
   <style> inline care are CSS inaintea lui). */
body,
button,
input,
select,
textarea,
.btn {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	color: var(--brand-text);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 800;
	color: var(--brand-text);
}
body { background: var(--brand-bg); }

a, a:link, a:visited { color: var(--brand-primary); }
a:hover { color: var(--brand-primary-dark); }

/* === HEADER === alb translucid, ca pe rca.asiguraricontactless.
   Tema PAD are `bg-dark navbar-dark` pe #mainNav; il albim complet, altfel
   raman doua site-uri surori cu bare diferite (una neagra, una alba). */
#mainNav.navbar,
#mainNav.bg-dark {
	position: sticky;
	top: 0;
	z-index: 1100;
	background: rgba(255,255,255,0.92) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--brand-border);
	padding: 10px 0;
}
#mainNav .navbar-nav .nav-link {
	color: var(--brand-text) !important;
	font-weight: 600;
}
#mainNav .navbar-nav .nav-link:hover,
#mainNav .navbar-nav .nav-link:focus {
	color: var(--brand-primary) !important;
}
#mainNav .navbar-toggler {
	border-color: var(--brand-primary) !important;
	background: var(--brand-primary) !important;
	border-radius: 100px;
}
#mainNav .navbar-toggler-icon {
	filter: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* === BUTOANE === pilula, ca in rebranding */
.btn-primary,
.btn-secondary {
	background: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	color: #fff !important;
	border-radius: 100px !important;
	font-weight: 700;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-primary:hover,
.btn-secondary:hover {
	background: var(--brand-primary-dark) !important;
	border-color: var(--brand-primary-dark) !important;
	transform: translateY(-2px);
	box-shadow: var(--brand-shadow-md);
}
.btn-success {
	background: #1aa35a !important;
	border-color: #1aa35a !important;
	color: #fff !important;
	border-radius: 100px !important;
	font-weight: 700;
}
.btn-success:hover {
	background: #16a34a !important;
	border-color: #16a34a !important;
	transform: translateY(-2px);
	box-shadow: var(--brand-shadow-md);
}
.btn-outline-primary {
	color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	border-radius: 100px !important;
	font-weight: 700;
}
.btn-outline-primary:hover {
	background: var(--brand-primary) !important;
	color: #fff !important;
}
/* custom.css scoate radius-ul pe .btn-lg (`--bs-btn-border-radius: 0`) — il punem inapoi */
.btn-lg, .btn-group-lg > .btn { --bs-btn-border-radius: 100px; }

/* === FORMULARE === */
.form-control,
.form-select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea {
	border-radius: 12px !important;
	border: 1.5px solid var(--brand-border) !important;
}
/* custom.css forteaza `border-radius: 0` pe .form-control-lg */
.form-control-lg { border-radius: 12px !important; }
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
	border-color: var(--brand-secondary) !important;
	box-shadow: 0 0 0 0.2rem rgba(59,140,184,.18) !important;
}
label:not(.form-check-label) { color: var(--brand-text); }

/* === CARDURI === */
.card {
	border-radius: var(--brand-r-card);
	border: 1px solid var(--brand-border);
	box-shadow: var(--brand-shadow-sm);
}
.card-header {
	background: var(--brand-bg-soft);
	color: var(--brand-primary-dark);
	border-bottom: 1px solid var(--brand-border);
	font-weight: 700;
}

/* === TABELE === */
.table thead th {
	background: var(--brand-bg-soft);
	color: var(--brand-primary-dark);
	border-color: var(--brand-border);
}

/* === BADGE-URI === */
.badge.bg-primary { background: var(--brand-primary) !important; }
.badge.bg-secondary { background: var(--brand-secondary) !important; }
.badge.bg-success { background: #1aa35a !important; }

/* text-primary / text-success brand */
.text-primary:not(.btn) { color: var(--brand-primary) !important; }
/* verdele Bootstrap (#198754) are contrast slab pe alb (3.5:1) */
.text-success:not(.btn):not(.badge) { color: #0d7a3e !important; }

/* === SECTIUNI === fundal alb / soft, ca pe RCA (unde .page-section e alba) */
.page-section.bg-light { background: var(--brand-bg-alt) !important; }
.page-section h1, .page-section h2, .page-section h3 { color: var(--brand-text); }

/* === FOOTER === albastru brand in loc de gri-ardezie (#2c3e50 / #1a252f din
   styles.css, comun cu RCA dar acolo nu se vede — pe PAD e vizibil pe fiecare pagina) */
.footer {
	background-color: var(--brand-primary-dark) !important;
	color: #fff;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.footer h4 { color: #fff; font-weight: 700; }
.footer a, .footer a.d-block { color: #D7E9F6 !important; }
.footer a:hover { color: #fff !important; }
.copyright { background-color: #072c4a !important; }
.footer .btn-outline-light { border-radius: 100px; }

/* bara de navigare fixa de jos: albastru brand, nu negru */
.navbar.fixed-bottom.bg-dark,
nav.fixed-bottom.bg-dark {
	background: var(--brand-secondary) !important;
}
.navbar.fixed-bottom .nav-link,
.navbar.fixed-bottom .nav-link.text-white { color: #fff !important; }
.navbar.fixed-bottom .nav-link.text-warning { color: #FFE08A !important; }

/* bannerul de cookies pe paleta brand */
#cookie_consent_banner { background-color: var(--brand-bg-soft); color: var(--brand-text); }
#cookie_consent_banner a { color: var(--brand-primary); }
a#cookie_consent_btn { background-color: var(--brand-primary); border-radius: 100px; }

/* alerte pe paleta light */
.alert-info { background: var(--brand-bg-soft); border-color: var(--brand-accent); color: var(--brand-primary-dark); }
.alert-success { background: #eaf7ef; border-color: #b7e2c8; color: #0d7a3e; }

/* === bg-primary / text-primary Bootstrap === tema veche are
   `--bs-primary-rgb: 26,188,156` (turcoaz), desi `--bs-primary` e albastru:
   sectiunile cu .bg-primary ieseau verde-turcoaz, in afara paletei de brand
   (vizibil pe apps, „Cum functioneaza?"). Aliniem tokenul la #0E5B94. */
:root {
	--bs-primary: #0E5B94;
	--bs-primary-rgb: 14, 91, 148;
}
.bg-primary { background-color: var(--brand-primary) !important; }
.border-primary { border-color: var(--brand-primary) !important; }

/* Titluri pe sectiuni cu fundal inchis: regula generala din skin le face
   #1A2B3C, ceea ce pe .bg-primary / .bg-dark / .text-white da contrast prea
   slab (vizibil pe apps: cele trei h3 din antet erau gri pe albastru). */
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6,
.bg-primary .lead, .bg-dark .lead {
	color: #fff;
}