/*
Theme Name: Oftalmo
Theme URI: https://spitaloftalmologie.ro
Description: Tema portalului Institutului Clinic de Urgențe Oftalmologice „Prof. Dr. Mircea Olteanu”. Temă copil pentru Hello Elementor, structurată conform recomandărilor ANMCS.
Author: Tara Interactive
Author URI: https://tarainteractive.com
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: oftalmo
Tags: hospital, healthcare, public-institution, accessibility-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap');

:root {

	--oft-navy: #18496b;
	--oft-navy-dark: #11354d;
	--oft-navy-deep: #081c29;
	--oft-navy-soft: #efeafe;

	--oft-accent: #446c91;
	--oft-accent-dark: #385978;
	--oft-accent-soft: #eaf0f5;

	--oft-urgent: #d32f2f;

	--oft-ink: #0f172a;
	--oft-body: #374151;
	--oft-muted: #6b7280;
	--oft-line: #e5e7eb;
	--oft-line-strong: #d0d5dd;
	--oft-surface: #ffffff;
	--oft-bg: #f7f7f7;
	--oft-bg-alt: #fbfbfb;

	--oft-link: #385978;
	--oft-focus: #446c91;

	--oft-font-ui: 'Roboto', 'Segoe UI', system-ui, sans-serif;
	--oft-font-head: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
	--oft-font-serif: 'Source Serif 4', Georgia, serif;

	--oft-radius: 10px;
	--oft-radius-lg: 16px;
	--oft-shadow-sm: 0 2px 5px rgba(15, 23, 42, .08);
	--oft-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	--oft-shadow-lg: 0 12px 30px rgba(0, 0, 0, .08);
	--oft-container: 1200px;
	--oft-header-h: 92px;

	--oft-font-scale: 1;
}

html[data-oft-contrast-mode='high'] {
	--oft-navy: #000000;
	--oft-navy-dark: #000000;
	--oft-navy-soft: #ffffff;
	--oft-accent: #005f6b;
	--oft-accent-dark: #00434c;
	--oft-accent-soft: #ffffff;
	--oft-ink: #000000;
	--oft-body: #000000;
	--oft-muted: #1a1a1a;
	--oft-line: #000000;
	--oft-line-strong: #000000;
	--oft-bg: #ffffff;
	--oft-bg-alt: #ffffff;
	--oft-surface: #ffffff;
	--oft-link: #00008b;
	--oft-shadow: none;
	--oft-shadow-sm: none;
	--oft-shadow-lg: none;
}

html[data-oft-contrast-mode='high'] * {
	text-shadow: none !important;
	box-shadow: none !important;
}

html {
	font-size: calc(100% * var(--oft-font-scale));
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--oft-header-h) + 20px);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		transition-duration: .001ms !important;
	}
}

html body {
	background-color: var(--oft-bg);
	color: var(--oft-body);
	font-family: var(--oft-font-ui);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--oft-font-head);
	color: var(--oft-ink);
	line-height: 1.25;
	font-weight: 700;
}

h1 {
	font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
}

h2 {
	font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2rem);
}

h3 {
	font-size: clamp(1.2rem, 1rem + .7vw, 1.4rem);
}

a {
	color: var(--oft-link);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

a:hover {
	color: var(--oft-navy);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--oft-focus);
	outline-offset: 2px;
	border-radius: 2px;
}

img {
	max-width: 100%;
	height: auto;
}

.oft-container {
	width: 100%;
	max-width: var(--oft-container);
	margin-inline: auto;
	padding-inline: 20px;
}

.oft-center {
	margin: 0 auto;
	text-align: center;
}

.lead {
	font-size: 1.125rem;
	color: var(--oft-body);
}

.home .entry-header,
.home .page-header,
.home .entry-title,
.home .elementor-page-title,
body.home .entry-header {
	display: none !important;
}

.oft-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	padding: 12px 20px;
	background: var(--oft-navy);
	color: #fff;
	font-weight: 600;
	border-radius: 0 0 var(--oft-radius) 0;
}

.oft-skip-link:focus {
	left: 0;
	color: #fff;
}

.oft-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.oft-topbar {
	background: var(--oft-navy-dark);
	color: rgba(255, 255, 255, .85);
	font-size: 13px;
}

.oft-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px 20px;
	flex-wrap: wrap;
	min-height: 38px;
	padding-block: 5px;
}

.oft-topbar__contact {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.oft-topbar__contact i {
	font-size: 12px;
	opacity: .6;
}

.oft-topbar__hours {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.oft-topbar a {
	color: rgba(255, 255, 255, .85);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	transition: color .15s ease;
}

.oft-topbar a:hover {
	color: #fff;
	text-decoration: none;
}

.oft-topbar__tools {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}

.oft-topbar__menu {
	display: flex;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.oft-topbar__menu li {
	margin: 0;
}

.oft-topbar__menu li a {
	padding: 5px 10px;
	border-radius: 6px;
}

.oft-topbar__menu li a:hover {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

.oft-a11y {
	display: inline-flex;
	gap: 2px;
	align-items: center;
	padding: 2px;
	background: rgba(255, 255, 255, .08);
	border-radius: 8px;
}

.oft-a11y__btn {
	appearance: none;
	background: transparent;
	border: 0;
	color: rgba(255, 255, 255, .85);
	width: 28px;
	height: 26px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .15s ease, color .15s ease;
}

.oft-a11y__btn:hover {
	background: rgba(255, 255, 255, .16);
	color: #fff;
}

.oft-a11y__btn[aria-pressed='true'] {
	background: var(--oft-accent);
	color: #fff;
}

.oft-header {
	background: var(--oft-surface);
	border-bottom: 1px solid var(--oft-line);
	position: sticky;
	top: 0;
	z-index: 900;
}

.oft-header__brandbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding-block: 14px;
}

.oft-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	min-width: 0;
}

.oft-brand:hover {
	text-decoration: none;
}

.oft-brand__logo img,
.oft-brand__logo svg {
	max-height: 60px;
	width: auto;
	display: block;
	border-radius: 50px;
}

.oft-brand__text {
	min-width: 0;
}

.oft-brand__name {
	display: block;
	font-family: var(--oft-font-head);
	font-weight: 900;
	font-size: 16px;
	line-height: 1.25;
	color: var(--oft-navy);
	letter-spacing: -.01em;
	margin: 0;
}

.oft-brand__tagline {
	display: block;
	font-size: 14px;
	color: var(--oft-muted);
	margin: 0px 0 0;
	font-weight: 600;
}

.oft-header__aside {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-shrink: 0;
}

.oft-badge-anmcs {
	max-height: 48px;
	width: auto;
}

.oft-search {
	position: relative;
}

.oft-search__form {
	display: flex;
	align-items: center;
	border: 1px solid var(--oft-line);
	border-radius: 999px;
	overflow: hidden;
	background: var(--oft-bg);
	transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;

	input {
		border: 0;
	}
}

.oft-search__form:focus-within {
	background: var(--oft-surface);
	border-color: var(--oft-accent);
	box-shadow: 0 0 0 3px var(--oft-accent-soft);
}

.oft-search__input {
	border: 0;
	background: transparent;
	padding: 9px 4px 9px 16px;
	font-size: 14px;
	width: 180px;
	color: var(--oft-ink);
}

.oft-search__input::placeholder {
	color: var(--oft-muted);
}

.oft-search__input:focus-visible {
	outline: none;
}

.oft-search__submit {
	border: 0;
	background: transparent;
	color: var(--oft-muted);
	padding: 9px 14px;
	cursor: pointer;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	transition: color .15s ease;
}

.oft-search__submit:hover {
	color: var(--oft-navy);
	background: transparent;
}

.oft-nav {
	background: var(--oft-navy);
}

.oft-nav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.menu-main-menu-container>ul,
.oft-nav ul.oft-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.oft-menu li {
	margin: 0;
	padding: 0;
	position: relative;
}

.oft-menu>li>a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 13px;
	margin-block: 6px;
	border-radius: 8px;
	text-decoration: none;
	font-family: var(--oft-font-ui);
	font-size: 14.5px;
	font-weight: 500;
	color: rgba(255, 255, 255, .92);
	white-space: nowrap;
	transition: background .18s ease, color .18s ease;
}

.oft-menu>li>a:hover,
.oft-menu>li:focus-within>a {
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.oft-menu>li.current-menu-item>a,
.oft-menu>li.current-menu-ancestor>a,
.oft-menu>li.current-page-ancestor>a {
	background: rgba(255, 255, 255, .16);
	color: #fff;
	font-weight: 600;
}

.oft-menu li.menu-item-has-children>a::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 2px solid currentColor;
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg) translateY(-2px);
	flex-shrink: 0;
	transition: transform .18s ease;
}

.oft-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	list-style: none;
	margin: 0;
	padding: 6px;
	background: var(--oft-surface);
	min-width: 260px;
	z-index: 1000;
	border: 1px solid var(--oft-line);
	box-shadow: 0 16px 40px rgba(15, 23, 42, .12);
	border-radius: 12px;
}

.oft-menu li:hover>ul.sub-menu,
.oft-menu li:focus-within>ul.sub-menu,
.oft-menu li>ul.sub-menu.is-open {
	display: block;
}

.oft-menu ul.sub-menu li {
	width: 100%;
}

.oft-menu ul.sub-menu li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 12px;
	font-size: 14px;
	color: var(--oft-body);
	text-decoration: none;
	border-radius: 8px;
	transition: background .15s ease, color .15s ease;
}

.oft-menu ul.sub-menu li a:hover,
.oft-menu ul.sub-menu li.current-menu-item>a {
	background: var(--oft-accent-soft);
	color: var(--oft-navy);
}

.oft-menu ul.sub-menu ul.sub-menu {
	top: -7px;
	left: calc(100% + 4px);
}

.oft-menu ul.sub-menu li.menu-item-has-children>a::after {
	transform: rotate(-45deg);
}

.oft-menu>li:last-child ul.sub-menu,
.oft-menu>li.oft-flip ul.sub-menu {
	left: auto;
	right: 0;
}

.oft-menu>li.oft-flip ul.sub-menu ul.sub-menu {
	left: auto;
	right: 100%;
}

.oft-nav__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--oft-urgent);
	color: #fff;
	padding: 8px 18px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	margin-inline-start: auto;
	flex-shrink: 0;
	transition: background .15s ease;
}

.oft-nav__cta:hover {
	background: #b71c1c;
	color: #fff;
	text-decoration: none;
}

.oft-nav__toggle {
	display: none;
	align-items: center;
	gap: 10px;
	width: 100%;
	background: transparent;
	border: 0;
	color: #fff;
	font-family: var(--oft-font-ui);
	font-size: 15px;
	font-weight: 600;
	padding: 14px 0;
	cursor: pointer;
}

.oft-nav__toggle-bars {
	position: relative;
	width: 22px;
	height: 2px;
	background: currentColor;
	display: inline-block;
	flex-shrink: 0;
}

.oft-nav__toggle-bars::before,
.oft-nav__toggle-bars::after {
	content: '';
	position: absolute;
	left: 0;
	width: 22px;
	height: 2px;
	background: currentColor;
	transition: transform .2s ease, top .2s ease;
}

.oft-nav__toggle-bars::before {
	top: -7px;
}

.oft-nav__toggle-bars::after {
	top: 7px;
}

.oft-nav__toggle[aria-expanded='true'] .oft-nav__toggle-bars {
	background: transparent;
}

.oft-nav__toggle[aria-expanded='true'] .oft-nav__toggle-bars::before {
	top: 0;
	transform: rotate(45deg);
}

.oft-nav__toggle[aria-expanded='true'] .oft-nav__toggle-bars::after {
	top: 0;
	transform: rotate(-45deg);
}

.oft-submenu-toggle {
	display: none;
	background: rgba(255, 255, 255, .1);
	border: 0;
	color: #fff;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	border-radius: 6px;
}

.oft-slideshow {
	position: relative;
	background: var(--oft-navy-deep);
}

.oft-hero-actions {
	background: linear-gradient(135deg, var(--oft-navy-deep) 0%, var(--oft-navy) 58%, var(--oft-accent-dark) 100%);
	padding-block: clamp(18px, 2.4vw, 28px);
}

.oft-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.cta-btn,
.oft-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--oft-accent);
	color: #fff;
	border: 1px solid transparent;
	padding: 13px 24px;
	font-family: var(--oft-font-ui);
	font-size: 15px;
	font-weight: 700;
	border-radius: var(--oft-radius);
	cursor: pointer;
	text-decoration: none;
	transition: background .2s ease, transform .2s ease, color .2s ease;
}

.cta-btn:hover,
.oft-btn:hover {
	background: var(--oft-accent-dark);
	transform: translateY(-2px);
	color: #fff;
	text-decoration: none;
}

.oft-btn--navy {
	background: var(--oft-navy);
}

.oft-btn--navy:hover {
	background: var(--oft-navy-dark);
}

.oft-btn--urgent {
	background: var(--oft-urgent);
}

.oft-btn--urgent:hover {
	background: #b71c1c;
}

.oft-btn--ghost {
	background: transparent;
	border-color: rgba(255, 255, 255, .5);
	color: #fff;
}

.oft-btn--ghost:hover {
	background: rgba(255, 255, 255, .14);
	border-color: #fff;
}

.oft-btn--outline {
	background: var(--oft-surface);
	color: var(--oft-accent-dark);
	border-color: var(--oft-accent);
}

.oft-btn--outline:hover {
	background: var(--oft-accent);
	color: #fff;
}

.oft-btn--block {
	width: 100%;
}

.oft-section {
	padding-block: clamp(40px, 5vw, 64px);
}

.oft-section--alt {
	background: var(--oft-surface);
}

.oft-section--navy {
	background: var(--oft-navy);
	color: #fff;
}

.oft-section--navy h2,
.oft-section--navy h3 {
	color: #fff;
}

.oft-section-header {
	text-align: center;
	margin-bottom: 34px;
	max-width: 720px;
	margin-inline: auto;
}

.oft-section-header h2 {
	margin: 0 0 12px;
	position: relative;
	padding-bottom: 14px;
}

.oft-section-header h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 3px;
	background: var(--oft-accent);
	border-radius: 2px;
}

.oft-section-header p {
	font-size: 16px;
	color: var(--oft-muted);
	margin: 0;
}

.widget-title {
	font-family: var(--oft-font-head);
	font-size: 20px;
	font-weight: 700;
	color: var(--oft-ink);
	margin-top: 1.5rem;
	text-align: left;
	border-bottom: 2px solid var(--oft-line);
	margin-bottom: 0;
	padding-bottom: 6px;
	position: relative;
}

.widget-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 48px;
	height: 2px;
	background: var(--oft-accent);
}

.oft-quick {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
}

@media (min-width: 1025px) {
	.oft-quick--row {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
	}
}

.oft-quick__card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius-lg);
	padding: 24px;
	text-decoration: none;
	box-shadow: var(--oft-shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.oft-quick__card:hover {
	transform: translateY(-4px);
	box-shadow: var(--oft-shadow-lg);
	border-color: var(--oft-accent);
	text-decoration: none;
}

.oft-quick__icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--oft-accent-soft);
	color: var(--oft-accent-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}

.oft-quick__card--urgent .oft-quick__icon {
	background: #fdecec;
	color: var(--oft-urgent);
}

.oft-quick__card--primar .oft-quick__icon {
	background: var(--oft-navy);
	color: #fff;
}

.oft-quick__icon--logo {
	background: #fff;
	overflow: hidden;
}

.oft-quick__icon--logo img {
	width: 34px;
	height: 34px;
	object-fit: contain;
}

.oft-quick__card h3 {
	margin: 0;
	font-size: 17px;
	color: var(--oft-ink);
}

.oft-quick__card p {
	margin: 0;
	font-size: 14px;
	color: var(--oft-muted);
	line-height: 1.6;
}

.oft-news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}

/* Filtru categorii (pastile) — [oftalmo_anunturi] */
.oft-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 28px;
}

