/* =======================================================================
 * PESI — styling for the FCP dashboard shortcodes ([tabella_fatture],
 * [tabella_corsi_attestato], [tabella_corsi_ecm], [modifica_profilo]…) which
 * were built for a theme shipping Bootstrap. pesi.es has no Bootstrap, so we
 * style the Bootstrap classes they output (.table, .form-control, .btn,
 * .alert) and hide the .modal popups (they need Bootstrap JS anyway).
 * These classes are not used elsewhere on the site.
 * ===================================================================== */

/* ---- Tables --------------------------------------------------------- */
table.table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Titillium Web', system-ui, sans-serif;
	margin: 10px 0 22px;
	font-size: 15px;
}

table.table th {
	text-align: left;
	padding: 12px 14px;
	color: #0f1a37;
	font-weight: 700;
	font-size: 14px;
	border-bottom: 2px solid #e7ebf3;
}

table.table td {
	padding: 12px 14px;
	border-bottom: 1px solid #eef0f3;
	color: #2b3a5b;
	vertical-align: middle;
}

table.table.table-striped tbody tr:nth-child(odd) { background: #f8fafc; }
table.table a { color: #2f6bed; text-decoration: none; }
table.table a:hover { text-decoration: underline; }

/* ---- Forms ---------------------------------------------------------- */
.form-control {
	width: 100%;
	min-height: 46px;
	padding: 8px 12px;
	border: 1px solid #d9dee8;
	border-radius: 10px;
	font-size: 15px;
	background: #fff;
	box-sizing: border-box;
	font-family: 'Titillium Web', system-ui, sans-serif;
}

.form-control:focus {
	border-color: #2f6bed;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(47, 107, 237, 0.15);
}

.form-group { margin-bottom: 14px; }

.form-row {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}

.form-row .form-group,
.form-row .col-md-6 { flex: 1 1 240px; }

.form-control + label,
.form-group label,
.form-row label {
	display: block;
	font-weight: 600;
	color: #0f1a37;
	margin: 0 0 4px;
	font-size: 14px;
}

/* ---- Buttons -------------------------------------------------------- */
.btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #d9dee8;
	background: #fff;
	color: #0f1a37;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Titillium Web', system-ui, sans-serif;
}

.btn:hover { border-color: #b9c1cf; }

.btn-primary {
	background: #2f6bed !important;
	border-color: #2f6bed !important;
	color: #fff !important;
}

.btn-primary:hover { background: #255fd6 !important; }

.btn-light { background: #f4f6fb; }
.btn-sm { padding: 7px 13px; font-size: 13px; }

/* ---- Alerts --------------------------------------------------------- */
.alert {
	padding: 12px 14px;
	border-radius: 10px;
	margin: 10px 0;
	font-family: 'Titillium Web', system-ui, sans-serif;
}

.alert-success { background: #e3f5ea; color: #2e7d4f; border: 1px solid #bfe6cd; }
.alert-primary { background: #eaf1fd; color: #255fd6; border: 1px solid #cfe0fb; }

/* ---- Bootstrap modals: hidden (no Bootstrap JS here) ---------------- */
.modal { display: none !important; }

/* Financiación block ([elenco_rate_utente]) */
.pesi-financiacion {
	font-family: 'Titillium Web', system-ui, sans-serif;
	background: #f6f8fc;
	border: 1px solid #e7ebf3;
	border-radius: 16px;
	padding: 22px 24px;
	max-width: 760px;
	color: #2b3a5b;
}
.pesi-financiacion h3 { color: #0f1a37; font-weight: 800; margin: 0 0 10px; }
.pesi-financiacion p { line-height: 1.6; margin: 0 0 12px; }
.pesi-financiacion ul { margin: 0 0 18px; padding-left: 20px; line-height: 1.8; }
.pesi-financiacion .btn { text-decoration: none; }

/* ---- Quick-search box (Certificados / Facturas) — same look as "Mis cursos".
 * The search HTML uses .input-group + #search-singolo-corso-dashboard but sits
 * outside .tutti-i-corsi-dashboard, so we style it here (site-wide; these
 * classes are not used elsewhere on the site). --------------------------- */
.input-group {
	display: flex;
	align-items: stretch;
	border: 1px solid #d9dee8;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	width: 100%;
	margin-bottom: 12px;
	font-family: 'Titillium Web', system-ui, sans-serif;
}

.input-group .input-group-text {
	display: flex;
	align-items: center;
	padding: 0 14px;
	background: #f6f8fc;
	border: 0 !important;
	color: #6b7280;
}

#search-singolo-corso-dashboard {
	flex: 1;
	border: 0 !important;
	border-radius: 0 !important;
	height: 46px !important;
	padding: 0 14px !important;
	font-size: 16px;
	background: #fff;
	outline: none;
	box-shadow: none !important;
}

#search-singolo-corso-dashboard::placeholder { color: #6b7280 !important; }