/*
 * "IPMA {Level} Dərəcəsi" detail pages (page-derece-detail.php) — the
 * .content-page-column / .content-page-text / .content-section-heading /
 * .checkmark-list / .numbered-steps / .level-cards-* base rules come from
 * the shared content-page.css (also enqueued on this template, see
 * inc/enqueue.php). This file covers only what's specific here: the plain
 * (non-banner) hero heading, section spacing, the "Müraciət et" button,
 * and the "Sənədlər" document-card list.
 */

.derece-detail-column {
	padding: 3.5em 1.5em 0;
}

.derece-hero-title {
	margin: 0 0 1.25em;
	font-size: clamp(1.9rem, 3.4vw, 2.5rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--azpma-text);
}

.derece-section {
	margin-bottom: 2.5em;
}

.derece-apply-wrap {
	margin: 1em 0 3em;
	padding-bottom: 3em;
	border-bottom: 1px solid var(--ast-global-color-6);
}

.derece-apply-button {
	display: inline-block;
	font-weight: 600;
	font-size: 1rem;
	color: var(--azpma-white);
	background: var(--azpma-primary);
	border-radius: var(--azpma-radius);
	padding: 0.85em 2.2em;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.derece-apply-button:hover,
.derece-apply-button:focus {
	background: var(--azpma-primary-dark);
	color: var(--azpma-white);
}

/* ---------------------------------------------------------------------
 * Sənədlər — document cards (icon + label), one row each.
 * ------------------------------------------------------------------- */

.derece-docs-wrap {
	padding: 0 1.5em 3.5em;
}

.derece-docs-list {
	display: flex;
	flex-direction: column;
	gap: 0.85em;
	margin-top: 1.5em;
}

.derece-doc-card {
	display: flex;
	align-items: center;
	gap: 0.9em;
	padding: 1.1em 1.4em;
	background: var(--azpma-bg-light);
	border-radius: var(--azpma-radius);
	text-decoration: none;
	transition: background-color 0.15s ease;
}

a.derece-doc-card:hover {
	background: var(--ast-global-color-6);
}

.derece-doc-card-static {
	cursor: default;
}

.derece-doc-icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 22px;
	height: 22px;
	color: var(--azpma-text);
	opacity: 0.65;
}

.derece-doc-icon svg {
	width: 100%;
	height: 100%;
}

.derece-doc-label {
	font-size: 0.98rem;
	font-weight: 600;
	color: var(--azpma-text);
}