/**
 * Metropolitan ADV RO – modernizare stil 2026
 * Font: Outfit (Google Fonts) – body și toate titlurile.
 */

/* Font modern 2026 – body + toate h-urile ca să nu mai rămână fontul vechi */
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Outfit', sans-serif;
}

/* --- Variabile (folosite doar în secțiunile de ziare) --- */
:root {
	--mro-card-bg: #fff;
	--mro-card-border: #e8e8e8;
	--mro-text: #1a1a1a;
	--mro-text-muted: #555;
	--mro-accent: #0d6efd;
	--mro-accent-hover: #0b5ed7;
	--mro-radius-card: 12px;
	--mro-radius-btn: 8px;
	--mro-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	--mro-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
	--mro-padding-card: 14px;
	--mro-gap: 12px;
}

/* --- Secțiune naționale (Mica publicitate): titlu modernizat --- */
.national-newspapers {
	margin-bottom: 24px;
}

.national-newspapers h2 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mro-text);
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 14px 0 14px 16px;
	border-left: 4px solid var(--mro-accent);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 0%, transparent 100%);
	border-radius: 0 8px 8px 0;
}

/* Container ziare: fără padding stânga ca titlul și cardurile să fie aliniate la sidebar */
.mro-newspapers-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Dezactivăm clearfix DOAR pe grid-ul intern; pe .mro-newspapers-row rămâne activ pentru a nu colapsa layout-ul */
body.page-has-small-newspapers .row.small-newspapers::before,
body.page-has-small-newspapers .row.small-newspapers::after,
.row.small-newspapers::before,
.row.small-newspapers::after {
	display: none !important;
	content: none !important;
}

/* --- Carduri Mica publicitate: CSS Grid – 4 ziare pe linie (md+), 2 pe tableta, 1 pe mobil --- */
.row.small-newspapers {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mro-gap);
	margin-left: 0;
	margin-right: 0;
}

.row.small-newspapers > [class*="col-"] {
	display: flex;
	box-sizing: border-box;
	padding-left: 0 !important;
	padding-right: 0 !important;
	min-width: 0;
	float: none !important;
	width: auto !important;
	max-width: none !important;
}

/* clearfix pe coloane – nu e necesar în grid */
.row.small-newspapers .clearfix::before,
.row.small-newspapers .clearfix::after {
	display: none !important;
	content: none !important;
}