.oft-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 8px 10px 8px 16px;
	border: 1px solid var(--oft-line-strong);
	border-radius: 999px;
	background: var(--oft-surface);
	color: var(--oft-ink);
	font-family: var(--oft-font-ui);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.oft-chip:hover {
	border-color: var(--oft-navy);
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	text-decoration: none;
}

.oft-chip:focus-visible {
	outline: 2px solid var(--oft-focus);
	outline-offset: 2px;
}

.oft-chip.is-active {
	border-color: var(--oft-navy);
	background: var(--oft-navy);
	color: #fff;
	box-shadow: var(--oft-shadow-sm);
}

.oft-chip__count {
	min-width: 24px;
	padding: 3px 7px;
	border-radius: 999px;
	background: var(--oft-bg);
	color: var(--oft-muted);
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.oft-chip:hover .oft-chip__count {
	background: var(--oft-surface);
	color: var(--oft-navy);
}

.oft-chip.is-active .oft-chip__count {
	background: rgba(255, 255, 255, .2);
	color: #fff;
}

html[data-oft-contrast-mode='high'] .oft-chip.is-active .oft-chip__count {
	background: #fff;
	color: #000;
}

@media (max-width: 640px) {

	/* Pe mobil: un singur rând, derulabil orizontal. */
	.oft-chips {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		margin-right: -16px;
		padding: 2px 16px 4px 2px;
		-webkit-overflow-scrolling: touch;
	}

	.oft-chips::-webkit-scrollbar {
		display: none;
	}
}

.noutati-evenimente-card {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	padding: 20px;
	transition: background-color .35s ease, border-color .35s ease, transform .2s ease, box-shadow .2s ease;
}

.noutati-evenimente-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--oft-shadow);
	border-color: var(--oft-accent);
}

.noutati-evenimente-card__date {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
	color: var(--oft-accent-dark);
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: 10px;
}

.noutati-evenimente-card__cat {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	padding: 3px 9px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.noutati-evenimente-card .project-title,
.noutati-evenimente-card h3 {
	margin: 0 0 10px;
	font-size: 17px;
	line-height: 1.35;
}

.noutati-evenimente-card h3 a,
.noutati-evenimente-card .project-title a {
	color: var(--oft-ink);
	font-weight: 600;
	text-decoration: none;
}

.noutati-evenimente-card h3 a:hover {
	color: var(--oft-navy);
}

.noutati-evenimente-card p {
	font-size: 14.5px;
	color: var(--oft-muted);
	margin: 0 0 12px;
}

html .home-projects-list .noutati-evenimente-card {
	padding: 14px 16px;
	margin-bottom: 8px;
	border-radius: var(--oft-radius);
}

html .home-projects-list .noutati-evenimente-card:hover {
	background-color: var(--oft-navy);
	border-color: var(--oft-navy);
	transform: none;
}

html .home-projects-list .noutati-evenimente-card:hover a,
html .home-projects-list .noutati-evenimente-card:hover .noutati-evenimente-card__date,
html .home-projects-list .noutati-evenimente-card:hover p {
	color: #fff;
}

.oft-docs {
	list-style: none;
	margin: 24px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oft-docs__item {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-left: 4px solid var(--oft-accent);
	border-radius: var(--oft-radius);
	transition: box-shadow .2s ease, border-color .2s ease;
}

.oft-docs__item:hover {
	box-shadow: var(--oft-shadow-sm);
	border-color: var(--oft-line-strong);
	border-left-color: var(--oft-navy);
}

.oft-docs__link {
	display: block;
	width: 100%;
	padding: 14px 18px;
	text-decoration: none;
	color: var(--oft-ink);
}

/* The grid sits on this wrapper, not on the <button>/<a> itself: form controls
   are unreliable grid containers, and without a real column of its own a long
   title stays on a single line and runs over the preview/download action. */
.oft-docs__link-inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px 20px;
}

.oft-docs__link:hover {
	text-decoration: none;
}

.oft-docs__icon {
	grid-column: 1;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	overflow: hidden;
}

.oft-docs__icon--thumb {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
}

.oft-docs__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.oft-docs__body {
	/* A fixed grid column keeps the preview/download action pinned in place;
	   a long title just wraps onto more lines within this column instead of
	   pushing the action down to sit next to the date/size line below it. */
	grid-column: 2;
	min-width: 0;
	max-width: 68ch;
	overflow: hidden;
}

.oft-docs__title {
	display: block;
	font-weight: 600;
	font-size: 15.5px;
	line-height: 1.4;
	/* Long document names wrap onto as many lines as they need. */
	white-space: normal;
	overflow-wrap: anywhere;
}

.oft-docs__meta {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 13px;
	color: var(--oft-muted);
	margin-top: 3px;
}

.oft-docs__dl {
	grid-column: 3;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--oft-accent-dark);
	white-space: nowrap;
}

