/* motorpartamol.com — shell (structură identică cu tema 13din15; stiluri per-pagină mai jos) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background-color: #F5F5F5;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, em, ol, ul, li, tr, th, td, dl, ins, sub, sup, big, cite, form, small, label, table, figure, button, legend, strike, address, caption, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	background: none;
}
button { cursor: pointer; }
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 calc(.3em + 10px) 0;
}
h1 { font-size: 40px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
p { margin: 0 0 1.5em 0; }
body { overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
.sh-header { margin: 0; }
.site-main.generic-page { margin: 0 !important; padding: 0 !important; }
.entry-content { margin-top: -20px !important; padding-top: 0 !important; }
.generic-page *:first-child,
.entry-content *:first-child { margin-top: 0 !important; }
article { margin: 0 !important; }

/* ============================================================
   HEADER — valori exacte din Blocksy global.css (prod)
   Breakpoint real Blocksy: 689.98px (nu 900px)
   ============================================================ */
.sh-header {
	background: #F5F5F5;
	position: relative;
	z-index: 100;
}
.sh-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 20px 6px 10px;
	max-width: 1280px;
	margin: 0 auto;
	min-height: 40px;
}
.sh-logo { flex-shrink: 0; }
.sh-logo img { max-height: 56px; width: auto; } /* mobil: logoMaxHeight real */
.sh-logo__text { font-size: 20px; font-weight: 700; color: #3A4F66; }

.sh-nav { display: none; } /* pe mobil, meniul e doar în overlay */

.sh-header__actions { display: flex; align-items: center; gap: 14px; }
.sh-action { display: flex; align-items: center; justify-content: center; background: none; border: none; padding: 4px; cursor: pointer; }
/* Pe mobil search-ul nu apare în bara principală — doar în overlay-ul meniului */
.sh-search-link { display: none; }
.sh-account-link svg { width: 30px; height: 30px; color: #2EA05B; }
.sh-menu-toggle { display: flex; flex-direction: column; gap: 4px; width: 30px; justify-content: center; }
.sh-menu-toggle__bar {
	display: block;
	height: 3px;
	width: 100%;
	background: #2EA05B;
	transition: transform .15s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity .15s ease;
	transform-origin: center;
}
.sh-menu-toggle[aria-expanded="true"] .sh-menu-toggle__bar:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}
.sh-menu-toggle[aria-expanded="true"] .sh-menu-toggle__bar:nth-child(2) {
	opacity: 0;
}
.sh-menu-toggle[aria-expanded="true"] .sh-menu-toggle__bar:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

.sh-header__actions .mk-theme-toggle {
	width: 46px !important;
	height: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
}
.sh-header__actions .mk-theme-toggle img {
	width: 100% !important;
	height: 100% !important;
	max-width: 46px !important;
	max-height: 46px !important;
	display: block;
	object-fit: contain;
}

.sh-mobile-menu {
	position: fixed;
	inset: 0;
	top: 0;
	background: #fff;
	z-index: 200;
	padding: 16px;
	overflow-y: auto;
	opacity: 0;
	transform: translate3d(100%, 0, 0);
	transition: opacity .45s cubic-bezier(0.16, 1, 0.3, 1), transform .45s cubic-bezier(0.16, 1, 0.3, 1);
}
.sh-mobile-menu.ct-active { opacity: 1; transform: translate3d(0, 0, 0); }
.sh-mobile-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.sh-mobile-menu__title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: #27ae60;
	padding: 6px 14px;
	border-radius: 20px;
}
.sh-mobile-menu__close {
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3A4F66;
	background: #f2f5f7;
	border: none;
	border-radius: 50%;
	cursor: pointer;
}
.sh-mobile-menu__close:hover { background: #e5e8ed; }
.sh-mobile-menu[hidden] { display: none; }
.sh-mobile-menu__search-trigger {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	background: #f2f5f7;
	border: none;
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	color: #3A4F66;
	cursor: pointer;
}
.sh-mobile-menu__list li { border-bottom: 1px solid #eee; }
.sh-mobile-menu__list a {
	display: block;
	padding: 14px 4px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #3A4F66;
}
body.sh-mobile-menu-open { overflow: hidden; }

/* ============================================================
   SEARCH MODAL — valori exacte Blocksy (#search-modal)
   ============================================================ */
.sh-search-modal {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	background-color: rgba(18, 21, 25, 0.98);
	padding: 20px;
	padding-top: 100px;
	overflow-y: auto;
	opacity: 0;
	transform: translate3d(0, -20px, 0);
	transition: opacity .45s cubic-bezier(0.16, 1, 0.3, 1), transform .45s cubic-bezier(0.16, 1, 0.3, 1);
}
.sh-search-modal.ct-active { opacity: 1; transform: translate3d(0, 0, 0); }
.sh-search-modal[hidden] { display: none; }
.sh-search-modal__close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: none;
	border: none;
	cursor: pointer;
}
.sh-search-modal__inner { width: 100%; max-width: 90%; margin-inline: auto; }
.sh-search-modal__form {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}
.sh-search-modal__form input {
	flex: 1;
	height: 40px;
	font-size: 20px;
	color: #fff;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	padding: 0 20px;
	outline: none;
}
.sh-search-modal__form input::placeholder { color: rgba(255, 255, 255, 0.5); }
.sh-search-modal__form button[type="submit"] {
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.7);
	background: #2872fa;
	border: none;
	border-radius: 50%;
	cursor: pointer;
}
.sh-search-modal__form button[type="submit"]:hover { color: #fff; }

/* Rezultate live — .ct-search-results real: 14px, 500, 1.4 */
.sh-search-modal__results { margin-top: 25px; }
.sh-search-modal__results a {
	display: block;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
	border-radius: 10px;
	transition: background .12s ease;
}
.sh-search-modal__results a:hover,
.sh-search-modal__results a:focus { background: rgba(255, 255, 255, 0.08); }
.sh-search-modal__results a span.sh-result-type {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 2px;
}
.sh-search-modal__results .sh-no-results,
.sh-search-modal__results .sh-loading {
	padding: 12px 20px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 690px) {
	.sh-search-modal { padding-top: 120px; }
	.sh-search-modal__inner { max-width: 750px; }
	.sh-search-modal__form input { height: 50px; font-size: 20px; }
	.sh-search-modal__form button[type="submit"] { width: 50px; height: 50px; min-width: 50px; }
}

/* Desktop (>689px) — valori exacte Blocksy */
@media (min-width: 690px) {
	.sh-search-link { display: flex; } /* pe desktop, search revine în bara principală */
	.sh-header__actions { margin: 0; }
	.sh-header__inner { padding: 10px 24px; }
	.sh-logo img { max-height: 64px; }
	.sh-logo__text { font-size: 22px; }
	.sh-nav { display: block; margin-left: 16px; flex: 1 1 auto; min-width: 0; }
	.sh-nav__list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 14px; }
	.sh-header__actions { flex-shrink: 0; }
	.sh-nav__list a {
		font-weight: 700;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 1.3;
		color: #3A4F66;
		padding: 8px 0;
		white-space: nowrap;
	}
	.sh-menu-toggle { display: none; }
	.sh-mobile-menu { display: none !important; }
	/* Desktop: search 16px, trigger 18px, fără culoare verde forțată (culoare text implicită) */
	.sh-search-link svg,
	.sh-account-link svg { width: 18px; height: 18px; color: #3A4F66; }
}

/* ============================================================
   FOOTER — valori exacte Blocksy: uppercase, bold, 12px, 1.3
   ============================================================ */
.sf-footer { background: #F5F5F5; color: #3A4F66; padding: 30px 16px; margin-top: 40px; }
.sf-footer__inner { max-width: 1280px; margin: 0 auto; text-align: center; }
.sf-footer__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; margin-bottom: 16px; }
.sf-footer__list a {
	color: #3A4F66;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.3;
}
.sf-footer__list a:hover { color: #27ae60; }
.sf-footer__copy { font-size: 13px; color: #777; margin: 0; }

/* Butonul "Preferințe cookie-uri" - rând propriu, centrat */
.sf-footer__list li.faz-cookie-settings-btn {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 6px;
}
.sf-footer__list li.faz-cookie-settings-btn > a {
	font-size: 13px;
	background: #374151;
	color: #fff;
	padding: 9px 18px;
	border-radius: 8px;
}
.sf-footer__list li.faz-cookie-settings-btn > a:hover { color: #fff; background: #4b5563; }

/* ============================================================
   ARHIVE (category/author/search) — valori exacte Blocksy
   ============================================================ */
.arch-main { max-width: 1280px; margin: 0 auto !important; padding: 20px 16px 60px !important; }
.arch-header { margin-bottom: 20px; }
.arch-title { font-size: 22px; margin: 0 0 8px; }
.arch-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.arch-card {
	background-color: #ffffff;
	box-shadow: 0 4px 16px rgba(34, 56, 101, 0.10);
	border: 1px solid #eef0f3;
	border-radius: 12px;
	overflow: hidden;
	padding: 12px;
}
.arch-card__thumb { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 8px; margin-bottom: 14px; }
.arch-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.arch-card__title { font-size: 17px; line-height: 1.35; margin: 0 0 8px; font-weight: 700; }
.arch-card__meta {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #27ae60;
}

@media (min-width: 640px) {
	.arch-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.arch-title { font-size: 26px; }
}
@media (min-width: 1000px) {
	.arch-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
	.arch-title { font-size: 30px; }
	.arch-card__title { font-size: 19px; }
}

/* ============================================================
   SEARCH RESULTS — design dedicat (breadcrumb, searchbar, listă)
   ============================================================ */
.src-main { max-width: 900px; margin: 0 auto !important; padding: 20px 16px 60px !important; }

/* Breadcrumb — identic cu cel din single.php (.sa-breadcrumb), mutat global */
.sa-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 13px;
	color: #666;
	padding: 0 0 12px;
}
.sa-breadcrumb a {
	color: #27ae60;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.sa-breadcrumb a:hover { text-decoration: underline; }
.sa-breadcrumb .sa-sep { color: #bbb; }
.sa-breadcrumb .sa-current { color: #999; }
.sa-breadcrumb .sa-sep-link { color: #666; }

/* ============================================================
   AUTHOR PROFILE — design dedicat
   ============================================================ */
.aup-profile { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.aup-avatar { width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto; }
.aup-name {
	font-size: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 6px;
}
.aup-verified {
	font-size: 11px;
	font-weight: 600;
	background: #eafaf1;
	color: #27ae60;
	padding: 3px 10px;
	border-radius: 20px;
}
.aup-bio { font-size: 14px; color: #666; line-height: 1.5; margin: 0; }

.aup-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	background: #f7f9fa;
	border-radius: 12px;
	padding: 16px 10px;
	margin-bottom: 16px;
}
.aup-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.aup-stat strong { font-size: 16px; color: #222; }
.aup-stat span { font-size: 11px; color: #888; }

.aup-tabs { display: flex; gap: 8px; border-bottom: 1px solid #eee; margin-bottom: 16px; }
.aup-tab {
	padding: 10px 6px;
	font-size: 14px;
	font-weight: 600;
	color: #888;
	border-bottom: 2px solid transparent;
}
.aup-tab.is-active { color: #27ae60; border-bottom-color: #27ae60; }

.aup-filters { margin-bottom: 16px; }
.aup-select {
	width: 100%;
	height: 44px;
	border: 1px solid #e2e5e9;
	border-radius: 10px;
	padding: 0 14px;
	font-size: 14px;
	background: #fff;
	color: #333;
}

.aup-rank {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #27ae60;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 6px;
	z-index: 2;
}

@media (min-width: 640px) {
	.aup-avatar { width: 80px; height: 80px; }
}

.cat-searchbar__row { display: flex; gap: 8px; }
.cat-searchbar__row input {
	flex: 1;
	height: 46px;
	border: 1px solid #e2e5e9;
	border-radius: 10px;
	padding: 0 14px;
	font-size: 14px;
}
.cat-searchbar__btn {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 46px;
	padding: 0 16px;
	border: 1px solid #e2e5e9;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #3A4F66;
	white-space: nowrap;
}
.src-badge--new { background: #27ae60; }

/* ============================================================
   PAGINA DESPRE
   ============================================================ */
.despre-main { max-width: 800px; margin: 0 auto !important; padding: 20px 16px 60px !important; }

.despre-hero {
	background: #f7f9fa;
	border: 1px solid #eef0f3;
	border-radius: 16px;
	padding: 28px 22px;
	margin-bottom: 28px;
}
.despre-hero__badge {
	display: inline-block;
	background: #fff;
	color: #27ae60;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 5px 12px;
	border-radius: 20px;
	margin-bottom: 14px;
}
.despre-hero__title { font-size: 30px; line-height: 1.2; margin: 0 0 14px; }
.despre-hero__intro { font-size: 15px; color: #444; line-height: 1.6; }
.despre-hero__intro strong { font-weight: 700; }

.despre-content h2.wp-block-heading {
	font-size: 22px;
	margin: 36px 0 14px;
	padding-left: 14px;
	border-left: 4px solid #27ae60;
	display: flex;
	align-items: center;
	gap: 10px;
}
.despre-content h2.wp-block-heading.has-text-align-center {
	text-align: center;
	padding-left: 0;
	border-left: none;
	justify-content: center;
}
.despre-icon-h2 { flex: 0 0 auto; }
.despre-content p.wp-block-paragraph { font-size: 15px; line-height: 1.7; color: #444; margin: 0 0 16px; }
.despre-content hr.wp-block-separator { border: none; border-top: 1px solid #e5e8eb; margin: 32px 0; }

/* Coloane stats (566+, 41+B, 100%) — rămân 3 coloane și pe mobil */
.despre-content .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin: 24px 0;
}
.despre-content .wp-block-columns .wp-block-column {
	background: #f7f9fa;
	border: 1px solid #eef0f3;
	border-radius: 14px;
	padding: 14px 6px;
	text-align: center;
}
.despre-content .wp-block-column p { margin: 0; font-size: 11px; color: #666; }
.despre-content .wp-block-column strong { display: block; margin-bottom: 4px; font-size: 1.6em !important; }
.despre-stat-iconwrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #eafaf1;
	border-radius: 50%;
	margin: 0 auto 10px;
}

/* Coloane autori (au h3 cu link, tratăm diferit — full width, nu grid mic) */
.despre-content .wp-block-columns:has(h3) {
	display: flex;
	flex-direction: column;
	background: none;
	gap: 20px;
}
.despre-content .wp-block-columns:has(h3) .wp-block-column {
	background: #fff;
	border: 1px solid #eef0f3;
	text-align: left;
	padding: 18px;
}
.despre-author-iconwrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #eafaf1;
	border-radius: 50%;
	margin-bottom: 10px;
}
.despre-content h3.wp-block-heading { font-size: 17px; margin: 0 0 8px; }
.despre-content h3.wp-block-heading a { color: #1a1a1a; }
.despre-content h3.wp-block-heading a:hover { color: #27ae60; }

/* Secțiunea finală CTA — cutie cu border, ca-n mockup */
.despre-content hr.wp-block-separator + h2.has-text-align-center {
	margin-top: 0;
}
.despre-content h2.has-text-align-center ~ p.has-text-align-center {
	text-align: center;
	color: #666;
}
.despre-content .wp-block-buttons { margin-top: 20px; text-align: center; }
.despre-content .wp-block-button__link {
	display: inline-block;
	background: #27ae60 !important;
	color: #fff !important;
	font-weight: 700;
	padding: 14px 28px;
	border-radius: 10px;
	text-decoration: none;
}

@media (max-width: 480px) {
	.despre-hero__title { font-size: 26px; }
}
.src-breadcrumb { font-size: 13px; color: #888; margin-bottom: 12px; display: flex; gap: 6px; align-items: center; }
.src-breadcrumb a { color: #888; }
.src-title { font-size: 26px; margin: 0 0 6px; }
.src-subtitle { font-size: 14px; color: #666; margin: 0 0 16px; }
.src-subtitle strong { color: #27ae60; }

.src-count {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #f2f5f7;
	color: #555;
	font-size: 13px;
	padding: 10px 14px;
	border-radius: 10px;
	margin-bottom: 12px;
}

.src-searchbar { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; position: relative; }
.src-searchbar input {
	flex: 1;
	height: 46px;
	border: 1px solid #e2e5e9;
	border-radius: 10px;
	padding: 0 40px 0 14px;
	font-size: 15px;
	background: #fff;
}
.src-searchbar__clear {
	position: absolute;
	right: 62px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
}
.src-searchbar button[type="submit"] {
	width: 46px;
	height: 46px;
	min-width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #27ae60;
	border-radius: 10px;
}

.src-list { display: flex; flex-direction: column; gap: 16px; }
.src-card {
	display: flex;
	gap: 14px;
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 2px 8px rgba(34, 56, 101, 0.05);
}
.src-card__media {
	position: relative;
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
	border-radius: 10px;
	overflow: hidden;
	background: #f2f5f7;
}
.src-card__media img { width: 100%; height: 100%; object-fit: cover; }
.src-badge {
	position: absolute;
	top: 6px;
	left: 6px;
	font-size: 9px;
	font-weight: 700;
	color: #fff;
	padding: 3px 7px;
	border-radius: 20px;
	z-index: 2;
}
.src-badge--rec { background: #27ae60; }
.src-card__cat-pill { display: none; }
.src-card__body { flex: 1; min-width: 0; }
.src-card__cat-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #27ae60;
	margin-bottom: 4px;
}
.src-card__title { font-size: 15px; line-height: 1.35; margin: 0 0 4px; font-weight: 700; }
.src-card__excerpt {
	font-size: 13px;
	color: #777;
	line-height: 1.4;
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.src-card__meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: #999; }
.src-card__meta span { display: flex; align-items: center; gap: 4px; }

.src-loadmore { margin-top: 24px; text-align: center; }
.src-loadmore a {
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid #e2e5e9;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #3A4F66;
}
.src-empty { text-align: center; color: #777; padding: 40px 0; }

@media (min-width: 640px) {
	.src-card__media { flex: 0 0 140px; width: 140px; height: 140px; }
	.src-card__title { font-size: 17px; }
}

/* ============================================================
   PAGINA CONTACT
   ============================================================ */
.ctc-main { max-width: 800px; margin: 0 auto !important; padding: 20px 16px 60px !important; }
.ctc-title { font-size: 28px; margin: 0 0 6px; }
.ctc-subtitle { font-size: 15px; color: #888; margin: 0 0 18px; }
.ctc-intro { font-size: 15px; color: #444; line-height: 1.6; margin: 0 0 18px; }

.ctc-icon-circle {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eafaf1;
	border-radius: 50%;
}

.ctc-box {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f7f9fa;
	border: 1px solid #eef0f3;
	border-radius: 14px;
	padding: 16px;
	margin-bottom: 16px;
}
.ctc-box--email { background: #fff; border-color: #cdebd9; }
.ctc-email { font-size: 17px; font-weight: 700; color: #27ae60; flex: 1; }
.ctc-copy {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 1px solid #e2e5e9;
	border-radius: 8px;
	cursor: pointer;
}
.ctc-copy.copied { border-color: #27ae60; }

.ctc-box__label { font-size: 13px; color: #666; }
.ctc-box__value { font-size: 18px; font-weight: 700; color: #27ae60; margin: 2px 0 4px; }
.ctc-box__note { font-size: 13px; color: #888; margin: 0; }

.ctc-box--tips { flex-direction: column; align-items: flex-start; background: #fff; }
.ctc-box__header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 15px; color: #1a1a1a; }
.ctc-box--tips p { font-size: 14px; color: #666; line-height: 1.6; margin: 0 0 10px; }
.ctc-box--tips p:last-child { margin-bottom: 0; }

.ctc-explore-title { font-size: 17px; margin: 30px 0 14px; }
.ctc-links { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }
.ctc-link {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 12px;
	padding: 14px;
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
}
.ctc-link__badge {
	background: #27ae60;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 20px;
	margin-left: auto;
}

.ctc-box--cookie { flex-wrap: wrap; }
.ctc-box__cookie-text { flex: 1; min-width: 160px; }
.ctc-box__cookie-text strong { display: block; font-size: 15px; margin-bottom: 4px; }
.ctc-box__cookie-text p { font-size: 13px; color: #666; margin: 0; }
.ctc-cookie-btn {
	background: #27ae60;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 10px;
	white-space: nowrap;
}

@media (min-width: 640px) {
	.ctc-links { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
	.ctc-links { grid-template-columns: repeat(3, 1fr); }
}

/* Fix: butoanele "Încearcă Din Nou" / "Studiază Codul Rutier" (Quiz Manager) erau lipite */
.retry-button,
.code-link {
	display: block !important;
	width: fit-content !important;
	min-width: 240px;
	margin: 0 auto !important;
	text-align: center !important;
	box-sizing: border-box;
}
.retry-button { margin-bottom: 14px !important; }
.code-link { margin-top: 0 !important; }

/* Fix: textul "Ai 20 de minute..." era roșu inline, îl facem gri închis */
span[style*="dc3545"] {
	color: #374151 !important;
}

.sf-footer__disclaimer {
	font-size: 12px;
	color: #999;
	text-align: center;
	margin: 16px 0 0;
	line-height: 1.5;
}

/* Fix: butonul "Vezi oferta [partener]" (Quiz Manager) - aceeași lățime/formă ca retry-button/code-link
   NU forțăm display aici - JS controlează show/hide (apare doar dacă există ofertă CJ activă) */
.cj-offer-btn {
	width: fit-content !important;
	max-width: 90% !important;
	min-width: 240px !important;
	margin: 14px auto !important;
	text-align: center;
	box-sizing: border-box;
}

/* Fix: butonul "Procedura de recuperare în județul tău" era lipit de "Începe Din Nou" */
.city-toggle-btn {
	margin-bottom: 16px !important;
}

/* ============================================================
   PAGINA TERMENI ȘI CONDIȚII
   ============================================================ */
.tc-main { max-width: 800px; margin: 0 auto !important; padding: 20px 16px 60px !important; }
.tc-hero { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #eef0f3; }
.tc-hero__title { font-size: 22px; margin: 0 0 6px; }
.tc-hero__date { font-size: 13px; color: #888; margin: 0; }

.tc-content .tc-toc {
	background: #f7f9fa;
	border: 1px solid #eef0f3;
	border-radius: 14px;
	padding: 20px 20px 20px 44px;
	list-style: decimal;
	margin: 20px 0;
}
.tc-content .tc-toc li { margin-bottom: 8px; }
.tc-content .tc-toc a {
	color: #27ae60;
	font-weight: 600;
	font-size: 14px;
}
.tc-content .tc-toc a:hover { text-decoration: underline; }

.tc-content ul.wp-block-list {
	margin: 0 0 16px;
	padding-left: 20px;
}
.tc-content ul.wp-block-list li {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 6px;
}
.tc-content h3.wp-block-heading {
	font-size: 17px;
	margin: 20px 0 10px;
	color: #1a1a1a;
}


/* ============================================================
   EXTRA — motorpartamol.com
   ============================================================ */
.sh-logo img { width: auto; height: 56px; }
@media (min-width: 690px) { .sh-logo img { height: 64px; } }
.sh-nav__list a.is-current { color: #27ae60; }
.ipm-dot { width: 7px; height: 7px; background: #27ae60; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: 1px; animation: ipmPulse 2s infinite; }
@keyframes ipmPulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.mk-theme-toggle { width: 30px; height: 30px; border-radius: 50%; border: none; padding: 0; background: #1f2a33; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; }
.mk-theme-toggle svg { width: 16px; height: 16px; }
html[data-theme="dark"] { filter: invert(.92) hue-rotate(180deg); background: #fff; }
html[data-theme="dark"] img, html[data-theme="dark"] .no-invert { filter: invert(1) hue-rotate(180deg); }
.sf-footer__list li.sf-cookie-btn { width: 100%; display: flex; justify-content: center; margin-top: 6px; }
.sf-footer__list li.sf-cookie-btn > a, .sf-footer__list li.sf-cookie-btn > button { font-size: 13px; background: #374151; color: #fff; padding: 9px 18px; border-radius: 8px; text-transform: uppercase; font-weight: 700; border: 0; cursor: pointer; }
.sf-footer__list li.sf-cookie-btn > button:hover { background: #4b5563; }
.sf-footer__sub { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin: 0 0 4px; }
.sf-footer__sub a { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #3A4F66; }
.sf-footer__sub a:hover { color: #27ae60; }
.skip-link { position: absolute; left: -999px; top: 0; background: #27ae60; color: #fff; padding: 8px 14px; z-index: 1000; }
.skip-link:focus { left: 8px; }

/* Cookie banner (aspect FAZ: casetă stânga-jos pe desktop, bară pe mobil) */
.ck-banner { position: fixed; z-index: 9999; left: 16px; bottom: 16px; width: 380px; max-width: calc(100% - 32px); background: #fff; border-radius: 6px; box-shadow: 0 2px 18px rgba(0,0,0,.18); padding: 18px 20px; font-size: 13px; color: #212121; line-height: 1.5; display: none; }
.ck-banner.is-open { display: block; }
.ck-banner__title { font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.ck-banner__text { margin: 0 0 14px; }
.ck-banner__text a { color: #1863dc; text-decoration: underline; }
.ck-banner__btns { display: flex; gap: 8px; }
.ck-btn { flex: 1; font-size: 13px; font-weight: 600; padding: 9px 6px; border-radius: 3px; border: 2px solid #27ae60; background: #27ae60; color: #fff; cursor: pointer; font-family: inherit; }
.ck-btn--outline { background: #fff; color: #27ae60; }
.ck-btn:hover { filter: brightness(.95); }
@media (max-width: 576px) {
  .ck-banner { left: 0; bottom: 0; width: 100%; max-width: 100%; border-radius: 0; padding: 18px 16px; }
  .ck-banner__btns { flex-direction: column; }
  .ck-banner__btns .ck-btn--accept { order: 1; } .ck-banner__btns .ck-btn--custom { order: 2; } .ck-banner__btns .ck-btn--reject { order: 3; }
  .ck-btn { padding: 12px 6px; font-size: 14px; }
}
.ck-modal { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.5); display: none; align-items: center; justify-content: center; padding: 16px; }
.ck-modal.is-open { display: flex; }
.ck-modal__box { background: #fff; border-radius: 10px; max-width: 520px; width: 100%; max-height: 90vh; overflow: auto; padding: 22px; font-size: 14px; color: #333; }
.ck-modal__box h2 { font-size: 18px; margin: 0 0 8px; }
.ck-cat { border: 1px solid #eef0f3; border-radius: 10px; padding: 12px 14px; margin: 10px 0; }
.ck-cat__row { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-weight: 700; }
.ck-cat p { margin: 6px 0 0; font-size: 13px; color: #666; }
.ck-switch { position: relative; width: 42px; height: 24px; flex: 0 0 auto; }
.ck-switch input { opacity: 0; width: 0; height: 0; }
.ck-switch span { position: absolute; inset: 0; background: #ccc; border-radius: 24px; transition: .2s; cursor: pointer; }
.ck-switch span::before { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: .2s; }
.ck-switch input:checked + span { background: #27ae60; }
.ck-switch input:checked + span::before { transform: translateX(18px); }
.ck-switch input:disabled + span { opacity: .6; cursor: not-allowed; }
.ck-modal__btns { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.sh-header__actions .mk-theme-toggle { width: 30px !important; height: 30px !important; min-width: 30px !important; max-width: 30px !important; background: #1f2a33 !important; color: #fff; }
@media (min-width: 690px) { .sh-header__actions .mk-theme-toggle { width: 28px !important; height: 28px !important; min-width: 28px !important; } }

/* ===== SINGLE ARTICLE (din tema 13din15) ===== */

/* ============================================================
   SINGLE ARTICLE — mobile-first
   ============================================================ */
.sa-wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px 40px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* Breadcrumb */
.sa-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: #666;
    padding: 16px 0 12px;
}
.sa-breadcrumb a {
    color: #27ae60;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.sa-breadcrumb a:hover { text-decoration: underline; }
.sa-breadcrumb .sa-sep { color: #bbb; }
.sa-breadcrumb .sa-current { color: #999; }
.sa-breadcrumb .sa-current-link { color: #999; text-decoration: none; font-weight: 600; }
.sa-breadcrumb .sa-current-link:hover { color: #27ae60; text-decoration: underline; }

/* Hero image */
.sa-hero {
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #f0f0f0;
}
.sa-hero img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Badge categorie */
.sa-cat-badge {
    display: inline-block;
    background: #eafaf1;
    color: #1e8449;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
    text-decoration: none;
}
.sa-cat-badge:hover { background: #d5f5e3; }

/* Titlu + excerpt */
.sa-title {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 12px;
    color: #1a3a2a;
}
.sa-excerpt {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0 0 20px;
}

/* Meta bar */
.sa-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 14px;
}
.sa-meta-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.sa-meta-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.sa-meta-info { min-width: 0; }
.sa-meta-author {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin: 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sa-meta-sub {
    font-size: 12.5px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.sa-meta-author-link {
    color: inherit;
    text-decoration: none;
}
.sa-meta-author-link:hover {
    color: #27ae60;
    text-decoration: underline;
}
.sa-meta-author-title {
    font-weight: 400;
    color: #888;
    font-size: 12.5px;
}

/* Buton reacție (mirror like) din meta bar */
.sa-like-top {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eafaf1;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: background .18s, transform .12s;
}
.sa-like-top:active { transform: scale(0.92); }
.sa-like-top.sa-liked { background: #27ae60; }

/* Stats + share bar */
.sa-stats-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 12.5px;
    color: #777;
}
.sa-stats-left {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.sa-stats-dot { color: #ccc; flex-shrink: 0; }
.sa-share {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.sa-share-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #333;
    border: none;
    cursor: pointer;
    transition: background .15s;
    flex-shrink: 0;
}
.sa-share-btn svg { width: 16px; height: 16px; }
.sa-share-btn:hover { background: #e5e5e5; }
.sa-share-btn.sa-share-copied { background: #d5f5e3; color: #1e8449; }

/* Box "Pe scurt" */
.sa-toc {
    background: #f7f9f8;
    border-radius: 12px;
    padding: 18px 18px 6px;
    margin-bottom: 28px;
}
.sa-toc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px;
}
.sa-toc-title {
    font-size: 15px;
    font-weight: 800;
    color: #1e8449;
    margin: 0;
}
.sa-toc-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #27ae60;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}
.sa-toc-toggle svg { transition: transform .2s; }
.sa-toc-body.sa-collapsed { display: none; }
.sa-toc-body.sa-collapsed + .sa-toc-toggle svg,
.sa-toc-head.sa-collapsed .sa-toc-toggle svg { transform: rotate(180deg); }
.sa-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sa-toc-list li {
    border-bottom: 1px solid #e8ece9;
}
.sa-toc-list li:last-child { border-bottom: none; }
.sa-toc-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 4px;
    text-decoration: none;
    color: #333;
    font-size: 14.5px;
    font-weight: 600;
}
.sa-toc-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #27ae60;
    color: #fff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
}

/* Content */
.sa-content { font-size: 16px; line-height: 1.75; color: #2b2b2b; }
.sa-content h2 {
    font-size: 21px;
    font-weight: 800;
    margin: 32px 0 14px;
    color: #1a3a2a;
    scroll-margin-top: 20px;
}
.sa-content h3 { font-size: 18px; font-weight: 700; margin: 24px 0 10px; color: #16281f; }
.sa-content p { margin: 0 0 16px; }
.sa-content img { max-width: 100%; height: auto; border-radius: 10px; }
.sa-content ul, .sa-content ol { padding-left: 22px; margin: 0 0 16px; }
.sa-content a { color: #27ae60; }

/* Articole recomandate */
.sa-related {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid #ececec;
}
.sa-related-title {
    font-size: 19px;
    font-weight: 800;
    color: #1a3a2a;
    margin: 0 0 16px;
}
.sa-related-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.sa-related-card {
    display: flex;
    gap: 12px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 8px rgba(0,0,0,.07);
    text-decoration: none;
    color: inherit;
    transition: transform .15s, box-shadow .15s;
}
.sa-related-card:hover {
    box-shadow: 0 3px 14px rgba(0,0,0,.11);
}
.sa-related-img {
    width: 110px;
    height: 88px;
    flex-shrink: 0;
    background: #f0f0f0;
    overflow: hidden;
}
.sa-related-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sa-related-body {
    padding: 10px 12px 10px 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sa-related-cat {
    font-size: 10.5px;
    font-weight: 700;
    color: #27ae60;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 4px;
}
.sa-related-card-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: #222;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sa-related-meta {
    font-size: 11.5px;
    color: #999;
}

@media (min-width: 640px) {
    .sa-related-grid { flex-direction: row; flex-wrap: wrap; }
    .sa-related-card { flex-direction: column; width: calc(33.333% - 10px); }
    .sa-related-img { width: 100%; height: 120px; }
    .sa-related-body { padding: 10px 12px; }
}

/* Desktop */
@media (min-width: 768px) {
    .sa-title { font-size: 34px; }
    .sa-hero { border-radius: 18px; }
}

/* Desktop — full width template: wrapper-ul general (și hero) se lărgesc
   spre marginile ecranului; textul rămâne pe o coloană lizibilă, centrată. */
@media (min-width: 1024px) {
    .sa-wrap {
        width: 90%;
        max-width: 1500px;
        padding-left: 0;
        padding-right: 0;
    }
    .sa-hero {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }
    .sa-breadcrumb,
    .sa-title,
    .sa-excerpt,
    .sa-meta-bar,
    .sa-stats-bar,
    .sa-toc,
    .sa-content,
    .sa-related {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ===== HUB ARTICOLE (din tema 13din15) ===== */

.pa-wrap{max-width:1200px;margin:0 auto;padding:0 16px;}

/* Hero */
.pa-hero{background:linear-gradient(135deg,#1a3a2a 0%,#27ae60 100%);padding:48px 16px 40px;text-align:center;color:#fff;}
.pa-hero h1{font-size:clamp(24px,5vw,42px);font-weight:800;margin:0 0 12px;line-height:1.2;color:#fff!important;}
.pa-hero p{font-size:clamp(14px,2.5vw,18px);opacity:.88;margin:0 0 28px;max-width:560px;margin-left:auto;margin-right:auto;}
.pa-hero-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.pa-hero-cat{display:inline-block;padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;cursor:pointer;}
.pa-hero-cat.active,.pa-hero-cat:hover{background:#fff;color:#1a3a2a;}
.pa-hero-cat:not(.active){background:rgba(255,255,255,.18);color:#fff;}

/* Layout */
.pa-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:36px 16px;}
@media(max-width:900px){.pa-layout{grid-template-columns:1fr;padding:20px 12px;}}

/* Carusel */
.pa-featured{margin-bottom:32px;}
.pa-carousel{position:relative;overflow:hidden;border-radius:14px;}
.pa-carousel-track{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1);}
.pa-featured-card{min-width:100%;display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.09);text-decoration:none;color:inherit;}
@media(max-width:640px){.pa-featured-card{grid-template-columns:1fr;}}
.pa-featured-img{overflow:hidden;min-height:220px;}
.pa-featured-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:640px){.pa-featured-img{aspect-ratio:16/9;min-height:unset;}}
.pa-featured-body{padding:24px;display:flex;flex-direction:column;justify-content:space-between;}
.pa-featured-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:12px;width:fit-content;text-transform:uppercase;letter-spacing:.5px;}
.pa-featured-cat{font-size:11px;font-weight:700;color:#27ae60;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;}
.pa-featured-title{font-size:clamp(16px,2.5vw,22px);font-weight:800;line-height:1.3;margin:0 0 10px;}
.pa-featured-excerpt{font-size:14px;color:#555;line-height:1.6;flex:1;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.pa-featured-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#888;}
.pa-featured-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;}
.pa-featured-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;}
.pa-featured-sep{opacity:.4;}
.pa-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px;}
.pa-carousel-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s;}
.pa-carousel-dot.active{background:#27ae60;transform:scale(1.25);}

/* Sort bar */
.pa-sortbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
.pa-sortbar h2{font-size:18px;font-weight:800;margin:0;}
.pa-sort-tabs{display:flex;gap:6px;}
.pa-sort-tab{padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;border:1.5px solid #e0e0e0;color:#555;transition:all .15s;cursor:pointer;}
.pa-sort-tab.active,.pa-sort-tab:hover{background:#27ae60;color:#fff;border-color:#27ae60;}

/* Grid */
.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,320px));justify-content:center;gap:20px;transition:opacity .2s;}
.pa-grid.loading{opacity:.4;pointer-events:none;}
@media(max-width:640px){.pa-grid{grid-template-columns:1fr;}}
.pa-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.07);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;}
.pa-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.12);}
.pa-card-img{aspect-ratio:16/9;overflow:hidden;background:#f0f0f0;}
.pa-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.pa-card:hover .pa-card-img img{transform:scale(1.04);}
.pa-card-body{padding:16px;flex:1;display:flex;flex-direction:column;}
.pa-card-cat{font-size:11px;font-weight:700;color:#27ae60;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;}
.pa-card-title{font-size:15px;font-weight:700;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.pa-card-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#999;margin-top:auto;padding-top:10px;border-top:1px solid #f0f0f0;}
.pa-card-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;}
.pa-card-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.pa-card-dot{width:3px;height:3px;background:#ccc;border-radius:50%;flex-shrink:0;}

/* Fix overflow orizontal pe ecrane inguste: elementele flex/grid primesc implicit
   min-width:auto, iar meta-randurile au white-space:nowrap -> impun un minim rigid
   de 365px care depaseste viewportul sub ~393px. min-width:0 le lasa sa se comprime. */
.pa-card,.pa-card-body,.pa-card-meta,.pa-card-meta-row,
.pa-featured-card,.pa-featured-body,.pa-featured-meta,.pa-featured-meta-row{min-width:0;}
.pa-carousel-track > .pa-featured-card{min-width:100%;}

/* Load more */
.pa-loadmore-wrap{text-align:center;margin-top:28px;}
.pa-loadmore{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:#27ae60;color:#fff;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:background .15s;}
.pa-loadmore:hover{background:#1e8449;}
.pa-loadmore:disabled{background:#ccc;cursor:not-allowed;}
.pa-loadmore-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pa-spin .7s linear infinite;display:none;}
@keyframes pa-spin{to{transform:rotate(360deg)}}
.pa-empty{text-align:center;padding:48px 16px;color:#888;}
.pa-empty-icon{font-size:48px;margin-bottom:12px;}

/* Sidebar */
.pa-sidebar{display:flex;flex-direction:column;gap:24px;}
.pa-widget{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 8px rgba(0,0,0,.07);}
.pa-widget-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#888;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.pa-cta-green{background:linear-gradient(135deg,#1a3a2a,#27ae60);color:#fff;}
.pa-cta-green .pa-widget-title{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.15);}
.pa-cta-title{font-size:16px;font-weight:800;margin:0 0 8px;line-height:1.3;color:#fff;}
.pa-cta-desc{font-size:13px;color:rgba(255,255,255,.85);margin:0 0 14px;line-height:1.5;}
.pa-cta-list{list-style:none;margin:0 0 14px;padding:0;}
.pa-cta-list li{font-size:13px;padding:4px 0;display:flex;align-items:center;gap:8px;opacity:.92;color:#fff;}
.pa-cta-list li::before{content:"✓";font-weight:800;color:#a8e6c3;flex-shrink:0;}
.pa-cta-stars{display:flex;align-items:center;gap:4px;margin-bottom:6px;justify-content:center;}
.pa-cta-stars span.star{font-size:24px;line-height:1;}
.pa-cta-btn-white{display:block;padding:11px 20px;background:#fff;color:#1a3a2a;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none;text-align:center;transition:transform .15s;}
.pa-cta-btn-white:hover{transform:scale(1.03);}
.pa-judete-select{width:100%;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#fafafa;cursor:pointer;}
.pa-judete-select:focus{outline:none;border-color:#27ae60;}
.pa-judete-btn{display:block;width:100%;margin-top:10px;padding:10px;background:#27ae60;color:#fff;border-radius:8px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:background .15s;}
.pa-judete-btn:hover{background:#1e8449;}
.pa-products{display:flex;flex-direction:column;gap:12px;}
.pa-product{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:8px;border-radius:8px;transition:background .15s;}
.pa-product:hover{background:#f7faf8;}
.pa-product img{width:56px;height:56px;object-fit:contain;border-radius:8px;border:1px solid #f0f0f0;flex-shrink:0;background:#fff;}
.pa-product-name{font-size:13px;font-weight:600;line-height:1.3;flex:1;}
.pa-product-arrow{color:#27ae60;font-size:16px;flex-shrink:0;}
.pa-products-more{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0;text-align:center;font-size:13px;font-weight:700;color:#27ae60;text-decoration:none;}
.pa-useful-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.pa-useful-list li a{display:block;padding:8px 0;font-size:13px;color:#333;text-decoration:none;border-bottom:1px solid #f5f5f5;transition:color .15s;}
.pa-useful-list li:last-child a{border-bottom:none;}
.pa-useful-list li a:hover{color:#27ae60;}


/* ===== EXTRA articol ===== */
.sa-hero img { aspect-ratio: 1200 / 630; }
.sa-stats-left span { white-space: nowrap; }
.sa-toc.is-open .sa-toc-body { display: block; }
.sa-toc .sa-toc-body { display: none; }
.sa-toc__toggle { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #27ae60; background: none; border: none; cursor: pointer; padding: 4px; }
.sa-toc.is-open .sa-toc__toggle svg { transform: rotate(180deg); }
.sa-short { background: #eafaf1; border-left: 4px solid #27ae60; border-radius: 6px; padding: 14px 16px; margin: 0 0 20px; font-size: .97em; line-height: 1.6; }
.sa-short strong.sa-short__label { display: block; color: #1e8449; margin-bottom: 4px; }
.sa-content table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14.5px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.sa-content th { background: #27ae60; color: #fff; text-align: left; padding: 10px 12px; font-weight: 700; }
.sa-content td { padding: 10px 12px; border-top: 1px solid #eef0f3; vertical-align: top; }
.sa-content tr:nth-child(even) td { background: #f8faf9; }
.sa-table-wrap { overflow-x: auto; }
.sa-faq-item { margin: 0 0 16px; }
.sa-sources { background: #f7f9f8; border-radius: 12px; padding: 14px 18px; font-size: 14px; color: #555; margin: 26px 0 0; }
.sa-sources p { margin: 0 0 6px; font-weight: 700; color: #1a3a2a; }
.sa-sources ul { margin: 0; padding-left: 20px; list-style: disc; }
.sa-content .sa-sources ul { margin: 0; }
.sa-disclaimer { font-size: 13px; color: #888; margin: 14px 0 0; }
.sa-helpful { margin: 28px 0 0; padding: 18px; border-radius: 12px; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.07); text-align: center; }
.sa-helpful__q { font-weight: 800; margin: 0 0 10px; color: #1a3a2a; }
.sa-helpful button { background: #eafaf1; color: #1e8449; border: 0; border-radius: 999px; padding: 9px 18px; font-weight: 700; margin: 0 4px; cursor: pointer; font-size: 14px; }
.sa-helpful button:hover { background: #d5f5e3; }
.sa-helpful.is-done button { display: none; }
.sa-helpful__thanks { font-size: 14px; color: #1e8449; font-weight: 600; margin: 6px 0 0; }
.sa-author-box { display: flex; gap: 14px; align-items: flex-start; background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 1px 8px rgba(0,0,0,.07); margin-top: 28px; }
.sa-author-box img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.sa-author-box__name { font-weight: 800; margin: 0 0 4px; color: #1a3a2a; }
.sa-author-box__name a { color: inherit; }
.sa-author-box__bio { font-size: 14px; color: #555; line-height: 1.55; margin: 0 0 6px; }
.sa-author-box__links a { font-size: 13px; font-weight: 700; color: #27ae60; margin-right: 12px; }
.sa-report-bar { background: #1a3a2a; color: #fff; text-align: center; font-size: 13.5px; padding: 10px 12px; margin-top: 30px; border-radius: 12px 12px 0 0; }
.sa-report-bar a { color: #a8e6c3; font-weight: 700; text-decoration: underline; }
.sa-share-btn.copied { background: #d5f5e3; color: #1e8449; }
@media (min-width: 1024px) { .sa-short, .sa-author-box, .sa-helpful, .sa-report-bar { max-width: 1100px; margin-left: auto; margin-right: auto; } }
.sa-content > .sa-helpful, .sa-content > .sa-author-box { max-width: none; }

/* ===== EXTRA hub ===== */
.pa-hero-cat { border: 0; font-family: inherit; }
.pa-filter.is-active { background: #fff !important; color: #1a3a2a !important; }
.pa-sort-tab { background: #fff; font-family: inherit; }
.pa-sort.is-active { background: #27ae60; color: #fff; border-color: #27ae60; }
.pa-card-img, .pa-featured-img { background: #e9f7ef; }
.pa-cta-btn-white + .pa-cta-btn-white { margin-top: 8px; }
.pa-widget:not(.pa-cta-green) p { font-size: 13.5px; color: #555; line-height: 1.5; margin: 0 0 12px; }
.pa-widget .pa-judete-btn { color: #fff; }
.pa-carousel-track { will-change: transform; }

/* ===== Pagini instituționale (aceleași clase ca tema) ===== */
.despre-author { display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 18px; }
.despre-author img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.despre-author h3 { font-size: 17px; margin: 0 0 4px; }
.despre-author h3 a { color: #1a1a1a; }
.despre-author__role { font-size: 13px; color: #27ae60; font-weight: 700; margin: 0 0 8px; }
.despre-author p { font-size: 14.5px; color: #555; line-height: 1.6; margin: 0 0 8px; }
.despre-author__links a { font-size: 13px; font-weight: 700; color: #27ae60; margin-right: 14px; }
.despre-content ul.despre-list { list-style: disc; padding-left: 22px; margin: 0 0 16px; }
.despre-content ul.despre-list li { font-size: 15px; color: #444; line-height: 1.7; margin-bottom: 4px; }
.tc-content p, .tc-content li { font-size: 15px; color: #444; line-height: 1.65; }
.tc-content h2 { font-size: 19px; margin: 28px 0 10px; color: #1a1a1a; scroll-margin-top: 16px; }
.tc-content ul { list-style: disc; padding-left: 22px; margin: 0 0 16px; }
.tc-content table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0 0 16px; }
.tc-content th, .tc-content td { border: 1px solid #e5e8eb; padding: 8px 10px; text-align: left; vertical-align: top; }
.tc-content th { background: #f7f9fa; }
.tc-content a { color: #27ae60; font-weight: 600; }
.tc-note { background: #fff8e1; border-left: 4px solid #f9a825; border-radius: 6px; padding: 12px 14px; font-size: 14px; margin: 0 0 18px; }
.aup-links a { font-size: 13px; font-weight: 700; color: #27ae60; margin-right: 14px; }
.arch-card a { color: inherit; display: block; }
.arch-desc { font-size: 15px; color: #555; margin: 0 0 6px; max-width: 760px; }
.arch-card__excerpt { font-size: 13.5px; color: #666; line-height: 1.5; margin: 0 0 8px; }
.arch-card__by { font-size: 12px; color: #999; margin-top: 6px; }
.sa-content ul { list-style: disc; padding-left: 22px; margin: 0 0 18px; }
.sa-content ol { list-style: decimal; padding-left: 22px; margin: 0 0 18px; }
.sa-content li { margin-bottom: 6px; line-height: 1.65; }
.sa-content .sa-sources ul { padding-left: 20px; }
.pa-featured-img img { object-position: center; }
.src-card__media img { object-position: center; }
.aup-profile__info .aup-role { display: block; font-size: 13px; font-weight: 700; color: #27ae60; margin: 2px 0 6px; }

/* ===== Foto articol + credit (fotografii Wikimedia Commons) ===== */
figure.sa-hero { margin: 0 0 18px; overflow: visible; background: none; border-radius: 0; }
figure.sa-hero img { border-radius: 14px; background: #f0f0f0; }
@media (min-width: 768px) { figure.sa-hero img { border-radius: 18px; } }
.sa-hero__credit { font-size: 12px; line-height: 1.4; color: #888; text-align: right; margin: 6px 4px 0; }
.sa-hero__credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.sa-hero__credit a:hover { color: #27ae60; }