@media (min-width: 768px) {
	.row.small-newspapers {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 992px) {
	.row.small-newspapers {
		grid-template-columns: repeat(4, 1fr);
	}
}

.row.small-newspapers .small-newspaper {
	display: flex;
	flex: 1;
	width: 100%;
	min-height: 0;
}

.row.small-newspapers .ziare-prima {
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%;
	background: var(--mro-card-bg);
	border: 1px solid var(--mro-card-border);
	border-radius: var(--mro-radius-card);
	box-shadow: var(--mro-shadow);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.row.small-newspapers .ziare-prima:hover {
	box-shadow: var(--mro-shadow-hover);
	transform: translateY(-2px);
}

.row.small-newspapers .gallery-overlay {
	overflow: hidden;
	border-radius: var(--mro-radius-card) var(--mro-radius-card) 0 0;
}

.row.small-newspapers .portfolio-item-preview {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.25s ease;
}

.row.small-newspapers .ziare-prima:hover .portfolio-item-preview {
	transform: scale(1.03);
}

.row.small-newspapers .img-caption {
	flex: 1;
	padding: var(--mro-padding-card);
	display: flex;
	flex-direction: column;
}

.row.small-newspapers .img-caption h4 {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 6px;
	color: var(--mro-text);
}

.row.small-newspapers .img-caption h4 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.row.small-newspapers .img-caption h4 a:hover {
	color: var(--mro-accent);
}

.row.small-newspapers .img-caption p {
	font-size: 14px;
	line-height: 1.5;
	color: var(--mro-text-muted);
	margin: 0;
	flex: 1;
}

.row.small-newspapers .ziare-prima > .text-center:last-of-type {
	margin-top: auto;
	padding: 0 var(--mro-padding-card) var(--mro-padding-card);
}

.row.small-newspapers .btn-publica-anunt {
	display: inline-block;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #323232;
	border: none;
	border-radius: var(--mro-radius-btn);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, filter 0.2s ease;
}

.row.small-newspapers .btn-publica-anunt:hover,
.row.small-newspapers .btn-publica-anunt:focus {
	background: #252525;
	filter: brightness(0.9);
	color: #fff;
}

/* --- Pagina Mare publicitate: întreaga pagină modernizată --- */
.page-mare-publicitate {
	--mro-page-bg: #f6f7f9;
	--mro-hero-bg: linear-gradient(135deg, #fff 0%, #f0f2f5 100%);
	--mro-sidebar-bg: #fff;
	--mro-sidebar-radius: 12px;
	--mro-sidebar-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 2rem;
	background: var(--mro-page-bg);
	min-height: 60vh;
}

/* Hero / Headline */
.page-mare-publicitate-hero {
	margin: -0.5rem -15px 1.75rem;
	padding: 1.75rem 1.5rem;
	background: var(--mro-hero-bg);
	border-radius: var(--mro-radius-card);
	box-shadow: var(--mro-shadow);
	border: 1px solid var(--mro-card-border);
}

.page-mare-publicitate-hero-inner {
	max-width: 100%;
}

.page-mare-publicitate-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--mro-text);
	margin: 0 0 0.35rem;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.page-mare-publicitate-subtitle {
	font-size: 1rem;
	color: var(--mro-text-muted);
	margin: 0 0 0.75rem;
	font-weight: 400;
}

.page-mare-publicitate .breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem;
	font-size: 0.875rem;
	color: var(--mro-text-muted);
}

.page-mare-publicitate .breadcrumbs-sep {
	opacity: 0.6;
}

.page-mare-publicitate .breadcrumbs a {
	color: var(--mro-accent);
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-mare-publicitate .breadcrumbs a:hover {
	color: var(--mro-accent-hover);
	text-decoration: underline;
}

.page-mare-publicitate .breadcrumbs span:last-child {
	color: var(--mro-text);
	font-weight: 500;
}

/* Body: sidebar + main */
.page-mare-publicitate-body {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: flex-start;
}

.page-mare-publicitate .ads-side-left.ads-advertisments {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0;
	margin: 0;
	float: none;
	width: 100%;
	max-width: 200px;
}

@media (min-width: 992px) {
	.page-mare-publicitate .ads-side-left.ads-advertisments {
		width: 200px;
		flex-shrink: 0;
	}
	.page-mare-publicitate .page-mare-publicitate-main {
		flex: 1;
		min-width: 0;
	}
}

.page-mare-publicitate .sidebar-banner {
	display: block;
	background: var(--mro-sidebar-bg);
	border-radius: var(--mro-sidebar-radius);
	box-shadow: var(--mro-sidebar-shadow);
	border: 1px solid var(--mro-card-border);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.page-mare-publicitate .sidebar-banner:hover {
	box-shadow: var(--mro-shadow-hover);
	transform: translateY(-2px);
}

.page-mare-publicitate .sidebar-banner img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.page-mare-publicitate-main.corect {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

/* --- Page headline (Mica publicitate, Contact etc.): bloc titlu modernizat --- */
#page-headline {
	margin-bottom: 0;
	padding: 20px 0 0;
	background: linear-gradient(135deg, rgba(230, 184, 0, 0.08) 0%, rgba(230, 184, 0, 0.02) 50%, transparent 100%);
	border-radius: var(--mro-radius-card);
	border-left: 4px solid #e6b800;
}

#page-headline-inner {
	display: block;
	padding: 0 0 16px 20px;
}

#page-title {
	margin: 0;
}

#page-headline #page-title h2,
.page-mare-publicitate-title {
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--mro-text);
	margin: 0 0 8px;
	line-height: 1.25;
}

#page-headline #page-title p,
.page-mare-publicitate-subtitle {
	font-size: 1.25rem;
	color: var(--mro-text-muted);
	margin: 0;
	line-height: 1.5;
	font-weight: 500;
}

#page-headline .breadcrumbs {
	font-size: 0.875rem;
	margin-top: 0;
}

/* Separator sub headline: linie galbenă */
#page-headline .separator {
	height: 1px;
	background: linear-gradient(90deg, #e6b800 0%, transparent 70%);
	opacity: 0.5;
	margin: 0 20px 20px 24px;
	padding: 0;
	border: none;
	clear: both;
	background-image: none;
}

/* ==========================================================================
   Ziare locale – filtre, listă județe, linkuri
   ========================================================================== */
.page-ziare-locale #local-newspapers-wrapper {
	margin-top: 24px;
}

/* Bară filtre + căutare */
.page-ziare-locale .mro-local-filters-search {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
	padding: 16px 20px;
	background: linear-gradient(135deg, rgba(230, 184, 0, 0.06) 0%, rgba(230, 184, 0, 0.02) 100%);
	border: 1px solid rgba(230, 184, 0, 0.25);
	border-radius: var(--mro-radius-card);
}