.oft-docs__row {
	display: flex;
	align-items: stretch;
	min-width: 0;
}

.oft-docs__preview-btn {
	flex: 1;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	background: none;
	border: none;
	font: inherit;
	cursor: pointer;
}

.oft-docs__preview-btn:hover,
.oft-docs__preview-btn:focus-visible {
	background: var(--oft-navy-soft);
}

/* Keep the document text readable on hover: some global styles flip link/button
   text to white, which makes the row disappear against the soft hover background. */
html .oft-docs__link,
html .oft-docs__link:hover,
html .oft-docs__link:focus,
html .oft-docs__link:focus-visible,
html .oft-docs__link:hover .oft-docs__title,
html .oft-docs__link:focus-visible .oft-docs__title,
html .oft-docs__item:hover .oft-docs__title {
	color: var(--oft-ink);
}

html .oft-docs__link:hover .oft-docs__meta,
html .oft-docs__link:focus-visible .oft-docs__meta,
html .oft-docs__item:hover .oft-docs__meta {
	color: var(--oft-muted);
}

html .oft-docs__link:hover .oft-docs__icon,
html .oft-docs__item:hover .oft-docs__icon {
	color: var(--oft-navy);
}

html .oft-docs__link:hover .oft-docs__dl,
html .oft-docs__link:hover .oft-docs__preview-hint,
html .oft-docs__item:hover .oft-docs__dl,
html .oft-docs__item:hover .oft-docs__preview-hint {
	color: var(--oft-accent-dark);
}

html .oft-docs__dl--split:hover,
html .oft-docs__dl--split:focus-visible {
	color: var(--oft-navy);
}

.oft-docs__preview-hint {
	grid-column: 3;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--oft-accent-dark);
	white-space: nowrap;
}

.oft-docs__dl--split {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0 18px;
	border-left: 1px solid var(--oft-line);
	color: var(--oft-navy);
	text-decoration: none;
	font-size: 15px;
}

.oft-docs__dl--split:hover {
	background: var(--oft-navy-soft);
	text-decoration: none;
}

@media (max-width: 480px) {
	.oft-docs__preview-hint span {
		display: none;
	}
}

.oft-doc-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.oft-doc-modal[hidden] {
	display: none;
}

.oft-doc-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .72);
}

.oft-doc-modal__dialog {
	position: relative;
	background: var(--oft-surface);
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
	width: min(900px, 100%);
	max-height: min(85vh, 900px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.oft-doc-modal__header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--oft-line);
}

