/* CursuriSAP.ro – Diplome | stiluri pentru partea publica */

.csd-list {
	display: grid;
	gap: 14px;
	margin: 22px 0;
}

.csd-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	border: 1px solid #e3e8ef;
	border-left: 4px solid #0b5fa5;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.csd-card-main {
	flex: 1 1 260px;
	min-width: 0;
}

.csd-card-title {
	margin: 0 0 6px;
	font-size: 1.05em;
	line-height: 1.35;
}

.csd-card-meta,
.csd-card-code {
	margin: 0;
	font-size: .88em;
	color: #5b6674;
	line-height: 1.6;
}

.csd-card-code code {
	padding: 1px 6px;
	border-radius: 4px;
	background: #f1f5f9;
	font-size: .95em;
	letter-spacing: .04em;
}

.csd-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.csd-btn {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid #0b5fa5;
	border-radius: 6px;
	background: #0b5fa5;
	color: #fff !important;
	font-size: .92em;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .15s ease, box-shadow .15s ease;
}

.csd-btn:hover,
.csd-btn:focus {
	background: #094c85;
	box-shadow: 0 2px 8px rgba(11, 95, 165, .25);
}

.csd-btn-ghost {
	background: transparent;
	color: #0b5fa5 !important;
}

.csd-btn-ghost:hover,
.csd-btn-ghost:focus {
	background: #eef4fa;
	box-shadow: none;
}

.csd-btn-lg {
	padding: 14px 30px;
	font-size: 1em;
}

.csd-note {
	padding: 14px 18px;
	border-radius: 8px;
	background: #f4f6f8;
	color: #5b6674;
	font-size: .95em;
}

.csd-congrats {
	padding: 12px 18px;
	border-radius: 8px;
	background: #eaf5ec;
	color: #226b34;
	font-weight: 600;
}

.csd-appended {
	margin-top: 32px;
}

/* --- verificare publica --------------------------------------------- */

.csd-verify-wrap {
	max-width: 620px;
	margin: 24px 0;
}

.csd-verify label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.csd-verify-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.csd-verify-row input[type="text"] {
	flex: 1 1 260px;
	padding: 11px 14px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 1em;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.csd-verify-result {
	margin-top: 22px;
	padding: 18px 20px;
	border-radius: 10px;
	border-left: 4px solid;
}

.csd-valid {
	border-color: #2f855a;
	background: #f0f9f2;
}

.csd-invalid {
	border-color: #c53030;
	background: #fdf1f1;
}

.csd-verify-table {
	width: 100%;
	margin-top: 14px;
	border-collapse: collapse;
}

.csd-verify-table th,
.csd-verify-table td {
	padding: 8px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: left;
	vertical-align: top;
	font-size: .95em;
}

.csd-verify-table th {
	width: 40%;
	color: #5b6674;
	font-weight: 600;
}

.csd-verify-table tr:last-child th,
.csd-verify-table tr:last-child td {
	border-bottom: 0;
}

.csd-finish {
	margin: 24px 0;
}

/* --- butonul de pe pagina cursului ----------------------------------- */

.csd-course-button {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin: 16px 0 0;
}

/* Se aseaza pe un rand cand exista loc si pe doua randuri intr-o coloana
   ingusta, cum e bara laterala a cursului. */
.csd-course-button .csd-btn {
	flex: 1 1 175px;
	text-align: center;
}

.csd-course-button .csd-btn.csd-btn-ghost {
	background: transparent;
	color: #0b5fa5 !important;
}

.csd-course-button .csd-btn.csd-btn-ghost:hover,
.csd-course-button .csd-btn.csd-btn-ghost:focus {
	background: #eef4fa;
	color: #094c85 !important;
}

/* Varianta Tutor LMS: butoanele poarta exact clasele platformei, deci nu le
   atingem deloc culorile sau dimensiunile. Reglam doar distantele. */
.csd-course-button-tutor {
	margin-top: 16px;
}

/* Butoanele platformei sunt <button>, ale noastre sunt <a>: fara aceasta
   linie, o tema fara box-sizing global le-ar face mai late cu marimea
   paddingului. */
.csd-course-button-tutor > a {
	box-sizing: border-box;
}

.csd-course-button-tutor > a + a {
	margin-top: 10px;
}

#csd-inject {
	display: none;
}

/* --- Sectiunea „Diplomele mele” din contul cursantului ---------------- */
.csd-dashboard-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.csd-dashboard-item {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border: 1px solid #e3e8ef;
	border-left: 4px solid #0B5FA5;
	border-radius: 10px;
	background: #fff;
}

.csd-dashboard-info {
	flex: 1 1 320px;
	min-width: 0;
}

.csd-dashboard-curs {
	margin: 0 0 6px;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 600;
}

.csd-dashboard-curs a {
	text-decoration: none;
	color: inherit;
}

.csd-dashboard-curs a:hover {
	text-decoration: underline;
}

.csd-dashboard-meta {
	margin: 0 0 4px;
	font-size: 13px;
	color: #5b6472;
}

.csd-dashboard-meta span + span::before {
	content: "·";
	margin: 0 8px;
	color: #b6bfcc;
}

.csd-dashboard-cod {
	margin: 0;
	font-size: 13px;
	color: #5b6472;
}

.csd-dashboard-cod code {
	background: #f1f5f9;
	padding: 2px 7px;
	border-radius: 4px;
	font-size: 13px;
}

.csd-dashboard-actiuni {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.csd-dashboard-nota {
	margin-top: 18px;
	font-size: 13px;
	color: #5b6472;
}

@media (max-width: 600px) {
	.csd-dashboard-actiuni {
		width: 100%;
	}

	.csd-dashboard-actiuni > a {
		flex: 1 1 auto;
		text-align: center;
	}
}

/* --- Iconita sectiunii „Diplomele mele” din meniul contului ----------
   Unele teme (de exemplu Edumall) nu folosesc cheia „icon” a lui Tutor si
   deseneaza iconitele din CSS. Aici desenam noi una, in aceeasi maniera
   liniara, colorata automat ca textul elementului (deci si alba cand
   elementul este activ). Daca tema pune deja o iconita proprie in link,
   regula nu se aplica, ca sa nu apara doua. --------------------------- */
.tutor-dashboard-menu-diplomele-mele > a:not(:has(span)):not(:has(i)):not(:has(svg))::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 14px;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='9'%20r='5.6'/%3E%3Cpath%20d='M8.5%2013.7%206.9%2021.6%2012%2019.1l5.1%202.5-1.6-7.9'/%3E%3C/svg%3E") no-repeat center center;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='9'%20r='5.6'/%3E%3Cpath%20d='M8.5%2013.7%206.9%2021.6%2012%2019.1l5.1%202.5-1.6-7.9'/%3E%3C/svg%3E") no-repeat center center;
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
}