.page-ziare-locale .mro-local-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.page-ziare-locale .mro-local-filters .dropdown .btn-default {
	font-size: 15px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: var(--mro-radius-btn);
	border: 1px solid var(--mro-card-border);
	background: #fff;
	color: var(--mro-text);
	box-shadow: var(--mro-shadow);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.page-ziare-locale .mro-local-filters .dropdown .btn-default:hover,
.page-ziare-locale .mro-local-filters .dropdown.open .btn-default {
	background: #fff;
	border-color: #e6b800;
	box-shadow: 0 2px 12px rgba(230, 184, 0, 0.2);
}

.page-ziare-locale .mro-local-filters .dropdown-menu {
	border-radius: var(--mro-radius-btn);
	box-shadow: var(--mro-shadow-hover);
	border: 1px solid var(--mro-card-border);
	padding: 6px 0;
}

.page-ziare-locale .mro-local-filters .dropdown-menu li a {
	font-weight: 500;
	padding: 8px 16px;
}

.page-ziare-locale .mro-local-filters .dropdown-menu li.active a {
	background: rgba(230, 184, 0, 0.12);
	color: var(--mro-text);
}

/* Căutare */
.page-ziare-locale .mro-search-form .mro-input-group {
	display: flex;
	border-radius: var(--mro-radius-btn);
	overflow: hidden;
	box-shadow: var(--mro-shadow);
	border: 1px solid var(--mro-card-border);
}

.page-ziare-locale .mro-search-input {
	font-size: 15px;
	padding: 10px 16px;
	border: none;
	border-right: 1px solid var(--mro-card-border);
}

.page-ziare-locale .mro-search-input:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px rgba(230, 184, 0, 0.35);
}

.page-ziare-locale .mro-search-btn {
	font-size: 15px;
	font-weight: 600;
	padding: 10px 20px;
	background: #323232;
	color: #fff;
	border: none;
	transition: background 0.2s ease;
}

.page-ziare-locale .mro-search-btn:hover {
	background: #252525;
	color: #fff;
}

/* Rânduri județ / National */
.page-ziare-locale .mro-county-row {
	margin-left: 0;
	margin-right: 0;
}

.page-ziare-locale .mro-county-block {
	padding: 14px 20px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid var(--mro-card-border);
	border-radius: var(--mro-radius-card);
	box-shadow: var(--mro-shadow);
}

.page-ziare-locale .mro-county-label {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: var(--mro-text);
	margin-right: 10px;
	min-width: 100px;
}

.page-ziare-locale .mro-county-block a {
	color: var(--mro-accent);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease, text-decoration 0.2s ease;
}

.page-ziare-locale .mro-county-block a:hover {
	color: #e6b800;
	text-decoration: underline;
}

.page-ziare-locale .mro-county-block .comma {
	color: var(--mro-text-muted);
	font-weight: 400;
	user-select: none;
}

/* Linie separator între PACHETE și județe */
.page-ziare-locale .mro-county-hr {
	height: 0;
	border: none;
	border-top: 1px solid var(--mro-card-border);
	margin: 20px 0 16px;
	opacity: 0.8;
}

@media (max-width: 767px) {
	.page-ziare-locale .mro-local-filters-search {
		flex-direction: column;
		align-items: stretch;
		padding: 14px;
	}
	.page-ziare-locale .mro-local-filters {
		justify-content: flex-start;
	}
	.page-ziare-locale .mro-county-block {
		padding: 12px 14px;
	}
	.page-ziare-locale .mro-county-label {
		display: block;
		margin-bottom: 8px;
		min-width: 0;
	}
}

/* --- Carduri Mare publicitate --- */
.row.large-ads-newspapers {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mro-gap);
}

.row.large-ads-newspapers > .newspaper-outer {
	display: flex;
}

.row.large-ads-newspapers .big-news-wrap2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%;
	min-height: 0;
	background: var(--mro-card-bg);
	border: 1px solid var(--mro-card-border);
	border-radius: var(--mro-radius-card);
	box-shadow: var(--mro-shadow);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.row.large-ads-newspapers .newspaper-outer:hover .big-news-wrap2 {
	box-shadow: var(--mro-shadow-hover);
	transform: translateY(-2px);
}

.row.large-ads-newspapers .big-news-title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: var(--mro-padding-card);
	border-bottom: 1px solid var(--mro-card-border);
}