.oft-doc-modal__title {
	flex: 1;
	min-width: 0;
	font-weight: 600;
	font-size: 15.5px;
	color: var(--oft-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oft-doc-modal__download {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--oft-accent-dark);
	text-decoration: none;
	white-space: nowrap;
}

.oft-doc-modal__download:hover {
	text-decoration: underline;
}

.oft-doc-modal__close {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	border: none;
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 15px;
}

.oft-doc-modal__close:hover {
	background: var(--oft-navy);
	color: #fff;
}

.oft-doc-modal__body {
	flex: 1;
	min-height: 0;
	background: var(--oft-navy-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
}

.oft-doc-modal__frame {
	width: 100%;
	height: 100%;
	min-height: 70vh;
	border: none;
}

.oft-doc-modal__image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

body.oft-modal-lock {
	overflow: hidden;
}

.oft-empty {
	background: var(--oft-navy-soft);
	border: 1px dashed var(--oft-line-strong);
	border-radius: var(--oft-radius);
	padding: 22px;
	color: var(--oft-muted);
	text-align: center;
}

.oft-page-head {
	background: var(--oft-surface);
	border-bottom: 1px solid var(--oft-line);
	padding-block: 26px 24px;
}

.oft-page-head h1 {
	margin: 8px 0 0;
}

.oft-breadcrumb {
	font-size: 13.5px;
	color: var(--oft-muted);
}

.oft-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.oft-breadcrumb li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.oft-breadcrumb li:not(:last-child)::after {
	content: '›';
	color: var(--oft-line-strong);
	font-size: 15px;
}

.oft-breadcrumb a {
	color: var(--oft-muted);
	text-decoration: none;
}

.oft-breadcrumb a:hover {
	color: var(--oft-navy);
	text-decoration: underline;
}

.oft-breadcrumb [aria-current='page'] {
	color: var(--oft-navy);
	font-weight: 600;
}

.oft-layout {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	padding-block: 34px 56px;
}

.oft-layout--full {
	grid-template-columns: minmax(0, 1fr);
}

.oft-sidenav {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	overflow: hidden;
	position: sticky;
	top: calc(var(--oft-header-h) + 16px);
}

.oft-sidenav__title {
	margin: 0;
	padding: 14px 18px;
	background: var(--oft-navy);
	color: #fff;
	font-size: 15px;
	font-family: var(--oft-font-head);
	font-weight: 700;
}

.oft-sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oft-sidenav li a {
	display: block;
	padding: 11px 18px;
	font-size: 14.5px;
	color: var(--oft-body);
	text-decoration: none;
	border-bottom: 1px solid var(--oft-line);
	border-left: 3px solid transparent;
}

.oft-sidenav li:last-child a {
	border-bottom: 0;
}

.oft-sidenav li a:hover {
	background: var(--oft-bg-alt);
	border-left-color: var(--oft-accent);
	color: var(--oft-navy);
}

.oft-sidenav li.current_page_item>a,
.oft-sidenav li.current_page_ancestor>a,
.oft-sidenav li.current-menu-item>a,
.oft-sidenav li.current-menu-ancestor>a {
	background: var(--oft-navy-soft);
	border-left-color: var(--oft-accent);
	color: var(--oft-navy);
	font-weight: 600;
}

.oft-sidenav ul ul li a {
	padding-left: 34px;
	font-size: 14px;
}

.oft-content {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	padding: clamp(20px, 3vw, 38px);
}

.oft-content>*:first-child {
	margin-top: 0;
}

.oft-content>*:last-child {
	margin-bottom: 0;
}

.oft-content h2 {
	margin-top: 2em;
}

.oft-content h3 {
	margin-top: 1.6em;
}

.oft-content table {
	width: 100%;
	border-collapse: collapse;
	margin-block: 22px;
	font-size: 15px;
}

.oft-content table th,
.oft-content table td {
	border: 1px solid var(--oft-line);
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.oft-content table th {
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	font-family: var(--oft-font-head);
	font-weight: 700;
}

.oft-content table tbody tr:nth-child(even) {
	background: var(--oft-bg-alt);
}

.oft-table-wrap {
	overflow-x: auto;
}

.oft-content blockquote {
	margin: 24px 0;
	padding: 4px 0 4px 20px;
	border-left: 4px solid var(--oft-accent);
	font-family: var(--oft-font-serif);
	font-size: 1.05rem;
	color: var(--oft-body);
}

/* Imagini și galerii în conținutul paginilor (secții, prezentare, ambulatoriu). */
.oft-content figure {
	margin-inline: 0;
}

.oft-content .wp-block-image {
	margin-block: 26px;
}

.oft-content .wp-block-image img,
.oft-content .wp-block-gallery img {
	max-width: 100%;
	height: auto;
	border-radius: var(--oft-radius);
}

/* Fotografiile portret nu depășesc înălțimea unui ecran obișnuit. */
.oft-content>.wp-block-image img {
	display: block;
	width: auto;
	max-height: 600px;
	margin-inline: auto;
}

.oft-content>.wp-block-image figcaption {
	text-align: center;
}

/* Imagine aliniată la stânga (blocul Imagine → „Aliniere stânga”): textul curge în dreapta ei. */
.oft-content .wp-block-image.alignleft,
.oft-content figure.alignleft {
	float: left;
	width: min(42%, 360px);
	margin: 6px 30px 18px 0;
}

.oft-content .wp-block-image.alignleft img,
.oft-content figure.alignleft img {
	width: 100%;
	max-height: none;
	margin: 0;
}

.oft-content>.wp-block-image.alignleft figcaption {
	text-align: left;
}

/* Listele de lângă imagine nu își suprapun marcajele peste ea. */
.oft-content .alignleft~ul,
.oft-content .alignleft~ol {
	display: flow-root;
}

/* Galeriile și tabelele încep sub imagine; articolul își închide float-urile. */
.oft-content .wp-block-gallery,
.oft-content .wp-block-table {
	clear: both;
}

.oft-content::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 640px) {

	.oft-content .wp-block-image.alignleft,
	.oft-content figure.alignleft {
		float: none;
		width: auto;
		margin: 26px 0;
	}
}

/* Conținut cu o singură imagine (filtrul oftalmo_single_image_half): imaginea ocupă jumătatea
   stângă a articolului, textul de după ea curge în jumătatea dreaptă. */
.oft-content .wp-block-image.oft-media-half,
.oft-content img.oft-media-half {
	float: left;
	width: calc(50% - 15px);
	margin: 6px 30px 18px 0;
}

.oft-content .wp-block-image.oft-media-half img,
.oft-content img.oft-media-half {
	height: auto;
	max-height: none;
}

.oft-content .wp-block-image.oft-media-half img {
	width: 100%;
	margin: 0;
}

.oft-content>.wp-block-image.oft-media-half figcaption {
	text-align: left;
}

.oft-content .oft-media-half~ul,
.oft-content .oft-media-half~ol {
	display: flow-root;
}

@media (max-width: 640px) {

	.oft-content .wp-block-image.oft-media-half,
	.oft-content img.oft-media-half {
		float: none;
		width: auto;
		margin: 26px 0;
	}
}

/* Listele de text din conținut păstrează distanța față de paragraful următor.
   Listele componentelor temei (.oft-docs, .dd_*) își păstrează propriul spațiu. */
.oft-content ul:not([class]),
.oft-content ol:not([class]),
.oft-content ul.wp-block-list,
.oft-content ol.wp-block-list {
	margin-block: 0 16px;
}

.oft-content ul:not([class])>li,
.oft-content ol:not([class])>li,
.oft-content .wp-block-list>li {
	margin-bottom: 4px;
}

.oft-content figcaption,
.oft-content .wp-element-caption {
	margin-top: 8px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--oft-muted);
	font-style: italic;
	text-align: left;
}

.oft-content .wp-block-gallery {
	margin-block: 26px;
	gap: 14px;
}

.oft-content .wp-block-gallery figcaption {
	display: none;
}

/* Toate galeriile foto (în afară de cele de afișe): grilă fixă de 4 miniaturi 4:3 pe rând,
   indiferent de numărul de coloane ales în editor, fără ca ultimul rând să se lățească. */
.oft-content .wp-block-gallery.has-nested-images:not(.oft-gallery-posters) {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.oft-content .wp-block-gallery.has-nested-images:not(.oft-gallery-posters) figure.wp-block-image:not(#individual-image) {
	width: auto;
	margin: 0;
	aspect-ratio: 4 / 3;
}

.oft-content .wp-block-gallery.has-nested-images:not(.oft-gallery-posters) figure.wp-block-image:not(#individual-image) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 782px) {
	.oft-content .wp-block-gallery.has-nested-images:not(.oft-gallery-posters) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.oft-content .wp-block-gallery.has-nested-images:not(.oft-gallery-posters) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Galerie de afișe (clasa „oft-gallery-posters” pe blocul Galerie, ex. Educație sanitară):
   carduri uniforme, afișul se vede întreg (fără decupare), legenda sub imagine. */
.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image:not(#individual-image) {
	width: auto;
	margin: 0;
	padding: 10px 10px 14px;
	justify-content: flex-start;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius-lg);
	box-shadow: var(--oft-shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease;
}

.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image:not(#individual-image):hover {
	transform: translateY(-3px);
	box-shadow: var(--oft-shadow-lg);
}

.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	background: var(--oft-accent-soft);
	border-radius: var(--oft-radius);
}

.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image:has(figcaption)::before {
	content: none;
}

.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image figcaption {
	position: static;
	display: block;
	flex-grow: 0;
	max-height: none;
	margin: 12px 4px 0;
	padding: 0;
	overflow: visible;
	background: none;
	color: var(--oft-ink);
	font-family: var(--oft-font-head);
	font-size: 14.5px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	text-align: left;
	text-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image:not(#individual-image) {
		transition: none;
	}

	.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters figure.wp-block-image:not(#individual-image):hover {
		transform: none;
	}
}

@media (max-width: 900px) {
	.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (max-width: 420px) {
	.oft-content .wp-block-gallery.has-nested-images.oft-gallery-posters {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Lightbox pentru imaginile din galerii (assets/js/gallery-lightbox.js). */
.wp-block-gallery img.oft-lightbox-trigger {
	cursor: zoom-in;
}

.oft-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 56px 16px 24px;
	background: rgba(8, 28, 41, .97);
}

.oft-lightbox[hidden] {
	display: none;
}

.oft-lightbox__stage {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.oft-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: calc(100% - 40px);
	object-fit: contain;
	border-radius: 4px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .45);
	user-select: none;
}

.oft-lightbox__caption {
	max-width: 900px;
	color: #e5e7eb;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.oft-lightbox__counter {
	position: absolute;
	top: 18px;
	left: 20px;
	color: #e5e7eb;
	font-size: 14px;
	font-weight: 600;
}

.oft-lightbox__btn {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 18px;
	transition: background .15s;
}

.oft-lightbox__btn:hover,
.oft-lightbox__btn:focus {
	background: rgba(255, 255, 255, .26);
	color: #fff;
}

.oft-lightbox__btn[hidden] {
	display: none;
}

.oft-lightbox__close {
	position: absolute;
	top: 8px;
	right: 12px;
}

@media (max-width: 640px) {
	.oft-lightbox {
		padding-inline: 0;
	}

	.oft-lightbox__prev,
	.oft-lightbox__next {
		position: absolute;
		bottom: 16px;
		z-index: 1;
	}

	.oft-lightbox__prev {
		left: calc(50% - 56px);
	}

	.oft-lightbox__next {
		right: calc(50% - 56px);
	}

	.oft-lightbox__stage {
		padding-bottom: 60px;
	}
}

.oft-page-widgets {
	display: grid;
	gap: 26px;
	margin-top: 36px;
	padding-top: 30px;
	border-top: 1px solid var(--oft-line);
}

.oft-page-widgets .widget-title {
	font-size: 15.5px;
	margin-top: 0;
	padding-bottom: 5px;
}

.oft-page-widgets .widget>*:last-child {
	margin-bottom: 0;
}

.oft-page-widgets ul {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	display: grid;
	gap: 9px;
}

.oft-page-widgets li {
	font-size: 14px;
	line-height: 1.5;
	color: var(--oft-body);
}

.oft-page-widgets .wp-block-latest-posts.is-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 22px;
}

.oft-page-widgets .wp-block-latest-posts.is-grid li {
	margin: 0;
	width: auto;
	display: flex;
	flex-direction: column;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	overflow: hidden;
	box-shadow: var(--oft-shadow-sm);
	transition: box-shadow .2s ease, transform .2s ease;
}

.oft-page-widgets .wp-block-latest-posts.is-grid li:hover {
	box-shadow: var(--oft-shadow);
	transform: translateY(-2px);
}

.oft-page-widgets .wp-block-latest-posts__featured-image {
	margin: 0;
}

.oft-page-widgets .wp-block-latest-posts__featured-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.oft-page-widgets .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-title {
	display: block;
	padding: 14px 16px 0;
	font-family: var(--oft-font-head);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--oft-ink);
	text-decoration: none;
}

.oft-page-widgets .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-title:hover {
	color: var(--oft-accent-dark);
	text-decoration: underline;
}

.oft-page-widgets .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-excerpt {
	margin: 8px 16px 16px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--oft-body);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.oft-page-widgets .wp-block-latest-posts.is-grid .wp-block-latest-posts__read-more {
	display: none;
}

.oft-page-widgets a {
	color: var(--oft-link);
	text-decoration: none;
}

.oft-page-widgets a:hover {
	color: var(--oft-navy);
	text-decoration: underline;
}

.oft-page-widgets .search-form {
	display: flex;
	align-items: center;
	max-width: 360px;
	margin-top: 14px;
	border: 1px solid var(--oft-line-strong);
	border-radius: 999px;
	overflow: hidden;
	background: var(--oft-bg-alt);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.oft-page-widgets .search-form:focus-within {
	border-color: var(--oft-accent);
	box-shadow: 0 0 0 3px var(--oft-accent-soft);
}

.oft-page-widgets .search-form label {
	flex: 1;
	margin: 0;
	font-size: 14px;
}

.oft-page-widgets .search-field {
	width: 100%;
	border: 0;
	background: transparent;
	padding: 10px 16px;
	font-size: 14px;
	color: var(--oft-ink);
}

.oft-page-widgets .search-field:focus-visible {
	outline: none;
}

.oft-page-widgets .search-submit {
	border: 0;
	background: var(--oft-navy);
	color: #fff;
	padding: 10px 18px;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .18s ease;
}

.oft-page-widgets .search-submit:hover {
	background: var(--oft-navy-dark);
}

.dd_departments-grid {
	margin: 30px auto 50px;
}

.dd_departments-grid .dd_section-header {
	text-align: center;
	margin-bottom: 30px;
}

.dd_departments-grid .dd_section-header h1,
.dd_departments-grid .dd_section-header h2 {
	font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
	font-weight: 700;
	margin-bottom: 12px;
}

.dd_departments-grid .dd_section-header p {
	font-size: 16px;
	color: var(--oft-muted);
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.6;
}

.dd_departments-grid .dd_cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
}

.dd_departments-grid .dd_card {
	display: flex;
	flex-direction: column;
	background: var(--oft-surface);
	border-radius: var(--oft-radius-lg);
	padding: 28px;
	box-shadow: var(--oft-shadow);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	border: 1px solid var(--oft-line);
}

.dd_departments-grid .dd_card:hover {
	transform: translateY(-4px);
	box-shadow: var(--oft-shadow-lg);
	border-color: var(--oft-accent);
}

.dd_departments-grid .dd_icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--oft-accent-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: var(--oft-accent-dark);
	font-size: 24px;
}

.dd_departments-grid .dd_icon img {
	width: 25px !important;
	height: 25px !important;
}

.dd_departments-grid .dd_icon svg {
	width: 28px;
	height: 28px;
	stroke: var(--oft-accent-dark);
}

.dd_departments-grid .dd_card h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 12px;
}

.dd_departments-grid .dd_card h3 a {
	color: var(--oft-ink);
	text-decoration: none;
}

.dd_departments-grid .dd_card h3 a:hover {
	color: var(--oft-navy);
}

.dd_departments-grid .dd_card p {
	font-size: 14px;
	color: var(--oft-muted);
	line-height: 1.6;
	margin-bottom: 16px;
}

.dd_departments-grid .dd_card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}

.dd_departments-grid .dd_card li {
	font-size: 14px;
	color: var(--oft-body);
	margin-bottom: 8px;
	position: relative;
	padding-left: 16px;
}

.dd_departments-grid .dd_card li::before {
	content: '';
	width: 6px;
	height: 6px;
	background: var(--oft-accent);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}

.dd_departments-grid .dd_card__meta {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--oft-line);
	font-size: 13px;
	color: var(--oft-muted);
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.dd_departments-grid .dd_card__beds {
	font-weight: 700;
	color: var(--oft-navy);
}

.dd_departments-grid>.cta-btn {
	display: flex;
	margin: 30px auto 0;
	max-width: 300px;
}

.appointment-card {
	max-width: 900px;
	margin: 30px auto;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 32px;
	border-radius: var(--oft-radius-lg);
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	box-shadow: var(--oft-shadow-sm);
}

