/* home.css */

/* Hero Section */
.hero-section {
	background-image: url('/images/positive-hero.png');
	background-size: cover;
	background-position: center;
	color: white;
	text-align: center;
	padding: 100px 0;
	min-height: 300px;
}

.hero-section h1 {
	font-size: 3rem;
	font-weight: bold;
}

.hero-section p {
	font-size: 1.2rem;
	margin-top: 20px;
}

.hero-section .btn-primary {
	margin-top: 20px;
}

/* Logout Section */
.card-body.text-center {
	font-size: 1.2rem;
}

.btn-danger {
	font-size: 1rem;
}

/* --- Personalizzazione Verde Salvia (Sage Green) --- */

/* Impostiamo il verde salvia come colore principale */
:root {
	--bs-primary: #9caf88;
	--bs-primary-rgb: 156, 175, 136;
	--bs-primary-darker: #87996f;
}

/* Pulsanti primari con il colore salvia */
.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: white;
}

.btn-primary:hover {
	background-color: var(--bs-primary-darker);
	border-color: var(--bs-primary-darker);
}

.btn-primary:active {
	background-color: var(--bs-primary-darker) !important;
	border-color: var(--bs-primary-darker) !important;
}

/* Pulsanti outline con il colore salvia */
.btn-outline-primary {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
	background-color: var(--bs-primary-darker);
	color: white;
	border-color: var(--bs-primary-darker);
}

.btn-outline-primary:active {
	background-color: var(--bs-primary-darker) !important;
	color: white;
	border-color: var(--bs-primary-darker) !important;
}

/* Colori per success (verde) */
.btn-success {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-success:hover {
	background-color: var(--bs-primary-darker);
	border-color: var(--bs-primary-darker);
}

.btn-success:active {
	background-color: var(--bs-primary-darker) !important;
	border-color: var(--bs-primary-darker) !important;
}

/* Colori per success (verde) */
.btn-outline-success {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-outline-success:hover {
	background-color: var(--bs-primary-darker);
	border-color: var(--bs-primary-darker);
}

.btn-outline-success:active {
	background-color: var(--bs-primary-darker) !important;
	border-color: var(--bs-primary-darker) !important;
}

.text-success {
	color: var(--bs-primary) !important;
}

/* Alerts personalizzati */
.alert-sage {
	background-color: #9caf88;
	color: white;
	border-color: #87996f;
}

.alert-sage .alert-link {
	color: white;
}

.alert-sage .close {
	color: white;
}

/* Input con bordo salvia */
.form-control:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.2rem rgba(156, 175, 136, 0.25);
}

/* Links con colore salvia */
a {
	color: var(--bs-primary);
}

a:hover {
	color: #87996f;
}