.row.large-ads-newspapers .newspaper-name {
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0;
}

.row.large-ads-newspapers .newspaper-name a {
	color: var(--mro-text);
	text-decoration: none;
	transition: color 0.2s ease;
}

.row.large-ads-newspapers .newspaper-name a:hover {
	color: var(--mro-accent);
}

.row.large-ads-newspapers .big-news-title-wrap .button {
	display: inline-block;
	padding: 0.55rem 1.25rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: var(--mro-vezi-detali-btn, var(--mro-accent));
	border: none;
	border-radius: var(--mro-radius-btn);
	transition: background 0.2s ease, color 0.2s ease, filter 0.2s ease;
}

.row.large-ads-newspapers .big-news-title-wrap .button:hover,
.row.large-ads-newspapers .big-news-title-wrap .button:focus {
	background: var(--mro-vezi-detali-btn, var(--mro-accent-hover));
	filter: brightness(0.9);
	color: #fff;
}

.row.large-ads-newspapers .big-news-details-wrap {
	flex: 1;
	display: flex;
	padding: var(--mro-padding-card);
	gap: var(--mro-gap);
}

.row.large-ads-newspapers .newspaper-img-wrap {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: var(--mro-radius-btn);
	min-height: 120px;
}

.row.large-ads-newspapers .newspaper-short {
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--mro-text-muted);
}

.row.large-ads-newspapers .newspaper-short p {
	margin: 0;
}

/*
 * ==========================================================================
 * HOMEPAGE (.page-homepage)
 *
 * Overrides old rules from:
 *   style.css        – .faq, .button-slider, .button, .learn-more-btn,
 *                       .separator, .box-title, .img-caption, .three-fifth,
 *                       .small-newspaper, .gallery-overlay
 *   style_metropolitan_adv_ro.css – #content-slider, #async-slider, .slide,
 *                       .tagline, .tagline-text, .button-slider, .fl-left/right
 *
 * ALL values in px (html font-size is 10px, body font-size is 14px).
 * All selectors scoped under .page-homepage for higher specificity.
 * ==========================================================================
 */

/* OLD app.css: .container2 { width: 1170px } – pe homepage: 10% mai lat (1320px) */
body.page-is-homepage .container2 {
	width: 100% !important;
	max-width: 1320px !important;
}

.page-homepage {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 24px;
	background: #fff;
	min-height: 40vh;
}

.page-homepage .newspaper-slider {
	margin-bottom: 24px;
}

/* ---------- Slider ---------- */

/* OLD: #content-slider { position: relative; background: url(world.png); overflow: hidden } */
.page-homepage #content-slider {
	position: relative;
	background: url(../img/domains/metropolitan_adv_ro/slider/world.png) no-repeat center;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border: 1px solid #e8e8e8;
}

/* OLD: #async-slider { list-style: none; max-height: 225px !important } */
.page-homepage #async-slider {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: none !important;
}

/* Înălțime egală la toate slide-urile */
.page-homepage #async-slider li.slide {
	min-height: 320px;
}

/* OLD: .slide { max-width: 100%; max-height: 350px; margin-right: 4%; margin-left: 4% } */
.page-homepage .slide {
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 24px 20px;
	min-height: 320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

/* OLD: .three-fifth { float: left; max-width: 100%; margin: 0 25px 25px 0 } – centrat stânga/dreapta egal, înălțime completă */
.page-homepage .slide .three-fifth {
	float: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	min-height: 272px;
	flex: 1;
}

/* OLD: .fl-left { float: left !important } */
.page-homepage .slide .three-fifth.fl-left {
	float: none !important;
}

/* Text stânga: col 9 */
.page-homepage .slide .col-md-9 {
	flex: 1;
	min-width: 280px;
	float: none;
}

/* Poză dreapta: col 3 */
.page-homepage .slide .col-md-3 {
	float: none;
}

.page-homepage #async-slider li h2,
.page-homepage .slide h2 {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: #cc0202 !important;
	text-shadow: 1px 1px 0 #454545 !important;
	margin: 0 0 6px !important;
	line-height: 1.35 !important;
}

/* OLD: #async-slider li h3 { font-size: 21px; color: #000 } */
.page-homepage .slide h3 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 0 0 10px;
	line-height: 1.4;
}

/* OLD: .three-fifth p { color: #000 } */
.page-homepage .slide p {
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	margin: 0 0 12px;
}