.appointment-card .icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--oft-accent-soft);
	color: var(--oft-accent-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 30px;
}

.appointment-card .content h2,
.appointment-card .content h3 {
	margin: 0 0 12px;
	font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
	color: var(--oft-ink);
}

.appointment-card .content p {
	margin: 0 0 20px;
	color: var(--oft-muted);
	line-height: 1.6;
	max-width: 620px;
}

.appointment-card__phones {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-bottom: 20px;
	font-size: 15px;
}

.appointment-card__phones a {
	font-weight: 700;
	color: var(--oft-navy);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.faq-accordion {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faq-item {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.faq-item.is-open {
	border-color: var(--oft-accent);
	box-shadow: 0 3px 6px rgba(15, 23, 42, .12);
	transform: translateY(-2px);
}

.faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	color: var(--oft-ink);
	margin: 0;
	padding: 15px 22px;
	font-family: var(--oft-font-ui);
	font-size: 15.5px;
	font-weight: 600;
	border: 0;
	cursor: pointer;
	gap: 1rem;
	text-align: left;
}

.faq-question::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid var(--oft-accent-dark);
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg);
	transition: transform .2s ease;
	flex-shrink: 0;
}

.faq-item.is-open .faq-question::after {
	transform: rotate(225deg);
}

.faq-question-text {
	flex: 1;
	line-height: 1.4;
}

.faq-answer {
	display: none;
	padding: 4px 22px 20px;
	color: var(--oft-body);
	font-size: 15px;
	line-height: 1.65;
}

.faq-item.is-open .faq-answer {
	display: block;
}

.faq-answer>*:first-child {
	margin-top: 0;
}

.faq-answer>*:last-child {
	margin-bottom: 0;
}

.oft-doctors {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 20px;
	margin-top: 40px;
}

.oft-doctor {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius-lg);
	overflow: hidden;
	box-shadow: var(--oft-shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease;
}

.oft-doctor:hover {
	transform: translateY(-4px);
	box-shadow: var(--oft-shadow-lg);
}

.oft-doctor__photo {
	height: 306px;
	background: var(--oft-navy-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.oft-sidenav .oft-doctor__photo {
	aspect-ratio: auto;
	height: auto;
	min-height: 150px;
}

.oft-doctor__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.oft-sidenav .oft-doctor__photo img {
	height: auto;
	object-fit: contain;
}

.oft-doctor__photo-placeholder {
	font-size: 50px;
	color: var(--oft-navy);
	opacity: .38;
}

.oft-doctor__body {
	padding: 18px;
}

.oft-doctor__name {
	margin: 0 0 4px;
	font-size: 16.5px;
	line-height: 1.35;
}

.oft-doctor__name a {
	color: var(--oft-ink);
	text-decoration: none;
}

.oft-doctor__role {
	font-size: 13.5px;
	color: var(--oft-accent-dark);
	font-weight: 600;
	margin: 0 0 8px;
}

.oft-doctor__spec {
	font-size: 13.5px;
	color: var(--oft-muted);
	margin: 0;
}

.oft-sectie-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 8px 0 12px;
}

.oft-sectie-nav a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid var(--oft-line);
	border-radius: 999px;
	background: var(--oft-surface);
	color: var(--oft-navy);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.oft-sectie-nav a:hover,
.oft-sectie-nav a:focus-visible {
	background: var(--oft-navy);
	border-color: var(--oft-navy);
	color: #fff;
}

.oft-sectie-nav a span {
	min-width: 22px;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--oft-accent-soft);
	color: var(--oft-accent-dark);
	font-size: 12px;
	text-align: center;
}

.oft-sectie-group {
	margin-top: 56px;
}

.oft-sectie-group:last-child {
	margin-bottom: 40px;
}

.oft-sectie-group__head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--oft-line);
	position: relative;
}

.oft-sectie-group__head::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 72px;
	height: 2px;
	background: var(--oft-accent);
}

.oft-sectie-group__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--oft-accent-soft);
	color: var(--oft-accent-dark);
	font-size: 20px;
}

.oft-sectie-group__title {
	margin: 0;
	font-size: 22px;
	line-height: 1.3;
}

.oft-sectie-group__title a {
	color: var(--oft-navy);
	text-decoration: none;
}

.oft-sectie-group__title a:hover {
	color: var(--oft-accent-dark);
	text-decoration: underline;
}

.oft-sectie-group__count {
	margin-left: auto;
	padding: 3px 11px;
	border-radius: 999px;
	background: var(--oft-navy-soft);
	color: var(--oft-navy);
	font-size: 13px;
	font-weight: 700;
}

.oft-sectie-group .oft-news-grid {
	margin-top: 24px;
}

.oft-sectie-group .oft-doctors {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	margin-top: 24px;
}

@media (max-width: 480px) {
	.oft-sectie-group {
		margin-top: 40px;
	}

	.oft-sectie-group__title {
		font-size: 18px;
	}

	.oft-sectie-group__icon {
		width: 38px;
		height: 38px;
		font-size: 17px;
	}
}

.oft-contact-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin-block: 26px;
}

.oft-contact-card {
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius-lg);
	padding: 24px;
	box-shadow: var(--oft-shadow-sm);
}

.oft-contact-card h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-size: 16.5px;
	color: var(--oft-navy);
}

.oft-contact-card h3 i {
	color: var(--oft-accent-dark);
}

.oft-contact-card dl {
	margin: 0;
}

.oft-contact-card dt {
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--oft-muted);
	font-weight: 600;
	margin-top: 12px;
}

.oft-contact-card dt:first-child {
	margin-top: 0;
}

.oft-contact-card dd {
	margin: 3px 0 0;
	font-size: 15px;
	color: var(--oft-ink);
}

.oft-contact-card dd a {
	color: var(--oft-link);
	text-decoration: none;
	font-weight: 500;
}

.oft-contact-card dd a:hover {
	text-decoration: underline;
}

.oft-map {
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius-lg);
	overflow: hidden;
	line-height: 0;
	background: var(--oft-navy-soft);
}

.oft-map iframe {
	width: 100%;
	height: 420px;
	border: 0;
	display: block;
}

.wpcf7 {
	margin-block: 20px;
}

.wpcf7-form p {
	margin-bottom: 18px;
}

.wpcf7-form label {
	display: block;
	font-weight: 600;
	font-size: 14.5px;
	color: var(--oft-ink);
	margin-bottom: 6px;
}

.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='url'],
.wpcf7 input[type='number'],
.wpcf7 input[type='date'],
.wpcf7 input[type='file'],
.wpcf7 select,
.wpcf7 textarea,
.oft-form input[type='text'],
.oft-form input[type='email'],
.oft-form input[type='tel'],
.oft-form select,
.oft-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	font-family: var(--oft-font-ui);
	font-size: 15px;
	color: var(--oft-ink);
	background: var(--oft-surface);
	border: 1px solid var(--oft-line-strong);
	border-radius: 8px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus,
.oft-form input:focus,
.oft-form select:focus,
.oft-form textarea:focus {
	border-color: var(--oft-accent);
	box-shadow: 0 0 0 3px var(--oft-accent-soft);
	outline: none;
}

.wpcf7 textarea,
.oft-form textarea {
	min-height: 140px;
	resize: vertical;
}

.wpcf7 input[type='submit'],
.oft-form button[type='submit'] {
	background: var(--oft-accent);
	color: #fff;
	border: 0;
	padding: 13px 30px;
	font-family: var(--oft-font-ui);
	font-size: 15px;
	font-weight: 700;
	border-radius: var(--oft-radius);
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.wpcf7 input[type='submit']:hover,
.oft-form button[type='submit']:hover {
	background: var(--oft-accent-dark);
	transform: translateY(-2px);
}

.wpcf7-not-valid-tip {
	color: var(--oft-urgent);
	font-size: 13.5px;
	margin-top: 5px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 14px 18px;
	border-radius: var(--oft-radius);
	border-width: 1px;
	font-size: 14.5px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #2e7d32;
	background: #edf7ed;
	color: #1b5e20;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
	border-color: var(--oft-urgent);
	background: #fdecec;
	color: #931f1f;
}

.oft-search-results {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oft-search-result {
	display: flex;
	gap: 18px;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	padding: 18px;
	margin-bottom: 12px;
	transition: box-shadow .2s ease, border-color .2s ease;
}

.oft-search-result:hover {
	box-shadow: var(--oft-shadow-sm);
	border-color: var(--oft-accent);
}

.oft-search-result__thumb {
	flex-shrink: 0;
	width: 96px;
	height: 72px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--oft-navy-soft);
}

.oft-search-result__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oft-search-result__meta {
	font-size: 12.5px;
	color: var(--oft-muted);
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 5px;
}

.oft-search-result__title {
	margin: 0 0 6px;
	font-size: 17px;
}

.oft-search-result__title a {
	color: var(--oft-ink);
	text-decoration: none;
}

.oft-search-result__title a:hover {
	color: var(--oft-navy);
}

.oft-search-result__excerpt {
	font-size: 14.5px;
	color: var(--oft-muted);
	margin: 0;
}

.oft-pagination {
	margin-block: 34px;
}

.oft-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding-inline: 12px;
	margin: 0 3px;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: 8px;
	color: var(--oft-body);
	text-decoration: none;
	font-weight: 600;
	font-size: 14.5px;
}

.oft-pagination .page-numbers:hover {
	background: var(--oft-navy-soft);
	border-color: var(--oft-accent);
	color: var(--oft-navy);
}

.oft-pagination .page-numbers.current {
	background: var(--oft-navy);
	border-color: var(--oft-navy);
	color: #fff;
}

.oft-footer {
	background: var(--oft-navy-deep);
	color: rgba(255, 255, 255, .82);
	font-size: 14.5px;
	margin-top: 40px;
}

.oft-footer__main {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
	gap: 34px;
	padding-block: 48px 36px;
}

.oft-footer h4,
.oft-footer .footer-widget h4 {
	font-family: var(--oft-font-head);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	position: relative;
}

.oft-footer h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 42px;
	height: 2px;
	background: var(--oft-accent);
}

.oft-footer a {
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
}

.oft-footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.oft-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oft-footer ul li {
	margin-bottom: 9px;
}

.oft-footer__brand-name {
	font-family: var(--oft-font-head);
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 1.35;
	margin: 0 0 10px;
}

.oft-footer__desc {
	margin: 0 0 18px;
	line-height: 1.7;
}

.oft-footer__contact li {
	display: flex;
	gap: 11px;
	align-items: flex-start;
	margin-bottom: 11px;
}

.oft-footer__contact i {
	color: var(--oft-accent);
	margin-top: 4px;
	flex-shrink: 0;
	width: 16px;
	text-align: center;
}

.oft-footer__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 18px;
}

.oft-footer__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 12.5px;
	font-weight: 600;
	color: #fff;
}

.oft-footer__social {
	display: flex;
	gap: 9px;
	margin-top: 18px;
	list-style: none;
	padding: 0;
}

.oft-footer__social a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease;
}

.oft-footer__social a:hover {
	background: var(--oft-accent);
}

/* Bandă certificări: plăcuțe albe de aceeași înălțime, siglele încadrate fără deformare. */
.oft-footer__certs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
	border-top: 1px solid rgba(255, 255, 255, .14);
	padding-block: 24px;
}

.oft-footer__certs-title {
	margin: 0;
	font-family: var(--oft-font-head);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7);
}

.oft-footer ul.oft-footer__certs-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.oft-footer ul.oft-footer__certs-list li {
	margin: 0;
}

.oft-footer__cert a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 96px;
	min-width: 96px;
	padding: 8px;
	background: #fff;
	border-radius: var(--oft-radius);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	transition: transform .2s ease, box-shadow .2s ease;
}

.oft-footer__cert--wide a {
	padding-inline: 18px;
}

.oft-footer__cert a:hover,
.oft-footer__cert a:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
}

.oft-footer__cert img {
	display: block;
	width: auto;
	height: 80px;
	max-width: none;
	border-radius: 6px;
}

.oft-footer__cert--wide img {
	height: 48px;
	border-radius: 0;
}

.oft-footer__bar {
	border-top: 1px solid rgba(255, 255, 255, .14);
	padding-block: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	font-size: 13px;
}

.oft-footer__bar nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}

.oft-footer__bar nav ul li {
	margin: 0;
}

.footer-disclaimer {
	text-align: center;
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
	padding: 10px 0;
}

.oft-archive-desc {
	margin: 10px 0 0;
	font-size: 15px;
	color: var(--oft-muted);
	max-width: 70ch;
}

.oft-archive-desc p:last-child {
	margin-bottom: 0;
}

.oft-article__cats {
	margin: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.oft-article__cats .noutati-evenimente-card__cat {
	margin: 0;
	text-decoration: none;
}

.oft-article__cats .noutati-evenimente-card__cat:hover {
	background: var(--oft-navy);
	color: #fff;
}

.oft-article__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin: 10px 0 0;
	font-size: 13.5px;
	color: var(--oft-muted);
}

.oft-article__meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.oft-article__media {
	margin: 0 0 28px;
}

.oft-article__media img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-inline: auto;
	border-radius: var(--oft-radius);
}

.oft-article__media figcaption,
.oft-article figcaption,
.oft-article .wp-caption-text {
	margin-top: 8px;
	font-size: 13.5px;
	color: var(--oft-muted);
	font-style: italic;
}

.oft-article figure {
	margin-inline: 0;
}

.oft-article figure img,
.oft-article .wp-block-image img {
	border-radius: var(--oft-radius);
}

.oft-article__pages {
	margin-block: 30px 0;
}

.oft-article__tags {
	margin: 30px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--oft-line);
	font-size: 14px;
	color: var(--oft-muted);
}

.oft-article__tags-label {
	font-weight: 600;
	color: var(--oft-body);
	margin-right: 4px;
}

.oft-article__tags a {
	display: inline-block;
	background: var(--oft-accent-soft);
	color: var(--oft-accent-dark);
	border-radius: 4px;
	padding: 3px 10px;
	margin: 0 4px 4px 0;
	font-size: 13px;
	text-decoration: none;
}

.oft-article__tags a:hover {
	background: var(--oft-navy);
	color: #fff;
}

.oft-post-nav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-bottom: 46px;
}

.oft-post-nav__link {
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-radius: var(--oft-radius);
	padding: 16px 20px;
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.oft-post-nav__link:hover {
	border-color: var(--oft-accent);
	box-shadow: var(--oft-shadow-sm);
	text-decoration: none;
}

.oft-post-nav__link--next {
	text-align: right;
}

.oft-post-nav__label {
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--oft-accent-dark);
}

.oft-post-nav__title {
	font-family: var(--oft-font-head);
	font-size: 15.5px;
	font-weight: 600;
	color: var(--oft-ink);
	line-height: 1.35;
}

.oft-related .oft-section-header {
	margin-bottom: 26px;
}

.noutati-evenimente-card--media {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.noutati-evenimente-card__thumb {
	display: block;
	aspect-ratio: 16 / 10;
	background: var(--oft-navy-soft);
	overflow: hidden;
}

.noutati-evenimente-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}

.noutati-evenimente-card--media:hover .noutati-evenimente-card__thumb img {
	transform: scale(1.04);
}

.noutati-evenimente-card__thumb-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 34px;
	color: var(--oft-accent);
}

.noutati-evenimente-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
}

.noutati-evenimente-card__body .cta-btn {
	margin-top: auto;
	padding: 10px 18px;
	font-size: 14px;
}

@media (max-width: 1120px) {
	.oft-footer__main {
		grid-template-columns: 1fr 1fr;
	}

	.oft-menu>li>a {
		padding: 9px 10px;
		font-size: 14px;
	}

	.oft-search__input {
		width: 140px;
	}
}

@media (max-width: 1024px) {
	:root {
		--oft-header-h: auto;
	}

	.oft-header {
		position: static;
	}

	.oft-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.oft-sidenav {
		position: static;
	}

	.oft-header__aside .oft-search {
		display: none;
	}

	.oft-nav__inner {
		display: block;
		position: relative;
	}

	.oft-nav__toggle {
		display: flex;
	}

	.oft-nav__cta {
		display: none;
	}

	.menu-main-menu-container,
	.oft-nav .oft-menu-wrap {
		display: none;
		padding-bottom: 14px;
	}

	.oft-nav .oft-menu-wrap.is-open {
		display: block;
	}

	.oft-menu {
		flex-direction: column;
		border-top: 1px solid rgba(255, 255, 255, .16);
	}

	.oft-menu>li,
	.oft-menu ul.sub-menu>li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	.oft-menu>li>a {
		flex: 1;
		padding: 13px 4px;
		margin-block: 0;
		border-radius: 0;
		white-space: normal;
	}

	.oft-menu>li>a::after {
		display: none;
	}

	.oft-submenu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.oft-menu ul.sub-menu {
		display: none;
		position: static;
		width: 100%;
		flex-basis: 100%;
		background: rgba(0, 0, 0, .2);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		min-width: 0;
		padding: 0;
	}

	.oft-menu li>ul.sub-menu.is-open {
		display: block;
	}

	.oft-menu li:hover>ul.sub-menu {
		display: none;
	}

	.oft-menu li>ul.sub-menu.is-open {
		display: block;
	}

	.oft-menu ul.sub-menu li a {
		color: rgba(255, 255, 255, .9);
		padding: 11px 4px 11px 20px;
		border-left: 0;
		flex: 1;
	}

	.oft-menu ul.sub-menu li a:hover,
	.oft-menu ul.sub-menu li.current-menu-item>a {
		background: rgba(255, 255, 255, .1);
		color: #fff;
	}

	.oft-menu ul.sub-menu ul.sub-menu li a {
		padding-left: 38px;
	}

	.oft-menu ul.sub-menu li a::after {
		display: none;
	}
}

@media (max-width: 782px) {
	.oft-post-nav {
		grid-template-columns: minmax(0, 1fr);
	}

	.oft-post-nav__link--next {
		text-align: left;
	}

	.oft-topbar__inner {
		min-height: 0;
		padding-block: 4px;
		gap: 4px 12px;
	}

	.oft-topbar__contact {
		font-size: 11.5px;
		gap: 10px;
	}

	.oft-topbar__hours {
		gap: 5px;
	}

	.oft-topbar__nav {
		display: none;
	}

	.oft-a11y {
		gap: 1px;
		padding: 1px;
	}

	.oft-a11y__btn {
		width: 22px;
		height: 20px;
		font-size: 10.5px;
	}

	.oft-header__brandbar {
		gap: 12px;
		padding-block: 10px;
	}

	.oft-brand__logo img {
		max-height: 46px;
	}

	.oft-brand__name {
		font-size: 13.5px;
	}

	.oft-badge-anmcs {
		max-height: 40px;
	}

	.appointment-card {
		flex-direction: column;
		text-align: center;
		padding: 24px;
	}

	.appointment-card .content p {
		max-width: none;
	}

	.appointment-card__phones {
		justify-content: center;
	}

	.oft-footer__main {
		grid-template-columns: 1fr;
		gap: 26px;
		padding-block: 34px 24px;
	}

	.oft-footer__bar {
		flex-direction: column;
		text-align: center;
	}

	.oft-footer__certs {
		flex-direction: column;
		text-align: center;
	}

	.oft-footer ul.oft-footer__certs-list {
		justify-content: center;
		gap: 10px;
	}

	.oft-footer__cert a {
		height: 76px;
		min-width: 76px;
		padding: 6px;
	}

	.oft-footer__cert--wide a {
		padding-inline: 12px;
	}

	.oft-footer__cert img {
		height: 64px;
	}

	.oft-footer__cert--wide img {
		height: 38px;
	}

	.oft-search-result {
		flex-direction: column;
	}

	.oft-search-result__thumb {
		width: 100%;
		height: 150px;
	}

	.oft-hero__actions .oft-btn {
		width: 100%;
	}

}

@media (max-width: 480px) {
	.oft-brand__tagline {
		display: none;
	}

	.oft-topbar__inner {
		justify-content: center;
	}

	.oft-topbar__tools {
		margin-left: 0;
	}

	.oft-topbar__contact {
		justify-content: center;
		gap: 4px 10px;
	}

	.oft-topbar__hours {
		flex-basis: 100%;
		justify-content: center;
	}

	.oft-content {
		padding: 18px;
	}
}