/* OLD: .nop – hidden on mobile via old CSS, keep class behavior */
.page-homepage .slide p.nop {
	font-size: 15px;
}

/*
 * OLD: .button-slider {
 *   background: url(btn-bg.png) repeat -20px 35px #cc0202;
 *   color: #FFF; padding: 3px 10px; font-size: 13px;
 *   text-transform: uppercase; display: inline-block;
 *   border-top-right-radius: 6px; border-bottom-left-radius: 6px;
 *   font-weight: bold; width: 100% (first decl) / auto (second decl);
 * }
 */
.page-homepage .button-slider {
	display: inline-block;
	width: auto;
	padding: 8px 18px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	background: var(--mro-vezi-detali-btn, #cc0202);
	background-image: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease, filter 0.2s ease;
	margin-bottom: 0;
}

/* OLD: .button-slider:hover { background-position: -20px 94px } */
.page-homepage .button-slider:hover {
	background-image: none;
	filter: brightness(0.9);
	color: #fff;
	text-decoration: none;
}

/* OLD: .slide img { width: auto; height: auto } */
.page-homepage .slide .col-md-3 img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 8px;
	display: block;
	margin-top: 0;
}

/* OLD: .fl-right { float: right !important } – reset inside slider images */
.page-homepage .slide .col-md-3 img.fl-right {
	float: none !important;
}

/* OLD: .three-fifth-link { float: left } */
.page-homepage .slide .three-fifth-link {
	float: none;
}
.page-homepage .slide .three-fifth-link.fl-left {
	float: none !important;
}

/* OLD: .clear { clear: both } – neutral in flex context */
.page-homepage .clear {
	clear: none;
	display: none;
}

/* ---------- Tagline ---------- */

/*
 * OLD: .tagline { width: 100%; background-color: #fdd922; border: 4px solid #000; padding: 20px 0 }
 * OLD: .tagline-text { width: 90%; float: left; margin-left: 6%; background-color: #fdd922 }
 * OLD: .tagline-text h2 { color: #f7f7f7; font-size: 32px; text-shadow: 2px 2px 2px #000 }
 * OLD: .tagline-text p { color: #000; font-size: 14px; text-shadow: 1px 1px 1px #fdd922 }
 * OLD: .tagline-btn { float: right; text-indent: -9999px; margin-top: -3% }
 */
.page-homepage .tagline {
	width: auto;
	background-color: transparent;
	border: none;
	padding: 0;
	margin-bottom: 24px;
}

.page-homepage .tagline-text {
	float: none;
	width: auto;
	margin: 0;
	background: #fdd922;
	border: 1px solid #e8c800;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	padding: 20px 24px;
}

.page-homepage .tagline-text h2 {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a;
	text-shadow: none;
	margin: 0 0 6px;
	line-height: 1.3;
}

.page-homepage .tagline-text h2 span {
	color: #cc0202;
}

.page-homepage .tagline-text p {
	font-size: 15px;
	line-height: 1.55;
	color: #333;
	text-shadow: none;
	margin: 0;
}