/* Design pe secțiuni (carduri colorate cu iconiță înaintea titlului H2), pe tot site-ul.
   - Paginile obișnuite: cardurile sunt generate la afișare de inc/content-design.php
     (`oft-mvv-section--auto oft-tone-N`, iconița e un <i class="oft-mvv-ico fa-…">).
   - „Misiune, viziune și valori” și „Birou management calitate”: blocuri Grup salvate în
     conținut, cu cheie pe secțiune (--viziune, --organizare …) și iconița din --mvv-icon;
     au în plus imaginea din top (oft-mvv-hero) și panoul de încheiere (oft-mvv-outro).
   Culorile și dimensiunile de mai jos sunt valorile implicite; cele salvate în
   „Conținut site → Design conținut” le suprascriu (stil inline pe :root). */
:root {
	--oft-tone-1-bg: #eceff2;
	--oft-tone-1-ink: #18496b;
	--oft-tone-2-bg: #f4fafa;
	--oft-tone-2-ink: #1e6b74;
	--oft-tone-3-bg: #fefaf4;
	--oft-tone-3-ink: #a35a14;
	--oft-tone-4-bg: #f8f6fe;
	--oft-tone-4-ink: #5a3f9e;
	--oft-tone-5-bg: #ebf6ef;
	--oft-tone-5-ink: #2d7a4c;
	--oft-tone-6-bg: #f1f4f8;
	--oft-tone-6-ink: #385978;
	--oft-section-bar: 4px;
	--oft-section-radius: 0px;
}

.oft-mvv-hero {
	--mvv-lens: clamp(150px, 26vw, 330px);
	position: relative;
	margin-bottom: 28px;
	border-radius: var(--oft-radius-lg);
	overflow: hidden;
	background: var(--oft-navy-deep);
	box-shadow: var(--oft-shadow);
}

.oft-content .oft-mvv-hero .wp-block-image {
	position: relative;
	margin: 0;
}

.oft-content .oft-mvv-hero .wp-block-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 7;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 0;
}

/* Peste fotografia întreagă: emblema din logo desenată în linii fine, în colțul stânga-sus
   (inelele pupilei, punctul de lumină, gradațiile — assets/img/mvv-lens.svg — și arcul
   exterior rupt lavandă → turcoaz, care se rotește lent — mvv-lens-arc.svg), plus o
   umbră ușoară jos, doar cât să se citească motto-ul. */
.oft-content .oft-mvv-hero .wp-block-image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(5, 23, 33, .7), rgba(5, 23, 33, .25) 38%, rgba(5, 23, 33, 0) 60%);
	pointer-events: none;
}

.oft-mvv-hero::before,
.oft-mvv-hero::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: calc(var(--mvv-lens) * -.36);
	left: calc(var(--mvv-lens) * -.22);
	width: var(--mvv-lens);
	aspect-ratio: 1;
	background: url('assets/img/mvv-lens.svg') center / contain no-repeat;
	filter: drop-shadow(0 0 6px rgba(5, 23, 33, .35));
	pointer-events: none;
}

.oft-mvv-hero::after {
	background-image: url('assets/img/mvv-lens-arc.svg');
}

.oft-content .oft-mvv-hero__motto {
	position: absolute;
	z-index: 3;
	inset: auto auto 0 0;
	max-width: min(62%, 520px);
	margin: 0;
	padding: 0 clamp(18px, 3vw, 32px) clamp(16px, 2.6vw, 28px);
	color: #fff;
	font-family: var(--oft-font-serif);
	font-size: clamp(1.05rem, .85rem + .9vw, 1.45rem);
	font-style: italic;
	line-height: 1.35;
	text-shadow: 0 1px 12px rgba(5, 23, 33, .55);
}

.oft-content .oft-mvv-hero__motto::before {
	content: '';
	display: block;
	width: 44px;
	height: 3px;
	margin-bottom: 14px;
	border-radius: 2px;
	background: linear-gradient(90deg, #c7bcff, #4fa3c7);
}

@media (prefers-reduced-motion: no-preference) {
	.oft-mvv-hero::after {
		animation: oft-mvv-spin 80s linear infinite;
	}
}

@keyframes oft-mvv-spin {
	to {
		transform: rotate(360deg);
	}
}

.oft-mvv-section {
	--mvv-bg: var(--oft-tone-1-bg);
	--mvv-ink: var(--oft-tone-1-ink);
	--mvv-icon: '\f140';
	/* Cuprinde imaginile aliniate din interior și nu intră sub cele de dinaintea lui. */
	display: flow-root;
	margin-block: 24px;
	padding: clamp(18px, 3vw, 30px);
	background: var(--mvv-bg);
	border: 1px solid color-mix(in srgb, var(--mvv-ink) 16%, transparent);
	border-left: var(--oft-section-bar) solid var(--mvv-ink);
	border-radius: var(--oft-section-radius);
}

/* Nuanțe 2–6 (1 e implicită). Cardurile automate le primesc pe rând; cheile celor două pagini
   lucrate manual sunt legate de aceleași nuanțe. */
.oft-tone-2,
.oft-mvv-section--viziune,
.oft-mvv-section--organizare {
	--mvv-bg: var(--oft-tone-2-bg);
	--mvv-ink: var(--oft-tone-2-ink);
}

.oft-tone-3,
.oft-mvv-section--valori,
.oft-mvv-section--obiect {
	--mvv-bg: var(--oft-tone-3-bg);
	--mvv-ink: var(--oft-tone-3-ink);
}

.oft-tone-4,
.oft-mvv-section--principii,
.oft-mvv-section--standarde {
	--mvv-bg: var(--oft-tone-4-bg);
	--mvv-ink: var(--oft-tone-4-ink);
}

.oft-tone-5,
.oft-mvv-section--etica,
.oft-mvv-section--activitati {
	--mvv-bg: var(--oft-tone-5-bg);
	--mvv-ink: var(--oft-tone-5-ink);
}

.oft-tone-6,
.oft-mvv-section--obiective,
.oft-mvv-section--plan {
	--mvv-bg: var(--oft-tone-6-bg);
	--mvv-ink: var(--oft-tone-6-ink);
}

.oft-mvv-section--viziune {
	--mvv-icon: '\f06e';
}

.oft-mvv-section--valori {
	--mvv-icon: '\f4be';
}

.oft-mvv-section--principii {
	--mvv-icon: '\f559';
}

.oft-mvv-section--etica {
	--mvv-icon: '\f24e';
}

.oft-mvv-section--obiective {
	--mvv-icon: '\f11e';
}

.oft-mvv-section--compartiment {
	--mvv-icon: '\e574';
}

.oft-mvv-section--organizare {
	--mvv-icon: '\f0e8';
}

.oft-mvv-section--obiect {
	--mvv-icon: '\f46d';
}

.oft-mvv-section--standarde {
	--mvv-icon: '\f0a3';
}

.oft-mvv-section--activitati {
	--mvv-icon: '\f0ae';
}

.oft-mvv-section--plan {
	--mvv-icon: '\f274';
}

.oft-content .oft-mvv-section>h2 {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	font-size: clamp(1.3rem, 1.05rem + 1vw, 1.7rem);
}

.oft-mvv-section>h2::before,
.oft-mvv-outro::before,
.oft-mvv-ico {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--mvv-ink);
	color: #fff;
	font-size: 19px;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--mvv-ink) 30%, transparent);
}

.oft-mvv-section>h2::before,
.oft-mvv-outro::before {
	content: var(--mvv-icon);
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

/* Cardurile automate au iconița ca element în titlu (clasa Font Awesome din setări). */
.oft-mvv-section--auto>h2::before {
	content: none;
}

/* Font Awesome își pune propriul display (încărcat după temă); îl păstrăm flex, centrat. */
.oft-mvv-ico {
	--fa-display: inline-flex;
}

.oft-mvv-ico::before {
	line-height: 1;
}

.oft-mvv-section>:last-child {
	margin-bottom: 0;
}

.oft-content .oft-mvv-section p+.wp-block-list {
	margin-top: 14px;
}

/* Listele cu buline primesc bifă, cele numerotate un cerc cu numărul. */
.oft-content .oft-mvv-section ul.wp-block-list,
.oft-content .oft-mvv-section ol.wp-block-list {
	padding-left: 0;
	list-style: none;
	counter-reset: mvv;
}

.oft-content .oft-mvv-section .wp-block-list>li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 36px;
}

.oft-mvv-section ul.wp-block-list>li::before {
	content: '\f00c';
	position: absolute;
	top: .2em;
	left: 4px;
	color: var(--mvv-ink);
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 15px;
}

.oft-mvv-section ol.wp-block-list>li::before {
	counter-increment: mvv;
	content: counter(mvv);
	position: absolute;
	top: .1em;
	left: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--mvv-ink) 14%, #fff);
	color: var(--mvv-ink);
	font: 700 13px/26px var(--oft-font-head);
	text-align: center;
}

.oft-mvv-section strong {
	color: var(--oft-ink);
}

/* Valorile și principiile: carduri albe pe fundalul secțiunii. */
.oft-content .oft-mvv-section--valori ol.wp-block-list,
.oft-content .oft-mvv-section--principii ol.wp-block-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 12px;
}

.oft-content .oft-mvv-section--valori ol.wp-block-list>li,
.oft-content .oft-mvv-section--principii ol.wp-block-list>li {
	margin: 0;
	padding: 16px 16px 16px 54px;
	background: var(--oft-surface);
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
}

.oft-mvv-section--valori ol.wp-block-list>li::before,
.oft-mvv-section--principii ol.wp-block-list>li::before {
	top: 15px;
	left: 16px;
}

.oft-content .oft-mvv-section--viziune .lead {
	position: relative;
	margin-bottom: 18px;
	padding: 18px 22px;
	background: var(--oft-surface);
	border-radius: var(--oft-radius);
	color: var(--oft-ink);
	font-family: var(--oft-font-serif);
	font-size: clamp(1.1rem, 1rem + .4vw, 1.25rem);
	line-height: 1.5;
	box-shadow: var(--oft-shadow-sm);
}

/* Subsecțiuni H3 (ex. obiectivele planului calității): carduri albe în secțiune. */
.oft-mvv-subcard {
	margin-top: 14px;
	padding: 18px 20px 6px;
	background: var(--oft-surface);
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
}

.oft-content .oft-mvv-subcard>h3 {
	margin: 0 0 12px;
	color: var(--mvv-ink);
	font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem);
}

/* Certificări (Birou management calitate): carduri albe, marca de certificare deasupra textului.
   Mărcile se găzduiesc în temă (assets/img/cert-*.jpg). */
.oft-mvv-section--certificari {
	--mvv-icon: '\f5a2';
}

.oft-certs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 16px;
	margin-top: 16px;
}

.oft-cert {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	background: var(--oft-surface);
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
}

.oft-cert__logo {
	flex: 0 0 auto;
}

.oft-cert__logo img {
	display: block;
	width: auto;
	height: 120px;
	max-width: none;
	border-radius: 8px;
}

.oft-content .oft-cert h3 {
	margin: 0 0 6px;
	color: var(--mvv-ink);
	font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem);
}

.oft-content .oft-cert p {
	margin: 0;
}

.oft-mvv-outro {
	--mvv-ink: rgba(255, 255, 255, .16);
	--mvv-icon: '\f0c0';
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 18px;
	margin-top: 28px;
	padding: clamp(20px, 3vw, 32px);
	background: linear-gradient(135deg, var(--oft-navy), var(--oft-navy-dark));
	border-radius: var(--oft-radius-lg);
	color: rgba(255, 255, 255, .92);
}

.oft-mvv-outro--info {
	--mvv-icon: '\f05a';
}

.oft-mvv-outro::before {
	grid-row: span 2;
	box-shadow: none;
}

.oft-mvv-outro p {
	margin: 0;
}

.oft-mvv-outro p+p {
	margin-top: 10px;
	font-weight: 500;
}

.oft-mvv-outro a {
	color: #fff;
	text-decoration-thickness: 2px;
}

html[data-oft-contrast-mode='high'] .oft-mvv-section,
html[data-oft-contrast-mode='high'] .oft-mvv-outro {
	--mvv-bg: #fff;
	--mvv-ink: #000;
	background: #fff;
	border: 2px solid #000;
	color: #000;
}

html[data-oft-contrast-mode='high'] .oft-mvv-outro a {
	color: var(--oft-link);
}

/* Conținut fără titluri H2 (oftalmo_design_solo): un singur card, iconița în coloana din stânga. */
.oft-mvv-section--solo {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0 22px;
	align-items: start;
}

.oft-mvv-solo__body {
	display: flow-root;
}

.oft-mvv-solo__body>:first-child {
	margin-top: 0;
}

.oft-mvv-solo__body>:last-child {
	margin-bottom: 0;
}

/* Citatele și paragrafele „lead” din carduri: card alb, cu litere serif (ca la „Viziunea”). */
.oft-content .oft-mvv-section blockquote,
.oft-content .oft-mvv-section .lead {
	margin: 0 0 18px;
	padding: 18px 22px;
	background: var(--oft-surface);
	border: 0;
	border-radius: var(--oft-radius);
	color: var(--oft-ink);
	font-family: var(--oft-font-serif);
	font-size: clamp(1.1rem, 1rem + .4vw, 1.25rem);
	line-height: 1.5;
	box-shadow: var(--oft-shadow-sm);
}

.oft-content .oft-mvv-section blockquote {
	border-left: 3px solid var(--mvv-ink);
}

.oft-content .oft-mvv-section blockquote p {
	margin: 0;
	font-size: inherit;
}

.oft-content .oft-mvv-section blockquote strong {
	font-weight: 600;
}

/* Listele lungi din cardurile automate, pe două coloane când e loc. */
@media (min-width: 900px) {
	.oft-design-list-columns .oft-content :is(.oft-mvv-section--auto, .oft-mvv-section--solo) ul.wp-block-list:has(>li:nth-child(7)) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 28px;
	}
}

/* Articole: imaginea reprezentativă în stilul imaginii din top (oftalmo_design_hero_class). */
.oft-article__media.oft-mvv-hero {
	margin: 0 0 28px;
}

.oft-article__media.oft-mvv-hero img {
	width: 100%;
	aspect-ratio: 16 / 7;
	object-fit: cover;
	object-position: 50% 40%;
	border-radius: 0;
}

.oft-article__media.oft-mvv-hero figcaption {
	position: absolute;
	z-index: 2;
	inset: auto 0 0;
	margin: 0;
	padding: 48px clamp(18px, 3vw, 32px) clamp(14px, 2vw, 22px);
	background: linear-gradient(to top, rgba(5, 23, 33, .7), rgba(5, 23, 33, 0));
	color: #fff;
	font-family: var(--oft-font-serif);
	font-size: clamp(.95rem, .9rem + .3vw, 1.1rem);
	text-shadow: 0 1px 10px rgba(5, 23, 33, .55);
}

/* Comutatoarele din „Design conținut”: fără iconițe / liste obișnuite. */
.oft-design-no-icons .oft-mvv-section>h2::before,
.oft-design-no-icons .oft-mvv-outro::before,
.oft-design-no-icons .oft-mvv-ico {
	display: none;
}

.oft-design-no-icons .oft-mvv-outro {
	display: block;
}

.oft-design-plain-lists .oft-content .oft-mvv-section ul.wp-block-list,
.oft-design-plain-lists .oft-content .oft-mvv-section ol.wp-block-list {
	padding-left: 1.4em;
	list-style: revert;
}

.oft-design-plain-lists .oft-content .oft-mvv-section .wp-block-list>li {
	padding-left: 0;
}

.oft-design-plain-lists .oft-mvv-section ul.wp-block-list>li::before,
.oft-design-plain-lists .oft-mvv-section ol.wp-block-list>li::before {
	content: none;
}

@media (max-width: 480px) {
	.oft-content .oft-mvv-hero .wp-block-image img {
		aspect-ratio: 4 / 3;
	}


	.oft-content .oft-mvv-hero__motto {
		max-width: none;
	}

	.oft-mvv-section>h2::before,
	.oft-mvv-outro::before,
	.oft-mvv-ico {
		width: 38px;
		height: 38px;
		font-size: 16px;
	}

	.oft-mvv-outro {
		grid-template-columns: 1fr;
	}

	.oft-mvv-outro::before {
		grid-row: auto;
	}

	.oft-mvv-section--solo {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.oft-article__media.oft-mvv-hero img {
		aspect-ratio: 4 / 3;
	}
}

/* ==========================================================================
   Parteneri — carduri cu legătură către site-ul partenerului (pagina /parteneri/)
   ========================================================================== */
.oft-partners {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 18px;
	margin: 18px 0 8px;
}

.oft-partner {
	display: flex;
	flex-direction: column;
	padding: 22px 22px 20px;
	background: var(--oft-surface);
	border: 1px solid var(--oft-line);
	border-top: 4px solid var(--mvv-ink, var(--oft-accent));
	border-radius: var(--oft-radius);
	box-shadow: var(--oft-shadow-sm);
	transition: box-shadow .2s ease, transform .2s ease;
}

.oft-partner:hover {
	box-shadow: var(--oft-shadow-lg);
	transform: translateY(-2px);
}

.oft-partner__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

/* Monogramă în locul siglei: nu încărcăm imagini de pe site-urile partenerilor.
   Siglele primite/descărcate se găzduiesc în tema (assets/img/logo-*.png) — varianta albă, pe fundalul navy. */
.oft-partner__mark {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	min-width: 64px;
	height: 64px;
	padding: 0 10px;
	background: linear-gradient(135deg, var(--oft-navy), var(--oft-navy-dark));
	border-radius: var(--oft-radius);
	color: #fff;
	font-family: var(--oft-font-head);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .06em;
}

.oft-partner__mark--logo {
	padding: 8px 12px;
}

.oft-partner__mark--logo img {
	display: block;
	width: auto;
	height: 48px;
	max-width: none;
}

.oft-content .oft-partner h3 {
	margin: 0;
	color: var(--oft-ink);
	font-size: clamp(1.02rem, 1rem + .25vw, 1.15rem);
	line-height: 1.3;
}

.oft-partner__type {
	display: block;
	margin-top: 4px;
	color: var(--oft-muted);
	font-family: var(--oft-font-ui);
	font-size: .82rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.oft-content .oft-partner p {
	margin: 0 0 12px;
	font-size: .97rem;
}

.oft-partner__facts {
	margin: 0 0 16px;
	padding: 12px 0 0;
	border-top: 1px solid var(--oft-line);
	list-style: none;
	font-size: .93rem;
}

.oft-partner__facts li {
	position: relative;
	margin: 0 0 6px;
	padding-left: 22px;
}

.oft-partner__facts li::before {
	content: '\f00c';
	position: absolute;
	left: 0;
	top: .1em;
	color: var(--mvv-ink, var(--oft-accent));
	font-family: 'Font Awesome 6 Free';
	font-size: .85em;
	font-weight: 900;
}

.oft-partner__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
}

.oft-partner__domain {
	color: var(--oft-muted);
	font-size: .88rem;
}

.oft-content .oft-partner .oft-btn {
	padding: 10px 18px;
	font-size: 14px;
	color: #fff;
}

@media (max-width: 480px) {
	.oft-partner {
		padding: 18px 16px 16px;
	}

	.oft-partner__mark {
		min-width: 52px;
		height: 52px;
		font-size: .88rem;
	}

	.oft-partner__mark--logo img {
		height: 36px;
	}
}

@media print {

	.oft-topbar,
	.oft-nav,
	.oft-footer,
	.oft-sidenav,
	.oft-search,
	.oft-a11y,
	.oft-nav__cta {
		display: none !important;
	}

	body {
		background: #fff;
		font-size: 11pt;
	}

	.oft-content,
	.oft-layout {
		border: 0;
		padding: 0;
		display: block;
	}

	a[href^='http']::after {
		content: ' (' attr(href) ')';
		font-size: 9pt;
		color: #555;
	}
}