.page-homepage .tagline-btn {
	float: none;
	text-indent: 0;
	margin-top: 0;
	max-height: 48px;
	width: auto;
	display: inline-block;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.page-homepage .tagline-text a:hover .tagline-btn {
	opacity: 0.9;
	transform: scale(1.02);
}

/* ---------- FAQ ---------- */

/*
 * OLD: .faq { padding-top: 15px; min-height: 210px }
 * OLD: .faq p { min-height: 60px }
 * OLD: .box-title img { float: left; margin-right: 9px }
 * OLD: .box-title h3 { font-size: 22px; line-height: 22px; color: #323232; margin-bottom: 0 }
 * OLD: .button { background: url(btn-bg.png) #cc0202; font-size: 13px; display: inline-block }
 * OLD: .learn-more-btn { position: absolute; bottom: 0 }
 */
.page-homepage .content > .faq {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 24px;
	padding-top: 0;
	min-height: 0;
}

.page-homepage .faq .col-xs-12.col-sm-3.faq {
	flex: 1;
	min-width: 220px;
	min-height: 0;
	padding: 16px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: relative;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.page-homepage .faq .col-xs-12.col-sm-3.faq:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.page-homepage .faq .box-title {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
}

/* OLD: .box-title img { float: left; margin-right: 9px } */
.page-homepage .faq .box-title img {
	float: none;
	margin-right: 0;
	flex-shrink: 0;
}

/* OLD: .box-title h3 { font-size: 22px; line-height: 22px } */
.page-homepage .faq .box-title h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

.page-homepage .faq .box-title a {
	text-decoration: none;
	color: inherit;
}

/* OLD: .faq p { min-height: 60px } */
.page-homepage .faq p {
	font-size: 14px;
	line-height: 1.55;
	color: #555;
	margin: 0 0 12px;
	min-height: 0;
}

/*
 * OLD: .button { background: url(btn-bg.png) repeat -20px 35px #cc0202; font-size: 13px;
 *               display: inline-block; border-top-right-radius: 6px; border-bottom-left-radius: 6px }
 * OLD: .learn-more-btn { position: absolute; bottom: 0 }
 */
.page-homepage .learn-more-btn {
	position: static;
	bottom: auto;
	display: inline-block;
	width: auto;
	padding: 7px 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	background: var(--mro-vezi-detali-btn, #cc0202);
	background-image: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease, filter 0.2s ease;
	margin-bottom: 0;
}

/* OLD: .button:hover { background-position: -20px 94px } */
.page-homepage .learn-more-btn:hover {
	background-image: none;
	filter: brightness(0.9);
	color: #fff;
	text-decoration: none;
}

/* ---------- Separator ---------- */

/*
 * OLD: .separator { background: url(separator.png) repeat; height: 8px; width: 100%; margin-bottom: 20px }
 * OLD: #content .separator { clear: both; margin-top: 0 }
 */
.page-homepage .separator {
	background: none;
	background-image: none;
	height: 0;
	margin: 0 0 20px;
	border: none;
	clear: none;
}

/* ---------- Small-newspapers spacing ---------- */
.page-homepage .small-newspapers {
	margin-top: 6px;
}

/* ==========================================================================
 * RESPONSIVE: Mare publicitate
 * ========================================================================== */
@media (max-width: 991px) {
	.page-mare-publicitate-body {
		flex-direction: column;
	}
	.page-mare-publicitate .ads-side-left.ads-advertisments {
		max-width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 10px;
	}
}

@media (max-width: 767px) {
	.page-mare-publicitate {
		padding-left: 12px;
		padding-right: 12px;
	}
	.page-mare-publicitate-hero {
		margin-left: -12px;
		margin-right: -12px;
		padding: 16px 12px;
	}
	.page-mare-publicitate-title {
		font-size: 18px;
	}
	.page-mare-publicitate-subtitle {
		font-size: 13px;
	}
	.row.small-newspapers,
	.row.large-ads-newspapers,
	.national-newspapers {
		--mro-padding-card: 12px;
		--mro-gap: 10px;
	}
	.national-newspapers h2 {
		font-size: 16px;
		padding: 12px 0 12px 12px;
		margin-bottom: 16px;
		border-left-width: 3px;
	}
	.row.large-ads-newspapers .big-news-details-wrap {
		flex-direction: column;
	}
	.row.large-ads-newspapers .newspaper-img-wrap {
		min-height: 140px;
	}

	/* ---------- Homepage responsive ---------- */
	.page-homepage {
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 16px;
	}
	.page-homepage .newspaper-slider {
		margin-bottom: 16px;
	}
	.page-homepage .slide {
		padding: 16px 12px;
		min-height: 280px;
	}
	.page-homepage .slide .three-fifth {
		min-height: 248px;
	}
	.page-homepage .slide .three-fifth {
		flex-direction: column;
	}
	.page-homepage .slide .col-md-9 {
		order: 1;
	}
	.page-homepage .slide .col-md-3 {
		order: 0;
	}
	.page-homepage .slide h2,
	.page-homepage #async-slider li h2 {
		font-size: 20px !important;
	}
	.page-homepage .slide h3 {
		font-size: 16px;
	}
	.page-homepage .slide p {
		font-size: 14px;
	}
	.page-homepage .button-slider {
		font-size: 15px;
		padding: 7px 14px;
	}
	.page-homepage .tagline {
		margin-bottom: 16px;
	}
	.page-homepage .tagline-text {
		padding: 16px 14px;
	}
	.page-homepage .tagline-text h2 {
		font-size: 18px;
	}
	.page-homepage .tagline-text p {
		font-size: 14px;
	}
	.page-homepage .content > .faq {
		flex-direction: column;
		margin-bottom: 16px;
	}
	.page-homepage .faq .col-xs-12.col-sm-3.faq {
		min-width: 100%;
	}
	.page-homepage .faq .box-title h3 {
		font-size: 15px;
	}
	.page-homepage .learn-more-btn {
		font-size: 15px;
		padding: 6px 12px;
	}
}