.nav-wrapper,
.navbarWhite.nav-wrapper {
	border-bottom: none !important;
	box-shadow: none;
}

section {
	padding: 20px 0;
}


.page-header {
	margin: 0 0 20px 0 !important;
}

.thingsArea .thumbnailCarousel {
	padding-top: 55px;
}
















@media (min-width: 768px) {
	/* Coloane aceeași lățime utilă; captionItem egal pe toate cardurile */
	
	
	
	
	
	
	
	
	

	
	
	
	

	/* Asigură că timer-ul ocupă lățimea completă (laptop/tablet) */
}


















/* Categories: section title (same pattern as favourites / latest) */
.home-categories-things .home-categories-things__header {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
.home-categories-things .home-categories-things__header-inner {
	padding-left: 0;
	padding-right: 0;
}
.home-categories-things .home-categories-things__heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.35;
	color: #2c3e50;
	text-align: left;
}
.home-categories-things .home-categories-things__heading-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	color: #0278c2;
	font-size: 19px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.home-categories-things .home-categories-things__heading-text {
	padding-left: 14px;
	border-left: 3px solid #0278c2;
}
@media (max-width: 767px) {
	.home-categories-things .home-categories-things__heading {
		font-size: 1.75rem;
		gap: 10px;
	}
	.home-categories-things .home-categories-things__heading-icon {
		width: 40px;
		height: 40px;
		font-size: 17px;
	}
}










/* Locație: colț stânga jos, deasupra badge-ului de categorie */

















.searchArea {
	padding: 15px 0;
}

.searchArea.banerInfo .form-group {
	margin: 0;
}

/* Pin search to the carousel bottom edge (desktop + mobile): form stays inside
   the slide regardless of its height. Only when it follows .homeBanner. */
.homeBanner + .container .banerInfo.slider-search1 {
	height: 0;
	padding-top: 0;
	position: relative;
	z-index: 500;
	margin: 0;
	overflow: visible;
}
.homeBanner + .container .banerInfo.slider-search1 > * {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

@media (min-width: 768px) {
	.banerInfo .form-inline {
		padding: 20px;
	}
	.searchArea.banerInfo .form-group {
		margin: 10px 0 0 0;
	}
	.searchArea.banerInfo .form-col .btn-primary {
		margin: 10px 0 0 0;
	}
}

.banner-filters .form-inline {
	background: transparent;
	padding: 10px;
}

.searchArea.banner-filters .row.search-row {
	margin: -5px;
}

.btn-primary:hover,
.btn.btn-default.bootstrap-touchspin-down:hover,
.btn.btn-default.bootstrap-touchspin-up:hover,
.btn.btn-default.btn-outline-secondary.fileinput-remove.fileinput-remove-button:hover,
.kv-file-remove.btn.btn-sm.btn-kv.btn-danger.btn-outline-secondary:hover {
	background-color: #151515;
}

.btn-highlight {
	padding: 15px 15px;
}

.sidebarInner.sidebarCategory {
	padding: 0;
}

/* Interest area category announcement count */
.interestArea .interestContent .interestArea-count {
	display: block;
	color: #fff;
	margin-top: 30px;
	font-size: 0.9em;
	z-index: 11;
}

/* Compact primary button (homepage Load more + sidebar categories toggle) */
.btn-interestArea {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 44px;
	padding: 0 20px;
	white-space: normal;
	word-wrap: break-word;
	line-height: 1.2;
}

.interestArea .btn-interestArea {
	margin: 20px auto 0;
	/* Mobil: lățime utilă pentru etichete lungi (ex. RO „Încărcați mai mult”) */
	width: 100%;
	max-width: 100%;
}

@media (min-width: 768px) {
	.interestArea .btn-interestArea {
		width: 33.3333%; /* approx col-sm-4 */
		max-width: none;
	}
}

.interestArea .btn-interestArea:hover,
.interestArea .btn-interestArea:focus {
	color: #fff;
	text-decoration: none;
}

/* Sidebar categories accordion — neutral panel heading, no theme accent */
.sidebarInner .panel-heading.categories-accordion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	width: 100%;
	max-width: 100%;
	text-align: left;
	text-transform: none;
	background: transparent;
	color: #333;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 0;
	cursor: pointer;
}

.sidebarInner .panel-heading.categories-accordion:hover,
.sidebarInner .panel-heading.categories-accordion:focus {
	color: #333;
	text-decoration: none;
}

.sidebarInner .panel-heading.categories-accordion .categories-accordion__label {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	color: inherit;
}

.panel .panel-heading.categories-accordion,
.sidebarInner .panel-heading.categories-accordion {
	height: 44px;
	line-height: 1.2;
	padding: 0;
}

.sidebarInner .panel-heading.categories-accordion .categories-accordion-icon {
	margin: 0 0 0 12px;
	float: none;
	flex: 0 0 auto;
	align-self: center;
	font-size: 14px;
	line-height: 1;
	width: 1em;
	text-align: center;
}

/* Sidebar categorii: lista aliniată la marginile cardului, ca heading-ul accordion */
.sidebarInner.sidebarCategory #categories .panel-body .treeview {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.sidebarInner .categoryList {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sidebarInner.sidebarCategory #categories .treeview .has-subtree > .subtree-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.sidebarInner.sidebarCategory #categories .treeview .has-subtree > .subtree-header > a {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 0;
}

.sidebarInner.sidebarCategory #categories .treeview .btn-subtree-toggle {
	position: static;
	right: auto;
	top: auto;
	bottom: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	min-width: 1em;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1;
}

.sidebarInner.sidebarCategory #categories .treeview .btn-subtree-toggle > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
}

.interestArea .interestContent .interestArea-count span {
	color: #fff;
}

.dataTables_paginate {
	padding: 15px 0 15px 0;
}

.dataTables_paginate .pagination {
	float: right !important;
}

.detailsInfoBox h3 {
	padding-top: 10px !important;
}

.detailsInfoBox .announcement-location-address {
	margin: 0;
}

.panel .panel-heading {
	height: 60px;
	padding: 0;
	line-height: 60px;
	color: #ffffff;
	text-transform: capitalize;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	border: none;
}

.required > label.control-label:after {
	content: ' *';
	color: #f55060;
}

.form-verify-field {
	display: none !important;
}

.loginForm .form-control {
	padding: 6px 12px 6px 12px;
}

.bg-dark {
	background-color: #eeeeee;
}

.select2-selection__rendered {
	line-height: 35px !important;
}
.select2-container .select2-selection--single {
	height: 50px !important;
}
.select2-selection__arrow {
	height: 50px !important;
}

.page-heading {
	margin: 0;
	text-align: center;
	font-weight: 400;
	font-size: 40px;
}

/* Announcement view - social/favourite alignment */
.social-widget .add-favourite-btn {
	display: inline-block;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.social-widget .add-favourite-btn {
		float: right;
	}
}

.sidebarInner .panel-heading {
	border: none;
	padding: 0 0 15px 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #FFFF;
}

.sidebarInner .panel-heading.categories-accordion {
	padding: 0;
	font-family: inherit;
}

.sidebarInner.sidebarCategory .categoryList li a {
	border: none;
	padding: 10px 0;
}

.sidebarInner .categoryList li a {
	border-bottom: 1px solid #e5e5e5;
	display: inline-block;
	color: #848484;
	padding: 10px 0;
}

.signUpForm, #application-dialog  .btn-primary {
	padding: 15.5px 20px;
}

.homeBanner .slide-inner1.common-inner {
	/* padding-top: 80px; */
	padding-bottom: 40px;
}

/* Home banner: theme sets .main-slider .slide { height + min-height: 624px } — override so .slide matches .owl-item */
.homeBanner,
.homeBanner .inner.owl-carousel,
.homeBanner .owl-stage-outer,
.homeBanner .owl-stage,
.homeBanner .owl-item,
.homeBanner .owl-stage .owl-item .slide,
.homeBanner .slide {
	max-height: 550px !important;
	min-height: 550px !important;
	height: 550px !important;
	overflow: hidden;
}

.homeBanner .slide-inner1 .h1.from-bottom,
.homeBanner .slide-inner1.common-inner.home-banner-slide-inner .h1.from-bottom {
	margin-top: -10px;
	margin-bottom: 20px;
}

.homeBanner .slide-inner1 .h2.from-bottom {
	margin-top: -10px;
	margin-bottom: 8px;
}

.homeBanner .slide-inner1 .h2.from-bottom {
	display: block;
	text-align: justify;
}

@media (max-width: 767px) {
	/* Homepage banner mobil: loc pentru text + search bar în interiorul slide-ului */
	.homeBanner,
	.homeBanner .inner.owl-carousel,
	.homeBanner .owl-stage-outer,
	.homeBanner .owl-stage,
	.homeBanner .owl-item,
	.homeBanner .owl-stage .owl-item .slide,
	.homeBanner .slide {
		max-height: 380px !important;
		min-height: 380px !important;
		height: 380px !important;
	}

	.homeBanner .slide-inner1.common-inner {
		padding-bottom: 20px;
	}

	/*
	 * Mobil: text centrat pe verticală în mijlocul carousel-ului.
	 */
	.homeBanner.main-slider .owl-item .slide,
	.homeBanner.main-slider .slide {
		position: relative !important;
	}

	.homeBanner.main-slider .owl-item .slide > .container,
	.homeBanner.main-slider .slide > .container {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		position: absolute !important;
		inset: 0 !important;
		height: 100% !important;
		min-height: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 15px !important;
		box-sizing: border-box !important;
	}

	.homeBanner.main-slider .home-banner-slide-inner,
	.homeBanner.main-slider .owl-item .slide-inner1.common-inner,
	.homeBanner.main-slider .slide-inner1.common-inner {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
	}

	.homeBanner.main-slider .owl-item .from-bottom,
	.homeBanner.main-slider .owl-item.active .from-bottom {
		transform: none !important;
		-webkit-transform: none !important;
		opacity: 1 !important;
	}

	/* Texte banner mobil — clase dedicate (evită .h2 { font-size: 2em } din theme) */
	.homeBanner.main-slider .home-banner__title {
		display: block;
		font-size: 16px !important;
		line-height: 20px !important;
		font-weight: 500 !important;
		margin-top: 0 !important;
		margin-bottom: 3px !important;
	}

	.homeBanner.main-slider .home-banner__subtitle,
	.homeBanner.main-slider .home-banner__subtitle * {
		display: block;
		font-size: 13px !important;
		line-height: 16px !important;
		font-weight: 300 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.homeBanner.main-slider .home-banner__subtitle {
		margin-bottom: 3px !important;
		text-align: justify;
	}
}

.commercial-wrapper {
	position: relative;
	text-align: center;
	overflow: hidden;
	display:inline-block;
	padding: 0px;
}

/* Slotul fara banner nu afiseaza o poza placeholder: e o caseta pe toata latimea
   coloanei, care isi pastreaza raportul de aspect al slotului (padding-bottom
   procentual — rezerva inaltimea inainte de orice imagine, deci fara salt de
   layout), cu textul "Reclama ta / aici" peste un cerc discret, pe fundal gri.
   Chenarul de 3px in culoarea temei sta ca overlay absolut peste marginea
   interioara, iar textul e elementul principal al casetei: mai mare decat cercul
   din spatele lui, care ramane doar un accent. */
/* Categoriile principale de pe home: acelasi spatiu intre placi pe orizontala ca
   pe verticala — 15px, adica exact distanta pe care o vezi pe mobil, unde placile
   sunt una sub alta. Gutter-ul standard Bootstrap dubleaza spatiul pe orizontala
   (15px padding din fiecare coloana vecina = 30px), asa ca il injumatatim, cu
   marginile negative ale randului ajustate ca sa nu iasa placile din container. */
.home-categories .row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.home-categories .row > [class*="col-"] {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

/* Tema adauga .interestContent { margin-bottom: 10px } si il anuleaza doar de la
   768px in sus, asa ca pe mobil placile stateau la 25px una de alta (15px marginea
   coloanei + 10px asta) fata de 15px pe desktop. Distanta e acum aceeasi peste tot. */
.home-categories .interestContent {
	margin-bottom: 0;
}

/* Banda publicitara de sub categorii sta la aceeasi distanta de ele ca prima placa
   de marginea de sus a zonei gri: 35px. Din ei, 20px vin din padding-ul de jos al
   sectiunii de categorii, deci sectiunii benzii ii raman 15px sus (tema ii dadea 30,
   adica 50px in total). */
.interestArea.home-services {
	padding-top: 15px;
}

/* Cardurile din "cele mai noi anunturi": intreaga zona a imaginii, masca inclusa,
   e un link catre anunt. Linkurile dinauntrul mastii (companie, localitate) stau
   deasupra lui, deci raman clicabile separat — nu se poate imbrica un <a> in alt
   <a>, asa ca suprapunerea e singura varianta care pastreaza linkuri reale
   (deschidere in tab nou, copiere adresa, indexare). */
.thingsImage__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.thingsMask a {
	position: relative;
	z-index: 3;
}

/* Masca de peste imagine se coloreaza la hover in culoarea temei. Toate cele cinci
   template-uri aveau scrisa direct portocala temei default (rgba(255,160,25,.5)),
   deci un site albastru se facea portocaliu la trecerea cu mouse-ul. Culoarea vine
   acum din --theme-color-rgb, definita in tpl/<tema>/css/_04_theme-auto.css: rgba()
   are nevoie de componente, nu poate desface un hex dintr-o variabila.
   Stratul de repaus ramane negru translucid — o culoare tare peste poza ar face
   textul greu de citit si ar schimba tot aerul sectiunii. */
.thingsBox:hover .thingsMask {
	background-color: rgba(var(--theme-color-rgb, 255, 160, 25), 0.5);
}

.commercial-wrapper.commercial-wrapper--placeholder {
	display: block;
	width: 100%;
}

.commercial-placeholder {
	position: relative;
	display: block;
	width: 100%;
}

.commercial-placeholder::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 3px solid var(--theme-color, #ff9f19);
	pointer-events: none;
}

.commercial-placeholder__box {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	/* padding-bottom (raportul slotului) vine inline din _commercial-slot.php */
	overflow: hidden;
	background-color: #fbfbfb;
}

.commercial-placeholder__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

/* Cercul se dimensioneaza dupa INALTIMEA slotului (procentele de padding s-ar
   raporta la latime si ar exploda pe slotul lat de 1030x120). Fara suport de
   aspect-ratio ramane doar caseta gri cu text — nu un oval. */
.commercial-placeholder__circle {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60%;
	width: auto;
	aspect-ratio: 1 / 1;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: var(--theme-color, #ff9f19);
	opacity: 0.3;
	pointer-events: none;
}

@supports not (aspect-ratio: 1 / 1) {
	.commercial-placeholder__circle {
		display: none;
	}
}

/* Slot lat si scund (1030x120, marcat din PHP dupa raportul lui): cercul socotit
   dupa inaltime ar iesi un punct minuscul intr-o caseta de 850px, deci aici ocupa
   aproape toata inaltimea. Textul scade la 26px, ca doua randuri sa incapa in cele
   ~100px ale benzii — si tot ramane mai lat decat cercul. */
.commercial-placeholder__box--wide .commercial-placeholder__circle {
	height: 85%;
}

.commercial-placeholder__box--wide .commercial-placeholder__text {
	font-size: 26px;
}

.commercial-placeholder__box--wide .commercial-placeholder__devices {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.commercial-placeholder__box--wide .commercial-placeholder__text {
		font-size: 20px;
	}
}

/* In grila de anunturi textul e elementul principal, deci cercul ii sta in spate,
   mai mic decat el. Pe home si in sidebar cercul ramane cel implicit, mai generos. */
.announcement-promo .commercial-placeholder__circle {
	height: 42%;
}

.commercial-placeholder__text {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0 10px;
	color: var(--theme-color, #ff9f19);
	/* mai lat decat cercul din spate (42% din inaltimea slotului), ca textul sa fie
	   elementul principal, iar cercul doar fundalul lui */
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.commercial-placeholder__line {
	display: block;
	text-align: center;
}

/* Sub text, in aceeasi culoare a temei: un monitor si un telefon, adica "reclama
   ta se vede pe amandoua". Mai mici decat scrisul, ca sa nu concureze cu el. */
.commercial-placeholder__devices {
	display: block;
	margin-top: 10px;
	font-size: 0.6em;
	line-height: 1;
	color: var(--theme-color, #ff9f19);
}

/* Alinierea celor trei semne (monitor + telefon) e facuta pe "cerneala" glifelor,
   nu pe cutiile lor: masurate pe canvas fata de linia de baza, centrul desenului
   cade la 8.5/21.6 pentru monitor, 11.5/31.3 pentru telefon si 6.5/21.6 pentru
   plus. Decalajele de mai jos aduc telefonul si plusul pe axa monitorului si sunt
   date in em, deci raman corecte si pe banda, unde textul e mai mic. */
.commercial-placeholder__devices .fa {
	margin: 0 0.3em;
	vertical-align: baseline;
}

/* fa-mobile e desenat mai ingust si mai scund decat fa-desktop; il crestem ca
   perechea sa arate echilibrata. 0.096em din marimea lui = cei 3px cu care glifa
   trebuie coborata ca centrul ei sa cada pe cel al monitorului. */
.commercial-placeholder__devices .fa-mobile {
	font-size: 1.45em;
	position: relative;
	top: 0.096em;
}

.commercial-placeholder__devices-plus {
	display: inline-block;
	margin: 0 0.05em;
	font-weight: 400;
	vertical-align: baseline;
	position: relative;
	top: -0.093em;
}

@media (max-width: 767px) {
	.commercial-placeholder__text {
		font-size: 28px;
	}
}

/* Slotul GOL din grila de anunturi se intinde cat un card, ca randul sa arate
   ingrijit — inaltimea vine din JS, care masoara randul si scade bara de progres.
   Un creativ urcat de client NU intra niciodata aici: pastreaza raportul cu care a
   fost desenat, ca sa nu-l turtim si nici sa-l inconjuram cu benzi gri. Diferenta
   e de ordinul zecilor de pixeli, iar o celula mai scunda decat vecinele ei nu
   strica grila (doar una mai inalta ar impinge randul urmator). */
/* .promo-article are height:100%, mostenit de la tema — cu inaltimea impusa din JS
   articolul ramanea mai scurt decat continutul lui si reclama ii iesea in afara. */
.announcement-promo.is-card-height {
	height: auto;
}

.announcement-promo.is-card-height .commercial-placeholder__box {
	height: var(--commercial-slot-height);
	/* bate padding-ul inline cu raportul slotului */
	padding-bottom: 0 !important;
}

/* Bara arata cat a mai ramas din licitatia slotului. Procentul ramane vizibil —
   e informatia pentru cine vrea sa cumpere reclama — dar dungile diagonale in
   miscare au disparut: animatia era cel mai puternic magnet de privire din toata
   grila, si tragea ochiul de pe anunturi. */
.commercial-progress {
	height: 12px;
	overflow: hidden;
	background-color: #f0f0f0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.commercial-progress .progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	/* fara dungi si fara animatie — bara ramane o umplere simpla */
	background-image: none;
	-webkit-animation: none;
	animation: none;
	/* Culoarea temei tenantului (tpl/<tema>/css/_04_theme-auto.css seteaza --theme-color) */
	background-color: var(--theme-color, #ff9f19);
	/* putin retrasa fata de culoarea plina a temei, dar cu textul inca lizibil */
	opacity: 0.85;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.commercial-wrapper .badge-bottom-right img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
}

.breadcrumb {
	padding: 0;
	margin: 0;
	background-color: transparent;
}
/* Ultimul element (pagina curentă) e neutru în toate temele; link-urile din
   breadcrumb primesc culoarea temei din tpl/<tema>/css/_04_theme-auto.css. */
.breadcrumb > li.active {
	color: #222222;
}
.breadcrumb .page-title {
	display: inline-block;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: #222222;
}

/* Announcement Q&A — layout simplu: întrebare = bloc deschis, răspunsuri = listă indentată */
.announcement-qa {
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.55;
	color: #374151;
}

/* 20px padding; bate .detailsInfoBox.padding-top-15 { padding: 15px 0 0 0 !important } */
.announcement-qa.detailsInfoBox.padding-top-15 {
	padding: 20px 0 !important;
	box-sizing: border-box;
}

.announcement-qa h3 {
	margin-top: 0;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e7eb;
	font-size: 18px;
	font-weight: 600;
	color: #111827;
	letter-spacing: -0.02em;
}

.announcement-qa .qa-thread {
	padding: 0;
	background: transparent;
	border: none;
}

.announcement-qa .qa-thread-item {
	--qa-connector-ml: 35px;
	--qa-vert-down: 28px;
	--qa-horiz-right: 10px;
	--qa-line: 2px;
	--qa-arrow-w: 7px;
	/* înălțime conector = vert + coadă; aliniere verticală: vârf la 15px sub top-ul boxului de răspuns */
	--qa-connector-tail: 6px;
	--qa-arrow-meet-from-box-top: 15px;
	/* negativ = bloc urcat spre stânga, vârful în chenar */
	--qa-tip-gap: -8px;
	--qa-replies-ml: calc(var(--qa-connector-ml) + var(--qa-horiz-right) + var(--qa-arrow-w) + var(--qa-tip-gap));
	--qa-replies-mt: calc(-1 * (var(--qa-connector-tail) + var(--qa-arrow-meet-from-box-top)));
	position: relative;
	margin: 0 0 24px;
	padding: 0 0 24px;
	border: 0;
	border-bottom: 1px solid #e5e7eb;
	background: transparent;
	box-shadow: none;
}

/* L: vertical + orizontal + săgeată; vârful peste chenarul boxului de răspuns (z-index) */
.announcement-qa .qa-thread-connector {
	position: relative;
	z-index: 2;
	width: calc(var(--qa-horiz-right) + var(--qa-arrow-w));
	height: calc(var(--qa-vert-down) + var(--qa-connector-tail));
	margin: 2px 0 0;
	margin-left: var(--qa-connector-ml);
	flex-shrink: 0;
	background:
		linear-gradient(#0e9ce5, #0e9ce5) 0 0 / var(--qa-line) var(--qa-vert-down) no-repeat,
		linear-gradient(#0e9ce5, #0e9ce5) 0 calc(var(--qa-vert-down) - 1px) / var(--qa-horiz-right) var(--qa-line) no-repeat;
}

.announcement-qa .qa-thread-connector::before {
	display: none !important;
	content: none !important;
}

.announcement-qa .qa-thread-connector::after {
	content: '';
	position: absolute;
	z-index: 3;
	left: var(--qa-horiz-right);
	top: calc(var(--qa-vert-down) - 5px);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: var(--qa-arrow-w) solid #0e9ce5;
}

.announcement-qa .qa-thread-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

/* Întrebare: fundal discret, accent discret stânga */
.announcement-qa .qa-question.qa-question-prompt:not(textarea) {
	position: relative;
	overflow: visible;
	margin: 0;
	padding: 14px 16px;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	border-left-width: 3px;
	border-left-color: #0e9ce5;
	box-shadow: none;
}

.announcement-qa .qa-question.qa-question-prompt:not(textarea)::before,
.announcement-qa .qa-question.qa-question-prompt:not(textarea)::after {
	display: none !important;
	content: none !important;
}

/* Răspunsuri: intersectare la 15px de sus pe muchia stângă; mai sus cu --qa-replies-mt */
.announcement-qa .qa-thread-replies {
	position: relative;
	z-index: 1;
	margin: var(--qa-replies-mt) 0 0 var(--qa-replies-ml);
	padding: 14px 16px 16px 18px;
	border: 1px solid #e1e5eb;
	border-radius: 10px;
	background: #f4f7fb;
	box-shadow: 0 1px 2px rgba(15, 35, 55, 0.04);
}

@media (max-width: 480px) {
	.announcement-qa .qa-thread-item {
		--qa-connector-ml: 22px;
	}

	.announcement-qa .qa-thread-replies {
		padding-left: 12px;
		padding-right: 12px;
	}
}

.announcement-qa .qa-thread-replies::before {
	display: none !important;
	content: none !important;
}

.announcement-qa .qa-thread-replies__context {
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dce3ee;
}

.announcement-qa .qa-thread-replies__label {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0b6a94;
}

.announcement-qa .qa-thread-replies__preview {
	font-size: 12px;
	line-height: 1.45;
	color: #4b5563;
	font-style: italic;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.announcement-qa .qa-thread-replies > .qa-answer-block {
	position: relative;
	margin: 0 0 10px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.announcement-qa .qa-thread-replies > .qa-answer-block:not(.qa-reply-compose-block)::before {
	display: none !important;
	content: none !important;
}

.announcement-qa .qa-thread-replies > .qa-answer-block:last-child {
	margin-bottom: 0;
}

.announcement-qa .qa-thread-replies .qa-answer-block .qa-answer {
	margin-bottom: 0;
	padding: 0;
}

.announcement-qa .qa-reply-compose-block {
	background: #fafafa;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	border-style: dashed;
	box-shadow: none;
}

.announcement-qa .qa-reply-compose-block::before {
	display: none !important;
	content: none !important;
}

.announcement-qa .qa-reply-compose-block .qa-reply {
	margin: 0;
	padding: 0;
}

/* Do not target textarea.qa-question (reply/ask inputs) */
.announcement-qa .qa-question:not(textarea),
.announcement-qa .qa-answer {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0;
}

.announcement-qa .qa-answers {
	margin-left: 0;
}

.announcement-qa .qa-thread-replies .qa-answers {
	margin-left: 0;
}

.announcement-qa .qa-avatar {
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
	background-color: #e5e7eb;
	margin-right: 12px;
	flex-shrink: 0;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #e5e7eb;
}

.announcement-qa .qa-avatar img {
	display: block;
	max-width: 40px;
	max-height: 40px;
	width: 40px;
	height: 40px;
	object-fit: cover;
	vertical-align: top;
}

/* Announcement view: product gallery carousel - uniform image height */
.productgallery .slide img {
	display: block;
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.announcement-qa .qa-body {
	flex: 1;
}

.announcement-qa .qa-author {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	font-weight: 600;
	font-size: 13px;
	margin: 0 0 8px;
	padding-bottom: 8px;
	line-height: 1.35;
	color: #111827;
	border-bottom: 1px solid #f3f4f6;
}

.announcement-qa .qa-author .pull-right {
	float: none !important;
}

.announcement-qa .qa-author-date {
	font-weight: 400;
	font-size: 12px;
	color: #6b7280;
	white-space: nowrap;
}

.announcement-qa .qa-text {
	color: #374151;
	line-height: 1.55;
	font-size: 13px;
	word-wrap: break-word;
}

/* Formular întrebare nouă — card simplu, aliniat cu firul Q&A */
.announcement-qa .qa-new-question-shell {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	border-left: 3px solid #0e9ce5;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.announcement-qa .qa-new-question-shell__title {
	margin: 0;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 600;
	color: #111827;
	border-bottom: 1px solid #f3f4f6;
	background: #fafafa;
}

.announcement-qa .qa-new-question-shell .qa-new-question {
	display: flex;
	align-items: flex-start;
	margin: 0;
	padding: 14px 16px 16px;
	border: none;
}

.announcement-qa .qa-new-question .qa-input {
	resize: vertical;
	min-height: 0;
}

.announcement-qa .qa-new-question .qa-body > .form-group {
	margin-bottom: 0 !important;
}

.announcement-qa .qa-new-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.announcement-qa .qa-new-actions .btn.btn-sm {
	padding: 4px 10px;
	font-size: 12px;
}

.announcement-qa hr.announcement-qa-post-new-divider {
	display: block;
	border: 0;
	border-top: 1px solid #e5e7eb;
	margin: 20px 0 4px;
	padding: 0;
	height: 0;
}

.announcement-qa .qa-reply {
	display: flex;
	align-items: flex-start;
	margin: 0;
}

/* Reply composer: textarea + previews in one box */
.announcement-qa .qa-reply .qa-reply-compose {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	overflow: visible;
	margin-bottom: 0;
}
.announcement-qa .qa-reply .qa-reply-compose > .form-group {
	margin-bottom: 0 !important;
}
.announcement-qa .qa-reply .qa-reply-compose .form-control.qa-question {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	resize: vertical;
	margin-bottom: 0;
}
/* Override theme textarea.form-control { height: 150px } — ~3 rânduri; fără !important pe height ca resize-ul vertical să poată seta height inline */
.announcement-qa textarea.form-control.qa-question {
	font-size: 13px !important;
	padding: 8px 10px !important;
	line-height: 1.45 !important;
	height: calc(3 * 1.45em + 16px);
	min-height: calc(3 * 1.45em + 16px) !important;
	max-height: 560px;
	resize: vertical;
	box-sizing: border-box;
}
.announcement-qa .qa-reply .qa-reply-compose .qa-attachment-preview {
	margin-top: 0;
	padding: 6px 8px;
	border-top: 1px solid #e5e5e5;
	background: #fafafa;
	width: 100%;
	box-sizing: border-box;
}
.announcement-qa .qa-reply .qa-reply-compose .qa-attachment-file-error:not([hidden]) {
	display: block;
	margin-top: 0;
	padding: 6px 8px;
	border-top: 1px solid #e5e5e5;
	font-size: 11px;
	line-height: 1.4;
	color: #721c24;
	background: #f8d7da;
	border-left: 3px solid #dc3545;
}
.announcement-qa .qa-reply .qa-reply-compose .qa-attachment-file-error[hidden] {
	display: none !important;
}
/* Yii still outputs empty .help-block in some cases; hide if no text */
.announcement-qa .qa-body .help-block:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Q&A reply validation: same blue as primary buttons (#0e9ce5) */
.announcement-qa .qa-body .qa-reply-error-summary {
	position: relative;
	margin: 0 0 6px;
	padding: 8px 32px 8px 10px;
	font-size: 12px;
	color: #fff;
	background-color: rgba(14, 156, 229, 0.98);
	border: 1px solid #0e9ce5;
	border-radius: 3px;
}
.announcement-qa .qa-body .qa-reply-error-summary__close {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 8px;
	margin: 0;
	line-height: 1;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	background: transparent;
	border: 0;
	opacity: 0.85;
	cursor: pointer;
}
.announcement-qa .qa-body .qa-reply-error-summary__close:hover,
.announcement-qa .qa-body .qa-reply-error-summary__close:focus {
	opacity: 1;
	color: #fff;
	outline: none;
}
.announcement-qa .qa-body .qa-reply-error-summary ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.announcement-qa .qa-body .qa-reply-error-summary li {
	margin: 0;
}
.announcement-qa .qa-body .qa-reply-error-summary a {
	color: #fff;
	text-decoration: underline;
}
/* Reply composer: compact primary buttons (override global .btn-primary padding in this file) */
.announcement-qa .qa-reply .qa-reply-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
	margin-top: 5px;
	width: 100%;
}
.announcement-qa .qa-reply .qa-reply-toolbar .qa-new-actions {
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}
.announcement-qa .qa-reply .qa-reply-toolbar .btn.btn-primary.btn-sm,
.announcement-qa .qa-new-actions .btn.btn-primary.btn-sm {
	padding: 2px 10px !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	min-height: 0 !important;
	border-radius: 3px;
}

.announcement-qa .qa-reply .qa-attachment-field {
	width: 100%;
	margin-top: 0;
}
.announcement-qa .qa-reply .qa-attachment-toolbar__files {
	flex: 0 0 auto;
	min-width: 0;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.announcement-qa .qa-reply .qa-attachment-toolbar__files .qa-attachment-input-wrap {
	margin-bottom: 0;
	flex: 0 0 auto;
}
.announcement-qa .qa-reply .qa-attachment-toolbar__files > label.btn {
	margin-bottom: 0;
	cursor: pointer;
}

.announcement-qa .qa-reply .qa-attachment-preview__row {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: flex-end;
}
.announcement-qa .qa-reply .qa-attachment-preview__item {
	margin: 0;
	max-width: 72px;
	text-align: center;
}
.announcement-qa .qa-reply .qa-attachment-preview__item img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	background: #fff;
}
.announcement-qa .qa-reply .qa-attachment-preview__item figcaption {
	margin-top: 2px;
	font-size: 10px;
	line-height: 1.2;
	color: #666;
	word-break: break-all;
	max-width: 72px;
}
.announcement-qa .qa-reply .qa-attachment-preview__actions {
	flex: 1 0 100%;
	margin-top: 8px;
}
/* Same compact primary look as Post Answer / Adaugă imagini */
.announcement-qa .qa-reply .qa-attachment-preview .qa-attachment-preview__clear.btn-primary.btn-sm {
	padding: 2px 10px !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	min-height: 0 !important;
	border-radius: 3px;
}

.announcement-qa .qa-reply .qa-input {
	resize: vertical;
	font-size: 12px;
	padding: 5px 8px;
}

.announcement-qa .qa-attachments-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 6px;
}

.announcement-qa .qa-attachment-thumb {
	display: block;
	line-height: 0;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	transition: box-shadow 0.15s ease;
}

.announcement-qa .qa-attachment-thumb:hover {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.announcement-qa .qa-attachment-thumb .qa-attachment-img {
	display: block;
	width: 72px;
	height: 72px;
	object-fit: cover;
}

.btn-primary {
	padding: 25.5px 30px;
}

.js-typeahead {
	width: 100% !important;
	color: #848484 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	padding: 6px 14px !important;
}

.typeahead__dropdown .typeahead__dropdown-item>a, .typeahead__list .typeahead__item>a {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
}


@media (min-width: 768px) {
	.home-search-input {
		width: 45% !important;
	}
	.home-search-btn > .btn-primary {
		text-align: center;
	}
}

@media (min-width: 768px) {
	.home-search-btn {
		width: 8% !important;
	}
}

@media (min-width: 992px) {
	.home-search-btn {
		width: 9% !important;
	}
	.home-search-btn > .btn-primary {
		width: 100% !important;
		text-align: center;
	}
}

/* Unified announcement search (single field): stretch to full container width */
.announcement-list-search-form {
	width: 100%;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}
.banerInfo.slider-search1 .announcement-list-search-form {
	width: 100%;
	max-width: 100%;
	/* same as .banerInfo .form-inline in style.css (form lost form-inline class) */
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.banerInfo.slider-search1 .announcement-list-search-form {
		padding: 35px 35px 25px;
	}
}
.searchArea.banerInfo .row.search-row .announcement-list-search-form {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
/* Listing search bar: full-bleed inside the container row — flush to container edges,
 * aligning with the header logo (left) and Add Announcement button (right). */
.searchArea.banerInfo .announcement-search-fullwidth {
	padding-left: 0;
	padding-right: 0;
}
.announcement-search-fullwidth {
	width: 100% !important;
	max-width: 100%;
	float: none;
	box-sizing: border-box;
}
.announcement-search-fullwidth .input-group {
	width: 100% !important;
	display: table;
}
.announcement-search-fullwidth .input-group .js-typeahead {
	width: 100% !important;
}
.announcement-list-search-form .js-announcement-search-input.form-control {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.searchArea.searchAreaGray .announcement-list-search-form .js-announcement-search-input.form-control {
	background-color: #fff !important;
}
/* Native datalist (recent queries) shows a dropdown arrow in Blink/WebKit — hide without removing list binding */
.announcement-list-search-form .js-announcement-search-input[list]::-webkit-calendar-picker-indicator {
	display: none !important;
	-webkit-appearance: none;
	appearance: none;
}
.searchArea.banerInfo .announcement-search-fullwidth .input-group-btn .btn-primary {
	margin-top: 0;
}

/* Clear (×) for announcement unified search — narrow strip */
.announcement-search-clear-wrap {
	width: 1% !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 14px 0 2px !important;
	vertical-align: middle;
	background-color: #fff !important;
	border-left: 0 !important;
	border-right: 0 !important;
	white-space: nowrap;
}
.banerInfo .announcement-search-clear-wrap {
	background-color: #fff !important;
}
.announcement-search-clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	min-width: 0;
	min-height: 0;
	border: 0;
	background: transparent;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: #888;
	cursor: pointer;
}
.announcement-search-clear:hover,
.announcement-search-clear:focus {
	color: #222;
	outline: none;
}

/* Microphone (Web Speech API) inside the announcement search input. */
.announcement-search-mic-wrap {
	width: 1% !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 14px 0 2px !important;
	vertical-align: middle;
	background-color: #fff !important;
	border-left: 0 !important;
	border-right: 0 !important;
	white-space: nowrap;
}
.banerInfo .announcement-search-mic-wrap {
	background-color: #fff !important;
}
.announcement-search-mic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	min-width: 0;
	min-height: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	font-size: 14px;
	line-height: 1;
	color: #888;
	cursor: pointer;
}
.announcement-search-mic:hover,
.announcement-search-mic:focus {
	color: #222;
	outline: none;
}
.announcement-search-mic.recording {
	background-color: #b00020;
	color: #fff;
}
.announcement-search-mic.recording:hover {
	background-color: #8a0019;
	color: #fff;
}

/* Search input + addons + submit button aligned to the theme's `.btn` height (44px):
   `.btn { padding: 15px 0; line-height: 14px }` → 15+14+15 = 44px.
   Applies on both home and listing variants of the announcement search form. */
.announcement-list-search-form .js-announcement-search-input.form-control {
	height: 44px;
	line-height: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.announcement-list-search-form .announcement-filter-toggle-wrap,
.announcement-list-search-form .announcement-search-clear-wrap,
.announcement-list-search-form .announcement-search-mic-wrap {
	height: 44px;
}
.announcement-list-search-form .input-group-btn .btn {
	height: 44px;
	line-height: 14px;
	padding: 13px 15px;
}

/* Filter toggle (+/−) in the announcement search input-group — addon padding overridden
   from theme's `6px 22px` to `6px 15px` (matching the rule the user wants). The addon
   drops the default gray for the tenant theme color, with the +/− icon in white
   (tpl/<tema>/css/_04_theme-auto.css seteaza --theme-color). */
.announcement-filter-toggle-wrap {
	/* Larger icon, smaller padding: 2×11px + 22px icon keeps the addon the same
	   overall width as the 44px search button (13px 15px padding + 14px icon). */
	padding: 6px 11px !important;
	cursor: pointer;
	background-color: var(--theme-color, #ff9f19) !important;
	border-color: var(--theme-color, #ff9f19) !important;
}
.announcement-filter-toggle {
	border: 0;
	background: transparent;
	padding: 0;
	color: #ffffff;
	cursor: pointer;
}
.announcement-filter-toggle .announcement-filter-toggle-icon {
	font-size: 22px;
	line-height: 1;
	vertical-align: middle;
}
.announcement-filter-toggle:hover,
.announcement-filter-toggle:focus,
.announcement-filter-toggle-wrap:hover .announcement-filter-toggle {
	color: #ffffff;
	outline: none;
}
.announcement-filter-toggle-wrap:hover {
	opacity: 0.9;
}

/* Frontend account (dashboard pages) — normalize all inputs / selects / buttons to 44px height,
   matching `.btn { padding: 13px 15px; line-height: 14px }`. Scoped to `.dashboardBoxBg` so it does
   not bleed into other frontend sections (login, signup, payment dialogs, etc.). */
/* Formularul de companie se randeaza in modal, in afara .dashboardBoxBg, deci
   fiecare regula de mai jos are un geaman pe #companyform: aceleasi 44px ca in
   formularul de adaugare anunt. */
.dashboardBoxBg .form-control:not(textarea),
#companyform .form-control:not(textarea),
.dashboardBoxBg .select2-selection.select2-selection--single,
#companyform .select2-selection.select2-selection--single,
.dashboardBoxBg .select2-selection.select2-selection--multiple,
#companyform .select2-selection.select2-selection--multiple {
	height: 44px !important;
	min-height: 44px !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
	border: 1px solid #e5e5e5 !important;
	background-color: #fff !important;
	border-radius: 4px !important;
}
.dashboardBoxBg .form-control:not(textarea),
#companyform .form-control:not(textarea),
.dashboardBoxBg .select2-selection.select2-selection--single,
#companyform .select2-selection.select2-selection--single {
	line-height: 14px !important;
	padding: 14px 12px !important;
}
/* Textareas (announcement content etc.): same dashboard look, but multi-line
   metrics and NO !important on height — the native corner drag-resize sets an
   inline height, which any !important height would silently override. Base
   height comes from the theme's `textarea.form-control { height: 150px }`. */
.dashboardBoxBg textarea.form-control,
#companyform textarea.form-control {
	min-height: 90px;
	resize: vertical;
	box-sizing: border-box !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	padding: 12px !important;
	border: 1px solid #e5e5e5 !important;
	background-color: #fff !important;
	border-radius: 4px !important;
}
.dashboardBoxBg .select2-selection.select2-selection--single .select2-selection__rendered,
#companyform .select2-selection.select2-selection--single .select2-selection__rendered {
	line-height: 14px !important;
	padding-left: 0 !important;
	padding-right: 20px !important;
}
.dashboardBoxBg .select2-selection.select2-selection--single .select2-selection__arrow,
#companyform .select2-selection.select2-selection--single .select2-selection__arrow {
	height: 42px !important;
	top: 1px !important;
}
/* × clear: same geometry as the arrow so it stays vertically centered in the 44px field
   (krajee/vendor top:0|6px leaves it stuck to the top). */
.dashboardBoxBg .select2-selection.select2-selection--single,
#companyform .select2-selection.select2-selection--single {
	position: relative !important;
}
.dashboardBoxBg .select2-selection.select2-selection--single .select2-selection__rendered,
#companyform .select2-selection.select2-selection--single .select2-selection__rendered {
	overflow: visible !important;
}
.dashboardBoxBg .select2-selection.select2-selection--single .select2-selection__clear,
#companyform .select2-selection.select2-selection--single .select2-selection__clear {
	position: absolute !important;
	right: 21px !important;
	top: 1px !important;
	height: 42px !important;
	display: flex !important;
	align-items: center !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	border: 0 !important;
	background: transparent !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple,
#companyform .select2-selection.select2-selection--multiple {
	position: relative !important;
	padding: 0 24px 0 0 !important;
	overflow: visible !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple .select2-selection__clear,
#companyform .select2-selection.select2-selection--multiple .select2-selection__clear {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	line-height: 1 !important;
	border: 0 !important;
	background: transparent !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple .select2-selection__rendered,
#companyform .select2-selection.select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	height: 42px !important;
	min-height: 42px !important;
	line-height: 1 !important;
	padding: 0 10px !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple .select2-selection__choice,
#companyform .select2-selection.select2-selection--multiple .select2-selection__choice {
	margin: 0 4px 0 0 !important;
	line-height: 1.2 !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple .select2-search--inline,
#companyform .select2-selection.select2-selection--multiple .select2-search--inline {
	display: inline-flex !important;
	align-items: center !important;
}
.dashboardBoxBg .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field,
#companyform .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
	margin: 0 !important;
	height: auto !important;
	line-height: 1 !important;
}
.dashboardBoxBg .btn,
#companyform .btn {
	height: 44px;
	line-height: 14px;
	padding: 13px 15px;
}
/* Kartik FileInput v5 — `.file-caption` is a WRAPPER around the input-group (the
   visible input is `.file-caption-name.form-control` inside it, normalized by the
   44px rules above). Any padding/height forced here insets and misaligns the whole
   widget relative to the other fields. */
.dashboardBoxBg .file-input .file-caption,
#companyform .file-input .file-caption,
.dashboardBoxBg .file-input .file-caption.form-control,
#companyform .file-input .file-caption.form-control {
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}
.dashboardBoxBg .file-input .input-group-btn > .btn,
#companyform .file-input .input-group-btn > .btn,
.dashboardBoxBg .file-input .btn-file,
#companyform .file-input .btn-file {
	height: 44px !important;
	line-height: 14px !important;
	padding: 13px 15px !important;
}

/* TinyMCE — toolbar stays inside parent on mobile (announcement form, dashboard) */
.dashboardBoxBg textarea[data-tinymce-options] {
	height: auto !important;
	min-height: 150px !important;
}
.dashboardBoxBg .mce-tinymce.mce-container {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.dashboardBoxBg .mce-toolbar-grp,
.dashboardBoxBg .mce-edit-area {
	max-width: 100%;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.dashboardBoxBg .mce-toolbar-grp {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.dashboardBoxBg .mce-toolbar .mce-flow-layout,
	.dashboardBoxBg .mce-toolbar .mce-flow-layout-item,
	.dashboardBoxBg .mce-toolbar .mce-btn-group {
		white-space: normal !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.dashboardBoxBg .mce-toolbar .mce-flow-layout-item {
		display: inline-block;
		vertical-align: top;
	}
}

.equal {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.equal > [class*='col-'] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.equal > [class*='col-'] > * {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.figureBody {
	border: 1px solid #e5e5e5;
	border-bottom: none;
	border-top: none;
	padding: 21px 20px;
}

.figureBody .figureBody-count {
	color: #333;
	font-size: 0.875em;
	font-weight: 600;
	margin: 0.25em 0 0;
}

.figureFooter {
	padding: 22px 20px;
}

.listContent {
	padding: 30px 0;
}

.individual-announcements-row {
	padding-top: 2.25rem;
}

.announcement-title-meta__favourite {
	text-align: right;
	min-width: 0;
	max-width: 100%;
}
@media (min-width: 768px) {
	.announcement-title-meta__favourite {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-height: 1px;
	}
}

@media (min-width: 992px) {
	/* Match .listSidebar box in announcement-auction-sidebar (90% width, right-aligned) */
	.announcement-title-meta-row--actions > .announcement-title-meta__favourite.announcement-layout-mobile__secondary {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
	}

	.announcement-title-meta-row--actions > .announcement-title-meta__favourite .add-favourite-btn {
		width: 90%;
		max-width: 90%;
		flex: 0 0 90%;
		min-width: 0;
		height: 44px;
		padding: 0 12px;
		font-size: 12px;
	}

	.announcement-title-meta-row--actions .add-favourite-btn__label {
		display: inline;
		margin-left: 6px;
	}
}

@media (max-width: 991px) {
	.announcement-title-meta-row--actions .add-favourite-btn__label {
		display: none !important;
	}
}

.announcement-title-meta-row + .announcement-title-meta-row {
	margin-top: 0;
}

.announcement-title-meta-row--actions {
	margin-top: 4px;
}

.announcement-title-meta-row--actions > [class*="col-"] {
	min-width: 0;
	box-sizing: border-box;
}

.announcement-title-meta-row--actions > .announcement-title-meta__social,
.announcement-title-meta-row--actions > .announcement-title-meta__favourite {
	margin-top: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.announcement-title-meta-row--actions.announcement-layout-mobile {
		display: block;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > [class*="col-"] {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
	}
}

@media (max-width: 767px) {
	.announcement-title-meta-row--actions.announcement-layout-mobile {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > .announcement-layout-mobile__primary {
		order: 1;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > .announcement-layout-mobile__secondary {
		order: 2;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > .announcement-title-meta__social {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
		width: 58.33333333%;
		float: none;
		padding-right: 6px;
		margin-top: 12px;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > .announcement-title-meta__favourite {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
		width: 41.66666667%;
		float: none;
		padding-left: 6px;
		margin-top: 12px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text-align: right;
	}

	.announcement-title-meta-row--actions.announcement-layout-mobile > .announcement-title-meta__social .social-widget {
		display: inline-block;
		vertical-align: middle;
	}
}

.announcement-title-meta-row--actions .add-favourite-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 44px;
	height: 44px;
	max-width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	padding: 0;
	line-height: 1;
	letter-spacing: 0;
	float: none;
	font-size: 16px;
	border-radius: 4px;
}

.announcement-title-meta-row--actions .announcement-title-meta__social .social-widget a.social-share {
	display: inline-flex;
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.announcement-title-meta-row--actions .announcement-title-meta__social .social-widget a.social-share:last-child {
	margin-right: 0;
}

.announcement-title-meta-row--actions .announcement-title-meta__social .socialbox {
	float: none;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.announcement-title-meta-row--actions .announcement-title-meta__social .socialbox i {
	font-size: 16px;
	line-height: 1;
}

@media (min-width: 768px) {
	.announcement-title-meta-row--actions .add-favourite-btn {
		min-width: 44px;
		height: 44px;
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.announcement-title-meta-row--actions .add-favourite-btn {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.announcement-title-meta-row--actions .add-favourite-btn {
		width: auto;
		min-width: 40px;
		height: 40px;
		max-width: none;
	}

	.announcement-title-meta-row--actions .announcement-title-meta__social .socialbox {
		width: 40px;
		height: 40px;
	}
}

.listingTitleArea > .row {
	margin-left: 0;
	margin-right: 0;
}

.listingTitleArea > .row > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.listingTitleArea {
	min-width: 0;
	max-width: 100%;
}

.announcement-title-meta {
	margin-top: 10px;
	margin-bottom: 0;
}

.announcement-title-meta__date,
.announcement-title-meta-row > [class*="col-"],
.announcement-seller-rating {
	min-width: 0;
	max-width: 100%;
}

.listingTitleArea .announcement-title-meta__date-text,
.announcement-title-meta-row .announcement-title-meta__date-text {
	margin: 15px 0 0;
	line-height: 1.35;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
	min-width: 0;
	max-width: 100%;
}

.announcement-title-meta__date-label {
	font-weight: 600;
	font-size: inherit;
	color: #333;
	flex: 0 1 auto;
	min-width: 0;
}

.announcement-title-meta__date-value {
	font-size: inherit;
	color: #555;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	min-width: 0;
	flex: 1 1 auto;
	max-width: 100%;
}
.announcement-title-meta__date-value .fa-calendar {
	font-size: 16px;
}
.announcement-title-meta__social .social-widget {
	display: inline-block;
	margin: 0;
	text-align: left;
	vertical-align: middle;
}
@media (min-width: 768px) {
	.announcement-title-meta__social {
		display: flex;
		align-items: center;
	}
}
@media (max-width: 767px) {
	.announcement-title-meta__social {
		text-align: left !important;
	}
	.announcement-title-meta__social .social-widget {
		text-align: left;
	}
}

.announcement-content {
	color: #555;
	font-size: calc(1em + 2px);
	line-height: 1.65;
	text-align: justify;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.announcement-content p {
	margin: 0 0 1em;
	/* Tema: p { color: #848484; font-size: … } — aliniem paragrafele la restul conținutului din .announcement-content */
	color: #555;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-family: inherit;
}
.announcement-content p:last-child {
	margin-bottom: 0;
}
/* Tema: ul li { list-style-type: none } — refacem listele în conținutul anunțului (TinyMCE) */
.announcement-content ul,
.announcement-content ol {
	margin: 0 0 1em;
	padding: 0 0 0 1.5em;
}
.announcement-content ul li {
	list-style-type: disc;
	list-style-position: outside;
}
.announcement-content ul ul li {
	list-style-type: circle;
}
.announcement-content ul ul ul li {
	list-style-type: square;
}
.announcement-content ol li {
	list-style-type: decimal;
	list-style-position: outside;
}
.announcement-content li {
	margin-bottom: 0.35em;
}
.announcement-content a {
	color: #0e9ce5;
	text-decoration: underline;
}
.announcement-content a:hover,
.announcement-content a:focus {
	color: #0a7bb8;
}
.announcement-content img {
	max-width: 100%;
	height: auto;
}
.announcement-content h1,
.announcement-content h2,
.announcement-content h3,
.announcement-content h4 {
	color: #333;
	margin-top: 1.1em;
	margin-bottom: 0.5em;
	line-height: 1.3;
}
.announcement-content h1:first-child,
.announcement-content h2:first-child,
.announcement-content h3:first-child,
.announcement-content h4:first-child {
	margin-top: 0;
}

/* Sections with clearfix + paddingAdjustTop: make inner container 90% width */
.clearfix.paddingAdjustTop > .container {
	/* default theme uses max-width: 1170px for .container on large screens */
	max-width: 1400px;
}

.img-ratio {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 65%; }
.img-ratio.img-ratio-landscape {
	padding-bottom: 74%; }
.img-ratio.img-ratio-portrait {
	padding-bottom: 99%; }
.img-ratio .img-ratio-object {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-backface-visibility: hidden;
	-webkit-transform: none;
	width: 100%;
	transform: scale(1.25);
}

/* Reclamele din grila sunt celule de grila ca oricare alta: exact aceleasi margini
   ca articolele de anunt (.isotopeSelector article), altfel marginea de sus le
   impingea cu 15px mai jos decat cardurile din acelasi rand. */
.announcement-promo {
	margin: 0 0 30px 0;
}

/* Slotul orizontal (1030x120) din lista de anunturi nu are wrapper .announcement-promo,
   deci randul de carduri de sub el s-ar lipi de reclama. */
.announcement-promo-wide {
	margin-bottom: 30px;
}

.paginationCommon .pagination li span {
	width: 30px;
	height: 30px;
	line-height: 17px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
	.paginationCommon .pagination li span {
		width: 45px;
		height: 45px;
		line-height: 34px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

.input-group-append .btn-primary {
	padding: 18px 30px;
}

.list-inline {
	margin: -0.4375em;
}
.list-inline > li {
	padding: 0;
	margin: 0.4375em;
	display: inline-block !important;
}

/* TreeView */
.treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul ul {
	padding-left: 15px;
}
.treeview li {
	position: relative;
}
.treeview .subtree {
	display: none;
}
.treeview .subtree-open > .subtree {
	display: block;
}
.treeview .subtree-open > .subtree-header > .btn-subtree-toggle > span::before {
	content: '\f068';
}
.treeview a {
	border-radius: 0;
	padding: 10px 0;
	border-bottom: 1px solid transparent;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #848484;
	font-weight: 400;
	display: block;
}
.treeview .subtree-open > .subtree-header > a {
	border-bottom-color: #0278c2;
	color: #0278c2;
	font-weight: 600;
}
.treeview .active > a,
.treeview a:hover {
	color: #0278c2 !important;
	font-weight: 600;
}
/* Subtree */
.treeview .has-subtree > .subtree-header {
	position: relative;
}
.treeview .has-subtree > .subtree-header > a {
	padding-right: 25px;
}
.treeview .btn-subtree-toggle {
	min-width: 20px;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #848484;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.treeview .btn-subtree-toggle:focus,
.treeview .btn-subtree-toggle:hover {
	outline: none;
	color: #0278c2;
}

.input-group .select2-container--krajee {
	float: initial !important;
}

#cookiebar {
	position: fixed;
	width: 100%;
	padding: 15px 0;
	background-color: #fff;
	bottom: 0;
	z-index: 9999;
	color: #727272;
	font-size: 16px;
	line-height: 20px;
	border-top: 3px solid #0278c2;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	transition: all 1s ease-in-out;
}

#cookiebar.hide {
	bottom: -100%;
	transition: all 1s ease-in-out
}

#cookiebar .container {
	width: 1170px;
	margin: 0 auto
}

@media (max-width: 768px) {
	#cookiebar .container {
		width: 100%;
	}
}

#cookiebar h3 {
	font-size: 20px;
	font-weight: 500;
	color: #464646;
	margin-bottom: 10px
}

#cookiebar a.cookiebar-details-link {
	color: #0278c2;
	text-decoration: none;
	margin-left: 20px;
	transition: color 0.2s ease;
}

#cookiebar a.cookiebar-details-link:hover,
#cookiebar a.cookiebar-details-link:focus {
	color: #151515;
	text-decoration: underline;
}

#cookiebar button#okcookies.cookiebar-accept-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: #0278c2;
	min-width: 210px;
	height: 50px;
	padding: 0 20px;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 1.2;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
	border-color: #0278c2;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	background-image: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#cookiebar button#okcookies.cookiebar-accept-btn .fa {
	font-size: 16px;
	line-height: 1;
}

#cookiebar button#okcookies.cookiebar-accept-btn:hover,
#cookiebar button#okcookies.cookiebar-accept-btn:focus {
	text-decoration: none;
	background-color: #151515;
	border-color: #151515;
	color: #fff;
	background-image: none;
	cursor: pointer;
}

.file-input .file-preview-custom .file-preview-frame .file-preview-image {
	max-height: 99em !important;
}


.btn-file-preview {
	background-color: var(--theme-color, #ffa019);
	padding: 13px 19px;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
.btn-file-preview > i {
	margin-right: 0px; }
.btn-file-preview:hover {
	background-color: var(--theme-color, #ffa019); }
.btn-file-preview:focus, .btn-file-preview.active, .btn-file-preview:active {
	background-color: var(--theme-color, #ffa019); }
.btn-file-preview.btn-full {
	float: left;
	width: 100%; }

.fileinput-remove-button {
	padding: 18px 18px !important;
}

/* Kartik buttons and the account forms' btn-default follow the tenant's theme
   accent (--theme-color, set per theme in tpl/<theme>/css/_04_theme-auto.css) —
   this file loads after the theme files, so a hardcoded orange here used to
   override the blue/red themes' own definitions. */
.btn-kv {
	background-color: var(--theme-color, #ffa019);
	padding: 10px 10px !important;
}

.form-fields .btn-default {
	background-color: var(--theme-color, #ffa019);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-fields .fileinput-remove-button {
	background-color: #d9534f;
	border-color: #d9534f;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-fields .fileinput-remove-button:hover,
.form-fields .fileinput-remove-button:focus,
.form-fields .fileinput-remove-button:active {
	background-color: #c9302c;
	border-color: #c9302c;
	color: #fff;
}

.sidebarInner {
	margin-bottom: 0px !important;
}

.sidebarInner.sidebarCategory .form-control {
	border: 1px solid #e5e5e5 !important;
}

.sidebarInner.sidebarCategory .form-group {
	display: block !important;
}

.categoryImage .img-responsive {
	width: 100% !important;
}

.categoryImage .img-ratio {
	border-radius: 6px !important;
}

/* Announcement form, rent block: the heading of the unavailability pickers
   starts level with the calendar grid (.fc-view), i.e. pushed down by the
   height of the FullCalendar toolbar (buttons ~34px + 1em bottom margin). */
.unavailability-dates h3 {
	margin: 50px 0 15px;
}

/* Reservation calendars (modals + the received-reservations page): flat
   rows. FullCalendar keeps a 4em minimum on every week row — together with
   contentHeight:auto this pins the whole row (week number, past/today/future
   day cells alike) at the same compact height. */
.modal .fc-basic-view .fc-body .fc-row,
#placed-reservation-calendar .fc-basic-view .fc-body .fc-row {
	min-height: 5rem;
	/* !important beats the inline height FullCalendar re-applies on month
	   navigation — without it, prev/next snapped the rows back to tall. */
	height: auto !important;
}

/* FullCalendar "+N more" link: readable — larger, black and bold. */
.fc .fc-more {
	font-size: 13px;
	font-weight: bold;
	color: #222222;
}

/* FullCalendar week-number column: wide enough to read — squeezed to a
   sliver once the calendar landed in the narrower modal column. */
.fc-basic-view .fc-week-number,
.fc-basic-view col.fc-week-number {
	width: 32px !important;
}
.fc-basic-view .fc-week-number span {
	font-size: 12px;
	line-height: 20px;
}

/* Reserve modal: the unavailability periods listed under the calendar,
   each carrying the same red as the blocked bands on the grid; below them,
   the reservation pickers open under their own heading, set apart by a
   light separator. */
.unavailability-summary h4 {
	margin: 15px 0;
}
.reservation-period h4 {
	margin: 5px 0 15px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
}
/* Received reservations: a small heading that separates the unavailability
   manager from the reservation cards below it. */
.reservation-list-heading {
	font-size: 18px;
	line-height: 24px;
	margin: 20px 0 15px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
}

/* Received reservations: each reservation reads as a card — framed, padded,
   gently lifted on hover; the From/To pair sits in its own quiet box and the
   action buttons get their own separated strip. Selectors carry the
   .my-bookings chain on purpose: the generic booking-card rule above is more
   specific than a lone class and would win otherwise. */
.my-bookings .listContent.dashboard-ad-list.reservation-card {
	border: 2px solid #e5e5e5;
	/* !important: a generic .listContent rule kills border-bottom with its own
	   !important, which left these cards visually open at the base. */
	border-bottom: 2px solid #e5e5e5 !important;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 15px;
	background: #ffffff;
	transition: box-shadow 0.15s ease-in-out;
}
.my-bookings .listContent.dashboard-ad-list.reservation-card:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.my-bookings .reservation-card .categoryDetails h3 {
	margin-top: 0;
	font-size: 17px;
	line-height: 24px;
}
.my-bookings .reservation-card .categoryDetails p {
	margin-bottom: 6px;
	font-size: 13px;
	color: #848484;
}
.my-bookings .reservation-card .reservation-dates {
	background-color: #f8f9fa;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0;
	padding: 10px 5px;
}
.my-bookings .reservation-card .reservation-dates p {
	margin: 0;
	font-size: 13px;
	line-height: 20px;
	color: #555555;
}
.my-bookings .reservation-card .reservation-card-actions {
	margin: 0;
	padding-left: 15px;
	border-left: 1px solid #f0f0f0;
}
.my-bookings .reservation-card .reservation-card-actions li {
	margin-bottom: 8px;
}
.my-bookings .reservation-card .reservation-card-actions li:last-child {
	margin-bottom: 0;
}
.my-bookings .reservation-card .reservation-card-actions .btn {
	display: block;
	width: 100%;
}
.my-bookings .reservation-card .categoryImage .img-ratio,
.my-bookings .reservation-card .categoryImage img {
	border-radius: 6px;
}

.reservation-period__current li {
	border-left: 3px solid #0278c2;
	background-color: #f8f9fa;
	border-radius: 0 4px 4px 0;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
}
/* Direct children only — the datetimepicker popup is also built from
   ul.list-unstyled > li and must not inherit the red period styling. */
.unavailability-summary > ul > li {
	border-left: 3px solid #ec2227;
	background-color: #f8f9fa;
	border-radius: 0 4px 4px 0;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
}

/* Reserve modal: the reservations list under the unavailability periods —
   green for accepted, blue for pending, matching the calendar bars. */
.reservation-summary h4 {
	margin: 15px 0;
}
.reservation-summary > ul > li {
	border-left: 3px solid #28a745;
	background-color: #f8f9fa;
	border-radius: 0 4px 4px 0;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
}
.reservation-summary > ul > li.reservation-summary__pending {
	border-left-color: #0278c2;
}

/* The pending status badge on the reservation cards wears the same blue as
   the pending bars/periods, instead of the stock warning yellow. */
.my-bookings .reservation-card .label-warning {
	background-color: #0278c2;
}

/* Received reviews: the same card frame as the reservations (.reservation-card),
   with the review body borrowed from the announcement detail page — avatar and
   identity on one line, the message in a quiet bordered block. */
.my-bookings .review-card .review-card__head {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}
.my-bookings .review-card .review-card__avatar img {
	width: 52px;
	height: 52px;
	object-fit: cover;
}
.my-bookings .review-card .review-card__identity {
	flex: 1 1 auto;
	min-width: 0;
}
.my-bookings .review-card .review-card__name {
	display: block;
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
}
/* On the placed reviews the heading is the reviewed announcement/company link. */
.my-bookings .review-card .review-card__name a {
	color: #222222;
}
.my-bookings .review-card .review-card__name a:hover,
.my-bookings .review-card .review-card__name a:focus {
	color: var(--theme-color, #ffa019);
}
.my-bookings .review-card .review-card__date {
	font-size: 14px;
	color: #999999;
}
.my-bookings .review-card .review-card__stars {
	margin-top: 4px;
}
.my-bookings .review-card .review-card__stars .rating-container {
	display: inline-block;
	vertical-align: middle;
}
.my-bookings .review-card .review-card__score {
	margin-left: 6px;
	font-size: 14px;
	color: #848484;
	vertical-align: middle;
}
.my-bookings .review-card .review-card__status {
	flex: 0 0 auto;
	padding: 7px 14px;
	font-size: 14px;
}
/* The "Announcement: <title>" line is the one that tells the owner what the
   review is about — keep it readable, not fine print. */
.my-bookings .review-card p.review-card__target {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
}
.my-bookings .review-card p.review-card__target a {
	font-weight: 600;
	color: var(--theme-color, #ffa019);
}
.my-bookings .review-card p.review-card__target a:hover,
.my-bookings .review-card p.review-card__target a:focus {
	color: var(--theme-color-hover, #151515);
}
.my-bookings .review-card .review-card__content {
	padding: 12px 14px 12px 16px;
	background-color: #f9f9f9;
	border-left: 3px solid #ffa019;
	border-radius: 4px;
	color: #555555;
	font-size: 15px;
	line-height: 1.6;
	word-break: break-word;
}
.my-bookings .review-card .review-card__content p:last-child {
	margin-bottom: 0;
}

/* Messages (cont/mesaje): the left sidebar is gone and every conversation reads as
   a card — avatar, counterpart, subject, snippet, meta. */
.my-bookings .message-card {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 15px;
	margin-bottom: 12px;
	border: 1px solid #e5e5e5;
	border-left: 3px solid #e5e5e5;
	border-radius: 6px;
	background: #ffffff;
	color: #555555;
	transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.my-bookings .message-card:hover,
.my-bookings .message-card:focus {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	border-color: #d5d5d5;
	color: #555555;
	text-decoration: none;
}
/* An unread conversation has to be obvious at a glance: a thick accent stripe, a
   tinted card, a dot in front of the name and darker, heavier text. */
.my-bookings .message-card--unread {
	border-color: #f3d9ac;
	border-left: 5px solid var(--theme-color, #ffa019);
	background: #fff6e5;
}
.my-bookings .message-card--unread:hover,
.my-bookings .message-card--unread:focus {
	border-color: #f3d9ac;
	border-left-color: var(--theme-color, #ffa019);
}
.my-bookings .message-card--unread .message-card__name {
	font-weight: 700;
	color: #222222;
}
.my-bookings .message-card--unread .message-card__name:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--theme-color, #ffa019);
	vertical-align: middle;
}
.my-bookings .message-card--unread .message-card__subject {
	font-weight: 600;
}
.my-bookings .message-card--unread .message-card__snippet {
	font-weight: 600;
	color: #333333;
}
.my-bookings .message-card--unread .message-card__avatar img {
	box-shadow: 0 0 0 2px var(--theme-color, #ffa019);
}
.my-bookings .message-card__avatar {
	flex: 0 0 auto;
}
.my-bookings .message-card__avatar img {
	width: 48px;
	height: 48px;
	object-fit: cover;
}
.my-bookings .message-card__body {
	flex: 1 1 auto;
	min-width: 0;
}
.my-bookings .message-card__top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 12px;
}
.my-bookings .message-card__name {
	font-size: 16px;
	font-weight: 600;
	color: #222222;
}
.my-bookings .message-card__meta {
	flex: 0 0 auto;
	font-size: 13px;
	color: #999999;
}
.my-bookings .message-card__count {
	margin-right: 12px;
}
.my-bookings .message-card__subject {
	display: block;
	margin: 2px 0 6px;
	font-size: 14px;
	color: var(--theme-color, #ffa019);
}
.my-bookings .message-card__snippet {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #848484;
	word-break: break-word;
}

/* Account announcements: the promote button spans the announcement image
   and follows its responsive width; the label wraps and scales down with
   the column instead of spilling out of the button. */
.dashboard-ad-list .categoryImage .btn-promote {
	display: block;
	width: 100%;
	margin-top: 10px;
	white-space: normal;
	padding-left: 6px;
	padding-right: 6px;
	font-size: clamp(11px, 0.55vw + 7px, 14px);
}
/* The green "Promoted" is a state badge, not a button: no pointer, no hover, no
   click target — unlike the "Promote" action next to it. */
.dashboard-ad-list .categoryImage .btn-promote--static {
	cursor: default;
	pointer-events: none;
	box-shadow: none;
}


.sidebarInner.sidebarCategory .input-group-addon {
	border: 1px solid #e5e5e5 !important;
}

.sidebarInner.sidebarCategory .control-label {
	width: 100% !important;
}

.sidebarInner.sidebarCategory .datetimepicker-input {
	min-width: 222px !important;
}

.listContent {
	border-bottom: 0 !important;
	padding-bottom: 30px;
}

.form-group {
	margin-bottom: 10px !important;
}

.detailsInfoBox {
	padding: 15px 0 15px 0;
}

.img-responsive {
	width: 100% !important;
}

.overlay-context {
	position: relative; }

.overlay-wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em 1em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.4);
	color: #000000;
	text-align: center; }
.overlay-wrapper:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle; }
.overlay-wrapper .overlay-body {
	padding-left: 2em;
	display: inline-block;
	position: relative;
	text-align: left; }
.overlay-wrapper .overlay-body:before {
	content: '\f110';
	font-family: 'FontAwesome';
	font-size: 1.8em;
	display: block;
	-webkit-animation: fa-spin 1s infinite steps(10);
	-moz-animation: fa-spin 1s infinite steps(10);
	-o-animation: fa-spin 1s infinite steps(10);
	animation: fa-spin 1s infinite steps(10);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px; }

body.overlay-context > .overlay-wrapper {
	position: fixed;
	z-index: 1000005;
	background: rgba(68, 106, 115, 0.4);
	color: #ffffff; }

.radiobtn label {
	background: #fee8c3;
	color: #444;
	border-radius: 4px;
	padding: 10px 20px;
	border: 2px solid #fdd591;
	margin-bottom: 5px;
	cursor: pointer;
}

.radiobtn label:hover {
	background: #fdcb77;
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	border-color: #fcae2c;
}

.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.radiobtn input[type="radio"]:checked ~ * {
	background: #ffa019 !important;
	color: #fff !important;
}

.pageTitle h1 {
	font-size: 40px;
	line-height: 44px;
	font-family: 'Poppins', sans-serif;
	text-transform: none;
	margin-top: 0;
	font-weight: 400;
	color: #222222;
}

.select2-selection__rendered > .select2-selection__clear {
	top: 0 !important;
}

.work-email textarea {
	position: fixed;
	top: -9999px;
	left: -9999px;
}

.socialbox{	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom:6px;float:left; width: 37px; height: 37px; border: 1px solid #BEBCBC; border-radius: 100%; background: transparent; margin-right: 6px; font-size: 16px; text-align: center; padding-top: 7px;}
.socialbox i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #ffa019;}
.social-widget a:hover .socialbox{background: #09afdf;}
.social-widget a:hover .socialbox i { color: #fff; }
.social-widget .socialbox i{ font-size: 16px;}

.social-widget a.social-share:hover .socialbox {
	background: #151515 !important;
	background-color: #151515 !important;
	border-color: #151515 !important;
}
.social-widget a.social-share:hover .socialbox i {
	color: #fff !important;
}
.blog-share h4{float:left;}
.blog-share {margin-top:20px;margin-bottom:20px;background: #ffa019; border: 1px solid #ffa019; padding: 10px 15px 54px 15px;}

.services-overlay:after {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.interestContent span {
	z-index: 9999;
}

.interestContent:hover .services-overlay:after {
	background: transparent;
}

#newsletterform .has-error .help-block, #newsletterform .has-error .control-label, #newsletterform .has-error .radio, #newsletterform .has-error .checkbox, #newsletterform .has-error .radio-inline, #newsletterform .has-error .checkbox-inline, #newsletterform .has-error.radio label, #newsletterform .has-error.checkbox label, #newsletterform .has-error.radio-inline label, #newsletterform .has-error.checkbox-inline label {
	color: #f55060 !important;
}

.auth-clients-holder {
	display: inline-block;
	vertical-align: top;
}

.btn-google,
.btn-facebook,
.btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 44px !important;
	line-height: 1 !important;
	padding: 0 15px !important;
}
/* `.btn-block` needs `display: flex` (block-level flex) so it stays full-width while
   keeping the inline-flex vertical/horizontal centering of `.btn-primary` etc. */
.btn-primary.btn-block,
.btn-google.btn-block,
.btn-facebook.btn-block,
.btn-refund.btn-block {
	display: flex !important;
	width: 100% !important;
}

/* `.btn-refund` — uniform 44px line across all usages (modal footers, balance toolbar, favourites list).
   Flexbox centers text vertically; `!important` wins over Bootstrap's `.btn-sm` and `.balance-toolbar-actions .btn`. */
.btn-refund {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 44px !important;
	line-height: 1 !important;
	padding: 0 15px !important;
}

.btn-google {
	background-color: #d93025;
	border-color: #d93025;
}

.btn-facebook {
	background-color: #1877f2;
	border-color: #1877f2;
}

.btn-facebook > i.fa, .btn-google > i.fa {
	width: 30px;
	line-height: 1;
	font-size: 16px;
}

.listContent {
	padding: 0 0 30px 0;
}


.loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	border: 4px solid #ffa019;
	top: 50%;
	animation: loader 5s infinite ease;
}

.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #ffa019;
	animation: loader-inner 5s infinite ease-in;
}

@keyframes loader {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes loader-inner {
	0% {
		height: 0%;
	}

	25% {
		height: 0%;
	}

	50% {
		height: 100%;
	}

	75% {
		height: 100%;
	}

	100% {
		height: 0%;
	}
}

.checkbox input[type="checkbox"] ~ span {
	border: 1px solid #ccc;
}

#copyButton,
#copyButtonReferral,
#copyButtonEmbed {
	cursor: pointer;
}

#copyTarget,
#copyTargetReferral,
#copyTargetEmbed {
	border-left: none;
}

.copied {
	opacity: 0;
	position: absolute;
	left: 55px;
}

@media (min-width: 768px) {
	.copied {
		left: 135px;
	}
}

.sidebarInner .panel-body {
	background-color: #ffffff !important;
}

.isotopeSelector article {
	margin: 0 0 30px 0;
}

.sidebarCategory {
	margin: 0 0 15px 0 !important;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
	position: absolute;
	top: 0;
	font-size: 16px;
}

.embed-iframe {
	width: 100%;
	height: 1000px;
	border: 0;
	overflow: hidden; }
.embed-iframe + .embed-iframe {
	margin-top: 0.9375em;
	padding-top: 0.9375em;
	border-top: 1px dotted #9d9d9d; }

/* Contact Information Section */
.contact-info-section {
	border: 1px solid #ddd;
	padding: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}

.contact-info-header-line {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	height: 1px;
	background: #ddd;
}

.contact-info-header-text {
	position: absolute;
	top: -12px;
	left: 30px;
	background: #fff;
	padding: 0 20px;
	font-weight: bold;
	font-size: 18px;
}

.contact-info-content {
	margin-top: 15px;
}

/* TouchSpin buttons – use theme primary (fallback if theme does not set them) */
.btn.btn-default.bootstrap-touchspin-down,
.btn.btn-default.bootstrap-touchspin-up {
	color: #fff;
	border-color: transparent;
}
.btn.btn-default.bootstrap-touchspin-down:hover,
.btn.btn-default.bootstrap-touchspin-up:hover {
	color: #fff;
}

/* File input remove button – same theme color as TouchSpin */
.btn.btn-default.btn-outline-secondary.fileinput-remove.fileinput-remove-button,
.btn.btn-default.btn-outline-secondary.fileinput-remove.fileinput-remove-button:hover {
	color: #fff;
	border-color: transparent;
}

/* File input zoom (glyphicon-zoom-in) – brand blue */
.kv-file-zoom.btn,
.kv-file-zoom.btn:focus {
	background-color: #0278c2;
	border-color: #0278c2;
	color: #fff;
}

.kv-file-zoom.btn:hover {
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}

/* File input remove – same dark hover as TouchSpin strip */
.kv-file-remove.btn.btn-sm.btn-kv.btn-danger.btn-outline-secondary,
.kv-file-remove.btn.btn-sm.btn-kv.btn-danger.btn-outline-secondary:hover {
	color: #fff;
	border-color: transparent;
}


/* Announcement card – title (override .categoryDetails h2 margin: 0) */
.dashboard-ad-list .categoryDetails .announcement-card-title,
.categoryDetails .announcement-card-title {
	margin-bottom: 20px;
}

/* Dashboard announcement card – header/meta layout */
.dashboard-ad-list .categoryDetails .announcement-card-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 16px;
}
.dashboard-ad-list .categoryDetails .announcement-card-header .announcement-card-title {
	margin-bottom: 0;
	flex: 1 1 320px;
}
.dashboard-ad-list .categoryDetails .announcement-card-views--details {
	margin: 0;
	font-size: 0.95em;
	font-weight: 500;
	color: #666;
}
.dashboard-ad-list .categoryDetails .announcement-card-price {
	margin: 6px 0 12px;
	padding: 10px 12px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	color: #222;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 16px;
}
.dashboard-ad-list .categoryDetails .announcement-card-price-left {
	flex: 1 1 auto;
}
.dashboard-ad-list .categoryDetails .announcement-card-views--inline {
	margin: 0;
	font-size: 0.95em;
	font-weight: 600;
	color: #666;
	white-space: nowrap;
}
.dashboard-ad-list .categoryDetails .announcement-card-price-value {
	font-weight: 700;
	font-size: 1.15em;
	color: #111;
}

/* Dashboard announcement card – typography */
.dashboard-ad-list .categoryDetails {
	color: #444;
}
.dashboard-ad-list .categoryDetails p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.55;
	color: #555;
}
.dashboard-ad-list .categoryDetails p strong {
	font-weight: 700;
	color: #222;
}

/* Dashboard announcement card – "Auction Details" section heading */
.dashboard-ad-list .categoryDetails .announcement-auction-details-title {
	margin: 14px 0 10px;
	padding-bottom: 8px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #222;
	border-bottom: 2px solid #e5e5e5;
}
.dashboard-ad-list .categoryDetails .announcement-auction-details-title--boxed {
	margin: 0 0 10px;
}

.announcement-participants-active-info-badge {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.45em 0.65em;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	background-color: #0278c2;
	border: none;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.4;
	white-space: normal;
	text-align: left;
}
.announcement-auction-details-title .announcement-participants-active-info-badge {
	margin-top: 6px;
}
.announcement-participants-active-info-badge .fa {
	margin-right: 4px;
	color: #fff;
}

/* Dashboard announcement card – auction details box */
.dashboard-ad-list .categoryDetails .announcement-auction-box {
	padding: 10px 12px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta {
	margin: 0 0 10px 0;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 6px;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta-row:last-child {
	margin-bottom: 0;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta-label {
	color: #555;
	font-weight: 600;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta-value {
	color: #222;
	font-weight: 700;
	text-align: right;
}
.dashboard-ad-list .categoryDetails .announcement-auction-meta-value--highlight {
	color: #111;
}
.dashboard-ad-list .categoryDetails .announcement-auction-countdown {
	margin-top: 6px;
}

/* Credits alert (announcement form) */
.alert-info-credits {
	margin-bottom: 15px;
	color: #fff;
}
.alert-info-credits__icon {
	display: inline-flex;
	vertical-align: middle;
	margin-right: 8px;
}
.alert-info-credits__icon img {
	display: block;
}
.alert-info-credits__text {
	vertical-align: middle;
}

/* Header: broker credits next to name */
.header-broker-credits {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 6px;
	font-weight: 600;
}
.header-broker-credits__icon {
	display: inline-block;
	vertical-align: middle;
}

/* Add announcement: base background = theme color (set per-theme in tpl/{theme}/css/_03_custom.css);
   on hover it turns black, like the search button in the announcement list input-group. */
.navbar-default .navbar-btn:hover,
.navbar-default .navbar-btn:focus,
.navbar-default .navbar-btn:active,
.navbar-default .navbar-btn:active:hover,
.navbar-default .navbar-btn:active:focus,
.navbar-sticky a.btn.btn-default.navbar-btn:hover,
.transparent-navbar a.btn.btn-default.navbar-btn:hover {
	background-color: #151515 !important;
	border-color: #151515 !important;
	color: #ffffff !important;
}

/* Header auth (desktop): flex row — logo | name | heart/bell | add.
   Avoids the fragile float + absolute .navbar-btn combo (name sliding under "+"). */
@media (min-width: 768px) {
	.header-navbar--auth {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.header-navbar--auth > .navbar-header {
		flex: 0 1 auto;
		margin-right: auto;
		order: 1;
	}
	/* Visual order: badges → name → add (DOM has collapse before badges). */
	.header-navbar--auth > .header-nav-badges-nav.navbar-nav.navbar-right {
		float: none;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 0 !important;
		padding: 0;
		flex: 0 0 auto;
		order: 2;
	}
	.header-navbar--auth > .navbar-desktop.navbar-collapse {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
		order: 3;
	}
	.header-navbar--auth > .navbar-desktop .navbar-nav.navbar-right,
	.nav-wrapper.navbar-sticky .header-navbar--auth > .navbar-desktop .navbar-nav.navbar-right {
		float: none;
		margin: 0 !important;
	}
	.header-navbar--auth > .navbar-btn {
		position: static !important;
		float: none !important;
		flex: 0 0 auto;
		margin: 0 0 0 10px !important;
		top: auto !important;
		right: auto !important;
		order: 4;
	}
	/* Same horizontal padding on name / language / heart / bell. */
	.header-navbar--auth .navbar-desktop .navbar-nav > li > a,
	.header-navbar--auth .header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
	.header-navbar--auth .header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.header-navbar--auth .navbar-desktop .userInfo {
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
}
@media (max-width: 767px) {
	/* Allow badge icons/count to render outside nav box without moving logo */
	.nav-wrapper .lightHeader,
	.nav-wrapper .transparent-navbar,
	.navbar-default.lightHeader,
	.navbar-default.transparent-navbar {
		overflow: visible !important;
	}
	.header-navbar--auth {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		overflow: visible;
		min-height: 72px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.header-navbar--auth > .navbar-header {
		flex: 0 1 auto;
		width: auto;
		max-width: 42%;
		height: 72px;
		float: none;
		order: 1;
		position: relative;
	}
	.header-navbar--auth > .navbar-header .navbar-brand {
		position: absolute;
		float: left;
		top: 0;
		left: 0;
		padding: 13px;
		z-index: 1000;
	}
	.header-navbar--auth > .header-nav-badges-nav.navbar-nav.navbar-right {
		float: none;
		display: flex;
		flex-direction: row;
		flex: 0 0 auto;
		margin-left: auto;
		margin-right: 0;
		order: 2;
		background-color: transparent !important;
	}
	.header-navbar--auth > .header-nav-badges-nav > li {
		float: none;
	}
	.header-navbar--auth > .navbar-btn,
	.header-navbar--auth > .header-nav-toggle.navbar-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		align-self: center;
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
		max-width: 40px;
		max-height: 40px;
		padding: 0 !important;
		margin: 0;
		font-size: 16px;
		line-height: 1;
		border-radius: 4px;
		border-width: 1px;
		box-sizing: border-box;
	}
	/* Source order is badges → account → add; don't override with flex order
	   (licitatii put add before account via order:3/4 — we want the opposite). */
	.header-navbar--auth > .header-nav-toggle.navbar-toggle {
		float: none !important;
		flex: 0 0 auto;
		order: 3;
		margin: 0 4px 0 0 !important;
	}
	.header-navbar--auth > .navbar-btn {
		position: static !important;
		float: none !important;
		flex: 0 0 auto;
		order: 4;
		margin: 0 !important;
		right: auto !important;
		top: auto !important;
		font-weight: 500;
	}
	.header-navbar--auth > .navbar-btn:hover,
	.header-navbar--auth > .navbar-btn:focus,
	.header-navbar--auth > .navbar-btn:active {
		background-color: #151515 !important;
		border-color: #151515 !important;
		color: #ffffff !important;
	}
	.header-navbar--auth > .navbar-collapse.navbar-head {
		flex: 1 1 100%;
		width: 100%;
		order: 5;
	}
	.header-navbar--auth > .header-nav-badges-nav.navbar-nav.navbar-right {
		margin-top: 0;
		margin-bottom: 0;
		height: auto;
		align-self: center;
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}
	.navbar-default .navbar-nav.header-nav-badges-nav > li {
		margin: 0;
		overflow: visible;
	}
	.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
	.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
		min-width: 30px;
		padding: 18px 6px;
		margin: 0;
		font-size: 16px;
		line-height: 1;
		overflow: visible;
	}
	.navbar-default .navbar-nav.header-nav-badges-nav > li > a i.fa {
		font-size: 16px;
	}
	/* Notifications on mobile: same panel as desktop (override Bootstrap navbar mobile dropdown) */
	.header-navbar--auth > .header-nav-badges-nav {
		flex-wrap: nowrap;
	}
	.header-navbar--auth > .header-nav-badges-nav > li.header-nav-notifications {
		position: relative;
		flex-shrink: 0;
	}
	.navbar-nav.header-nav-badges-nav > li.header-nav-notifications.open > .header-notifications-menu {
		position: fixed !important;
		top: 72px !important;
		right: 12px !important;
		left: auto !important;
		float: none !important;
		width: min(350px, calc(100vw - 24px)) !important;
		min-width: min(350px, calc(100vw - 24px)) !important;
		max-width: min(410px, calc(100vw - 24px)) !important;
		max-height: 360px !important;
		margin: 0 !important;
		padding: 0 !important;
		background-color: #ffffff !important;
		border: 1px solid #e5e7eb !important;
		border-radius: 10px !important;
		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
		-webkit-box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		z-index: 1100;
	}
	.nav-wrapper .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .header-notifications-menu:after {
		display: none !important;
	}
	.nav-wrapper .navbar-nav.header-nav-badges-nav > li.header-nav-notifications.open > .header-notifications-menu .dropdown-header {
		padding: 12px 16px !important;
	}
	.nav-wrapper .navbar-nav.header-nav-badges-nav > li.header-nav-notifications.open > .dropdown-toggle {
		background-color: transparent !important;
	}
	/* Burger: white on the accent-colored toggle (theme paints the button background) */
	.navbarWhite .header-nav-toggle.navbar-toggle i,
	.navbar-default.lightHeader:not(.transparent-navbar) .header-nav-toggle.navbar-toggle i {
		color: #ffffff;
	}
}
@media (min-width: 768px) {
	.header-nav-toggle.navbar-toggle {
		display: none;
	}
}
.navbar-default .navbar-nav > li.header-nav-badges-item > .header-nav-badge__link,
.navbar-default .navbar-nav > li.header-nav-notifications > .dropdown-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-width: 36px;
	margin: 0;
	padding: 38px 10px;
	font-size: 18px;
	line-height: 1;
	color: #222222;
	background-color: transparent !important;
	border: none;
	text-transform: none;
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
	.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
		padding: 18px 6px;
		min-width: 30px;
		font-size: 16px;
	}
	.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle .header-nav-badge__icon-wrap {
		position: relative;
		display: inline-block;
		line-height: 1;
		vertical-align: middle;
	}
	.header-nav-badges-nav .header-nav-badge__icon-wrap .header-nav-badge__count {
		top: -7px;
		right: -9px;
	}
}
/* Badge ul sits outside collapse on mobile — drop the white panel from .navbar-nav */
.navbar-default .navbar-nav.header-nav-badges-nav,
.navbar-default .navbar-nav.header-nav-badges-nav > li {
	background-color: transparent !important;
}
/* Non-slider pages: black icons */
.nav-wrapper.navbarWhite .navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
.nav-wrapper.navbarWhite .navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle,
.navbar-default.lightHeader:not(.transparent-navbar) .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
.navbar-default.lightHeader:not(.transparent-navbar) .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
	color: #222222;
}
/* Theme hides i.fa in navbar links on mobile; badge icons must stay visible */
.navbar-default .navbar-nav.header-nav-badges-nav > li > a i.fa {
	display: inline-block !important;
	margin-left: 0;
	font-size: 18px;
	color: #222222;
}
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li > a i.fa {
	color: #ffffff;
}
.nav-wrapper.navbar-sticky .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li > a i.fa {
	color: #222222;
}
.navbar-default .navbar-nav.header-nav-badges-nav > li > a:hover i.fa,
.navbar-default .navbar-nav.header-nav-badges-nav > li > a:focus i.fa,
/* Before scroll (transparent hero): white i.fa must yield to theme color on hover. */
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li > a:hover i.fa,
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li > a:focus i.fa {
	color: var(--theme-color, #ffa019);
}
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li.header-nav-badges-item > .header-nav-badge__link,
	.navbar-default .navbar-nav > li.header-nav-notifications > .dropdown-toggle {
		padding-top: 40px;
		padding-bottom: 37px;
	}
}
.navbar-default .navbar-nav > li.header-nav-badges-item > .header-nav-badge__link:hover,
.navbar-default .navbar-nav > li.header-nav-badges-item > .header-nav-badge__link:focus,
.navbar-default .navbar-nav > li.header-nav-notifications > .dropdown-toggle:hover,
.navbar-default .navbar-nav > li.header-nav-notifications > .dropdown-toggle:focus {
	color: var(--theme-color, #ffa019);
	background-color: transparent;
	text-decoration: none;
}
/* Account name (and language) in the auth header — same theme hover as the badges. */
.header-navbar--auth .navbar-desktop .navbar-nav > li > a:hover,
.header-navbar--auth .navbar-desktop .navbar-nav > li > a:focus,
.header-navbar--auth .navbar-desktop .navbar-nav > li.open > a,
.header-navbar--auth .navbar-desktop .navbar-nav > li.open > a:hover,
.header-navbar--auth .navbar-desktop .navbar-nav > li.open > a:focus {
	color: var(--theme-color, #ffa019) !important;
	background-color: transparent !important;
}
/* Home slider: white icons over dark hero (mobile + desktop before sticky) */
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
	color: #ffffff;
}
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link:hover,
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link:focus,
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle:hover,
.nav-wrapper:not(.navbar-sticky) .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle:focus {
	color: var(--theme-color, #ffa019);
}
/* Home slider after scroll (desktop sticky): black icons */
.nav-wrapper.navbar-sticky .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-badges-item > .header-nav-badge__link,
.nav-wrapper.navbar-sticky .transparent-navbar.navbar-default .navbar-nav.header-nav-badges-nav > li.header-nav-notifications > .dropdown-toggle {
	color: #222222;
}
.header-nav-badge__icon-wrap {
	position: relative;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
.header-nav-badge__icon-wrap .header-nav-badge__count {
	position: absolute;
	top: -7px;
	right: -9px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #e03a3a;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	pointer-events: none;
}
.nav-wrapper .navbar-nav > li.header-nav-notifications .header-notifications-menu {
	min-width: 350px;
	max-width: 410px;
	padding: 0;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
	max-height: 360px;
	overflow: hidden;
}
.nav-wrapper .navbar-nav > li.header-nav-notifications.open > .header-notifications-menu {
	display: flex;
	flex-direction: column;
}
.header-notifications-menu__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-shrink: 0;
	padding: 12px 16px;
	border-bottom: 1px solid #e5e7eb;
	background: #f9fafb;
	color: #111827;
	font-size: 14px;
	font-weight: 600;
	white-space: normal;
}
/* Reads every notification at once; only rendered while something is unread. */
.header-notifications-menu__mark-all {
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background: none;
	color: #0278c2;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
}
.header-notifications-menu__mark-all:hover,
.header-notifications-menu__mark-all:focus {
	color: #015b93;
	text-decoration: underline;
}
/* An unread row is clickable — that click is what marks it as read. */
.header-notifications-menu__item--unseen {
	cursor: pointer;
}
.header-notifications-menu__item--unseen:hover > .header-notifications-menu__body {
	background-color: #e0f1ff !important;
}
.header-notifications-menu__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-notifications-menu__items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-notifications-menu__items > .header-notifications-menu__item > .header-notifications-menu__body {
	display: block;
	padding: 12px 16px;
	color: #374151;
	font-size: 13px;
	line-height: 1.45;
	white-space: normal;
	border-bottom: 1px solid #f3f4f6;
}
.header-notifications-menu__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}
.header-notifications-menu__title {
	flex: 1;
	min-width: 0;
	font-weight: 400;
	color: #6b7280;
	line-height: 1.35;
}
.header-notifications-menu__item--unseen > .header-notifications-menu__body {
	background-color: #eff8ff !important;
	border-left: 3px solid #0278c2;
	padding-left: 13px !important;
}
.header-notifications-menu__item--unseen .header-notifications-menu__title {
	font-weight: 700 !important;
	color: #0c4a6e !important;
}
.header-notifications-menu__item--unseen .header-notifications-menu__title::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #0278c2;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.header-notifications-menu__item--unseen .header-notifications-menu__message {
	font-weight: 500 !important;
	color: #1e3a5f !important;
}
.header-notifications-menu__item--unseen .header-notifications-menu__date {
	color: #0369a1 !important;
	font-weight: 600 !important;
}
.header-notifications-menu__date {
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 2px;
	white-space: nowrap;
	color: #9ca3af;
	font-size: 11px;
	line-height: 1.3;
}
.header-notifications-menu__message {
	display: block;
	margin-top: 4px;
	color: #6b7280;
	font-size: 12px;
	line-height: 1.45;
	word-break: normal;
}
.navbar-nav li.dropdown.singleDrop .header-notifications-menu .header-notifications-menu__message a,
.header-notifications-menu .header-notifications-menu__message a {
	display: inline !important;
	width: auto !important;
	float: none !important;
	padding: 0 !important;
	background-color: transparent !important;
	color: #0278c2 !important;
	font-weight: 600;
	font-size: inherit;
	line-height: inherit;
	white-space: normal;
	text-decoration: none;
}
.navbar-nav li.dropdown.singleDrop .header-notifications-menu .header-notifications-menu__message a:hover,
.navbar-nav li.dropdown.singleDrop .header-notifications-menu .header-notifications-menu__message a:focus,
.header-notifications-menu .header-notifications-menu__message a:hover,
.header-notifications-menu .header-notifications-menu__message a:focus {
	background-color: transparent !important;
	color: #0278c2 !important;
	padding-left: 0 !important;
	text-decoration: underline;
}
.header-notifications-menu__items > .header-notifications-menu__item:last-child > .header-notifications-menu__body {
	border-bottom: none;
}
.header-notifications-menu__item > .header-notifications-menu__body:hover,
.header-notifications-menu__item > .header-notifications-menu__body:focus {
	background: #f9fafb;
}
.header-notifications-menu__item--unseen > .header-notifications-menu__body:hover,
.header-notifications-menu__item--unseen > .header-notifications-menu__body:focus {
	background-color: #dbeafe !important;
}
.header-notifications-menu__item > .header-notifications-menu__body:hover .header-notifications-menu__title,
.header-notifications-menu__item > .header-notifications-menu__body:focus .header-notifications-menu__title {
	color: #374151;
}
.header-notifications-menu__item--unseen > .header-notifications-menu__body:hover .header-notifications-menu__title,
.header-notifications-menu__item--unseen > .header-notifications-menu__body:focus .header-notifications-menu__title {
	color: #0c4a6e !important;
}
.header-notifications-menu__empty {
	display: block;
	padding: 12px 16px;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.45;
}

/* Announcement card – views under image */
.announcement-card-views {
	margin: 8px 0 0;
	font-size: 1.1em;
	font-weight: 500;
}

/* Announcement card – action buttons stacked vertically */
.announcement-actions-list {
	padding-left: 0;
	margin: 0;
}
.announcement-actions-list.announcement-actions-list--inline {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.announcement-actions-list.announcement-actions-list--inline li {
	flex: 1 1 0;
	margin-bottom: 0;
}
.announcement-actions-list.announcement-actions-list--inline .btn {
	width: 100%;
}
.categoryImage .announcement-actions-list {
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	text-align: left;
}
.categoryImage {
	text-align: left;
}
.categoryImage .announcement-actions-list .btn {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}

@media (min-width: 992px) {
	.dashboard-ad-list .dashboard-ad-action-btn {
		margin-left: 0 !important;
	}
}
.announcement-actions-list li {
	margin-bottom: 8px;
}
.announcement-actions-list li:last-child {
	margin-bottom: 0;
}

/* Dashboard nav: center LIs in the middle of the bar */
.navbar-dash.navbar-collapse .navbar-nav,
.navbar-dash .nav.navbar-nav {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.navbar-dash .navbar-nav > li {
	float: none;
}
.navbar-dash .navbar-nav > li > a {
	text-align: center;
}

.dashboard-add-announcement-btn-wrap {
	max-width: 100%;
	min-width: 0;
	margin-bottom: 1em;
}
.dashboard-add-announcement-btn-wrap .btn {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	text-align: center;
	word-wrap: break-word;
}

.no-border {
	border: none !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-x {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Înlocuitor pentru no-padding: doar 15px sus, restul 0 (bate padding-ul mare din temă pe .detailsInfoBox) */
.detailsInfoBox.padding-top-15 {
	padding: 15px 0 0 0 !important;
}

/* Countdown boxed layout: each unit (days, hours, minutes, seconds) in a box with shadow */
.countdown-timer-boxed .countdown-boxes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

/* Announcement index cards: center countdown boxes */
.auction-meta .countdown-timer {
	display: flex;
	justify-content: center;
}
.auction-meta .countdown-timer-boxed .countdown-boxes {
	justify-content: center;
}

/* Announcement index cards: let bootstrap drive width so 1- / 2- / N-result pages can stretch the card
 * across the full row. The previous fixed 250px clamp meant a single-result AI search left a 75% empty
 * gap on the right. */

/* Public announcement listing: no extra listContent padding */
.announcement-index-list.listContent {
	padding: 0 !important;
	border-bottom: 0;
}

/* Announcement index cards: equal height tiles (no dynamic resizing) */
.listContent .isotopeSelector > article {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.listContent .isotopeSelector > article > figure {
	flex: 0 0 auto;
}
.listContent .isotopeSelector > article .figureBody {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.listContent .isotopeSelector > article .figureFooter {
	flex: 0 0 auto;
}

/* Announcement index listing: padding pe titlu + auction-meta, nu pe figureBody */
.listContent.announcement-index-list .isotopeSelector > article .figureBody {
	padding: 0;
}

/* Natural title height — equalized per row by JS in the listing view (announcementTitleEqualizer).
   0.9643em = 13.5px at the theme's 14px body font.
   height/max-height override the theme's fixed `.figureBody h2 { height: 66px }` which left a big
   gap under single-line titles. */
.listContent.announcement-index-list .isotopeSelector > article .figureBody h2.announcement-tile-title {
	height: auto;
	max-height: none;
	font-size: 0.9643em;
	line-height: 1.35;
	margin: 0;
	padding: 10px 5px 5px;
	box-sizing: border-box;
	border-bottom: 0;
	text-align: left;
}

.listContent.announcement-index-list .isotopeSelector > article .figureBody h2.announcement-tile-title a {
	font-size: inherit;
	line-height: inherit;
}

.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta {
	min-height: 120px;
	padding: 5px;
	box-sizing: border-box;
}

.listContent.announcement-index-list .isotopeSelector > article .figureFooter {
	padding: 5px;
	box-sizing: border-box;
}

.listContent.announcement-index-list .isotopeSelector > article .figureFooter .advert-location,
.listContent.announcement-index-list .isotopeSelector > article .figureFooter .advert-location a,
.listContent.announcement-index-list .isotopeSelector > article .figureFooter .advert-date {
	font-size: 12px;
	line-height: 1.35;
}

/* Keep titles consistent (fallback if used outside announcement-index-list) */
.listContent .isotopeSelector > article .figureBody h2.announcement-tile-title {
	height: auto;
	max-height: none;
	font-size: 0.9643em;
	line-height: 1.35;
	margin: 0;
	border-bottom: 0;
	text-align: left;
}
.listContent .isotopeSelector > article .figureBody h2.announcement-tile-title a {
	font-size: inherit;
	line-height: inherit;
}

/* Keep auction meta block consistent height */
.listContent .isotopeSelector .figureBody .auction-meta {
	min-height: 120px;
}

/* Announcement index cards: compact auction bid block spacing */
.listContent .isotopeSelector .figureBody .auction-bid-lines.mb10.auction-bid-lines-compact {
	margin-top: 20px;
}

/* Announcement index: countdown + bid lines — aceeași lățime și aliniere */
.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer {
	display: block;
	width: 100%;
	max-width: 100%;
}

.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-boxes {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	justify-content: space-between;
	box-sizing: border-box;
}

.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-unit-box {
	flex: 1 1 0;
	min-width: 0;
}

.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines.mb10.auction-bid-lines-compact {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}

/* Announcement index cards: compact auction meta typography */
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line {
	margin-top: 4px;
	gap: 8px;
	color: #555;
}
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line strong {
	font-size: 13px;
	font-weight: 600;
	color: #555;
}
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label,
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label.label-block,
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .bid-label-info {
	font-size: 13px;
	color: #555;
}
.listContent .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label {
	padding: 4px 6px;
}

/* Announcement listing: imagine full-bleed + inimă în colțul imaginii */
.listContent.announcement-index-list .isotopeSelector > article > figure {
	position: relative;
	overflow: hidden;
}

.listContent.announcement-index-list .isotopeSelector figure .advert-img {
	height: auto;
}

.listContent.announcement-index-list .isotopeSelector figure .advert-img.img-ratio {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	border: 0.5px solid #e5e5e5;
	border-bottom: none;
	/* border-top: none; */
	box-sizing: border-box;
}

.listContent.announcement-index-list .isotopeSelector figure .advert-img.img-ratio .img-ratio-object {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	margin: 0;
	display: block;
	object-fit: cover;
	object-position: center;
	transform: none;
}





/* Announcement listing: col-xs-6 — timer încape în card (ex. 360px lățime) */
@media (max-width: 767px) {
	.listContent.announcement-index-list .row > [class*="col-"] {
		min-width: 0;
	}

	.listContent.announcement-index-list .isotopeSelector > article {
		min-width: 0;
		overflow: hidden;
	}

	.listContent.announcement-index-list .isotopeSelector > article .figureBody {
		min-width: 0;
		overflow: hidden;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta {
		min-height: 0;
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-boxes {
		gap: 3px;
		flex-wrap: nowrap;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-unit-box {
		min-height: 0;
		padding: 3px 2px;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-unit-value {
		font-size: 12px;
		line-height: 1.1;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-meta .countdown-timer-compact.countdown-timer-boxed .countdown-unit-label {
		margin-top: 2px;
		font-size: 9px;
		line-height: 1.1;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines.mb10.auction-bid-lines-compact {
		margin-top: 8px;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line {
		margin-top: 2px;
		gap: 4px;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line strong,
	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label,
	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label.label-block,
	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .bid-label-info {
		font-size: 11px !important;
		line-height: 1.15;
	}

	.listContent.announcement-index-list .isotopeSelector .figureBody .auction-bid-lines-compact .auction-bid-line .label {
		padding: 2px 4px;
	}
}

/* Auction sidebar: justify text and countdown row */
.announcement-auction-sidebar {
	text-align: justify;
}
.listSidebar.announcement-auction-sidebar--participants {
	margin-top: 0;
}

/* Non-owner: participant status messages in auction sidebar (no card — typography only) */
.announcement-auction-sidebar .announcement-viewer-participant-notice {
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	box-sizing: border-box;
}
.announcement-viewer-participant-notice__lead {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #2a2a2a;
	font-weight: 700;
	letter-spacing: 0.01em;
}
.announcement-viewer-participant-notice__single {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #2a2a2a;
	font-weight: 400;
	letter-spacing: 0.01em;
}
.announcement-viewer-participant-notice__feedback {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}
.announcement-viewer-participant-notice__feedback-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #0278c2;
	margin: 0 0 8px 0;
}
.announcement-viewer-participant-notice__feedback-body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #2a2a2a;
	font-weight: 700;
	letter-spacing: 0.01em;
	white-space: pre-line;
	word-break: break-word;
}

/* Rejected: seller message only — same red as sidebar Reject button (.btn-danger) */
.announcement-viewer-participant-notice--rejected .announcement-viewer-participant-notice__feedback-body {
	color: #c9302c;
}

/* Winner: “Congratulations!” chip — background only as wide as the word */
.announcement-viewer-participant-notice__winner-line {
	margin: 0 0 0.65rem 0;
	padding: 0;
	line-height: 1.4;
}
.announcement-viewer-participant-notice__congrats-badge {
	display: inline-block;
	background-color: #5cb85c;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.35;
	padding: 0.2em 0.5em;
	border-radius: 4px;
	vertical-align: baseline;
}
.announcement-viewer-participant-notice__lead--winner-next {
	margin-top: 0;
}
.announcement-viewer-participant-notice__lead--not-selected-follow {
	margin-top: 0;
}
.announcement-auction-sidebar .announcement-viewer-participant-notice--reported .announcement-viewer-participant-notice__report-reason {
	font-size: 17px;
	line-height: 1.65;
	font-weight: 600;
}
.announcement-viewer-participant-notice__seller-lines {
	margin-top: 14px;
}
/* Same row/strong as “Name:” (inherits .auction-bid-line) + separator under title */
.auction-bid-lines .announcement-viewer-participant-notice__seller-heading-row.auction-bid-line {
	justify-content: flex-start;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.auction-bid-lines .announcement-viewer-participant-notice__seller-heading-row strong {
	font-weight: 700;
	color: inherit;
}

.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-boxes {
	display: flex;
	flex-wrap: nowrap !important;
	gap: 8px;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	margin-top: 8px;
}

.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-unit-box {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
	min-height: 64px;
}

@media (max-width: 767px) {
	.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-boxes {
		gap: 4px;
	}

	.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-unit-box {
		min-height: 0;
		padding: 6px 4px;
	}

	.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-unit-value {
		font-size: 12px;
		line-height: 1.1;
	}

	.announcement-auction-sidebar .countdown-timer.countdown-timer-boxed .countdown-unit-label {
		margin-top: 3px;
		font-size: 9px;
		line-height: 1.1;
	}
}
.countdown-timer-boxed .countdown-unit-box {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	min-width: 72px;
	min-height: 64px;
	text-align: center;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.countdown-timer-boxed .countdown-unit-value {
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.1;
}

.countdown-timer-boxed .countdown-unit-label {
	display: block;
	margin-top: 6px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.1;
	text-align: center;
}

/* Auction sidebar: "Closed" label next to title */
.countdown-unit-value.countdown-closed-text {
	display: inline-block;
	font-weight: 700;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Sidebar: notice when auction has not started yet */
.auction-bid-line-auction-not-started {
	width: 100%;
}

.auction-bid-line-auction-not-started .announcement-auction-not-started {
	display: block;
	width: 100%;
	font-size: 17px;
	line-height: 1.4;
	text-align: left;
}

/* Transaction table: balance value emphasis */
.balance-value {
	font-weight: 600;
}

/* Refund completed: status label + separator + info badge */
.transaction-refund-status {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.transaction-refund-status > .label.label-block {
	margin-bottom: 0;
}

.transaction-refund-status__info-badge.label.label-info {
	flex-shrink: 0;
	margin: 0 0 0 6px;
	padding: 0.35em 0.55em;
	line-height: 1;
	font-size: 90%;
	background-color: #2196f3;
	border: none;
	color: #fff;
}

.transaction-refund-status__info-badge.label.label-info .fa {
	font-size: 1.1em;
	vertical-align: middle;
}

/* Compact variant for DataTable countdown column */
.countdown-timer-compact.countdown-timer-boxed .countdown-boxes {
	gap: 6px;
	margin-top: 0;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.countdown-timer-compact.countdown-timer-boxed .countdown-unit-box {
	padding: 5px 6px;
	min-width: 46px;
	min-height: 42px;
	border-radius: 4px;
}

.countdown-timer-compact.countdown-timer-boxed .countdown-unit-value {
	font-size: 14px;
}

.countdown-timer-compact.countdown-timer-boxed .countdown-unit-label {
	margin-top: 3px;
	font-size: 10px;
}

/* Seconds "calendar roll" effect on each tick */
.countdown-timer-boxed .countdown-unit-value-seconds {
	animation: countdown-second-roll 260ms ease-out;
	will-change: transform, opacity;
}

@keyframes countdown-second-roll {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	60% {
		opacity: 0.45;
		transform: translateY(-35%);
	}
	100% {
		opacity: 0;
		transform: translateY(-65%);
	}
}

.announcement-bid-row {
	display: flex;
	align-items: center;
	width: 100%;
}

.announcement-bid-row .announcement-bid-form {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

.announcement-bid-row .announcement-bid-form .bootstrap-touchspin,
.announcement-bid-row .announcement-bid-form .input-group {
	margin-bottom: 0;
	flex: 1 1 auto;
	min-width: 0;
	width: 1%;
}

/* Match TouchSpin height to bid submit button (theme .btn ≈ 44px, not 50px .form-control) */
.announcement-bid-row .announcement-bid-form .bootstrap-touchspin {
	height: 44px;
}

.announcement-bid-row .announcement-bid-form .bootstrap-touchspin .form-control {
	height: 44px !important;
	line-height: 42px;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

.announcement-bid-row .announcement-bid-form .bootstrap-touchspin > .input-group-addon {
	height: 44px;
	line-height: 42px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}

.announcement-bid-row .announcement-bid-form .bootstrap-touchspin .input-group-addon .input-group-btn-vertical {
	height: 44px;
}

.announcement-bid-row .announcement-bid-form .bootstrap-touchspin .input-group-btn-vertical > .btn {
	height: 50%;
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
}

.announcement-bid-row .btn-bid-submit {
	height: 44px;
	min-height: 44px;
	max-height: 44px;
	padding-top: 0;
	padding-bottom: 0;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.auction-bid-lines .auction-bid-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.auction-bid-lines .auction-bid-line:last-child {
	margin-bottom: 0;
}

/* Deal participants: separator between entries */
.announcement-auction-sidebar .auction-bid-lines-participant {
	padding-bottom: 10px;
	padding-top: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.announcement-auction-sidebar .auction-bid-lines-participant:last-child {
	/* padding-bottom: 0; */
	border-bottom: none;
}

/* Participant footer (info + Report): stay inside narrow sidebar */
.announcement-auction-sidebar .announcement-participant-footer {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.announcement-auction-sidebar .auction-bid-line-winner-badge {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.announcement-auction-sidebar .auction-bid-line-winner-badge .label.label-block.bid-label-flex {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
	justify-content: center;
	text-align: center;
}

/* Deal auto-finalize notice (app blue #2196f3) */
.announcement-auction-sidebar .announcement-deal-finalize-notice {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.announcement-auction-sidebar .announcement-deal-finalize-notice__text {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	/* Match sidebar “Winner” badge: .label.label-block overrides BS .label to 110% + bold */
	font-size: 110%;
	font-weight: bold;
	line-height: 1.35;
	text-align: left;
	color: #fff;
	background-color: #2196f3;
	border: 1px solid #1e88e5;
	border-radius: 4px;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

.announcement-auction-sidebar .announcement-deal-finalize-notice__info-badge.label.label-info {
	flex-shrink: 0;
	margin-top: 2px;
	padding: 0.35em 0.55em;
	line-height: 1;
	font-size: 90%;
	/* Same blue as notice box (not default BS label-info cyan) */
	background-color: #2196f3;
	border: none;
	color: #fff;
}

.announcement-auction-sidebar .announcement-deal-finalize-notice__info-badge.label.label-info .fa {
	font-size: 1.1em;
	vertical-align: middle;
}

.announcement-deal-finalize-notice__message {
	font-size: 0.9em;
}

.announcement-auction-sidebar .announcement-deal-finalize-notice__message {
	min-width: 0;
	flex: 1 1 auto;
	text-align: justify;
	text-align-last: left;
}

/* Participant address only: wrap long text inside sidebar */
.announcement-auction-sidebar .auction-bid-line.auction-bid-line-participant-address {
	min-width: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}

.announcement-auction-sidebar .auction-bid-line.auction-bid-line-participant-address .label.bid-label-flex {
	display: block;
	min-width: 0;
	flex: 1 1 auto;
	max-width: 100%;
	box-sizing: border-box;
	text-align: right;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Participant Approve / Reject: idle = culoarea clasică de hover BS; hover = puțin mai deschis */
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-success {
	background-color: #449d44;
	border-color: #419641;
	color: #fff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-success:hover,
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-success:focus {
	background-color: #5cb85c;
	border-color: #54a754;
	color: #fff;
}
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-success:active {
	background-color: #4cae4c;
	border-color: #489248;
	color: #fff;
}

.announcement-auction-sidebar .announcement-participant-actions .btn.btn-danger {
	background-color: #c9302c;
	border-color: #b52b27;
	color: #fff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-danger:hover,
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-danger:focus {
	background-color: #d9534f;
	border-color: #d64742;
	color: #fff;
}
.announcement-auction-sidebar .announcement-participant-actions .btn.btn-danger:active {
	background-color: #ce4b47;
	border-color: #c04541;
	color: #fff;
}

/* Favourites: keep label + value close (avoid space-between stretching full width) */
.auction-favourite-auction-meta .auction-bid-lines .auction-bid-line {
	justify-content: flex-start;
	gap: 6px;
}

/* Favourites card: spacing before next <p> when single bid row */
.auction-favourite-auction-meta > .auction-bid-lines {
	margin-bottom: 10px;
}

/* Favourites list: actions column aligned right on tablet+ */
@media (min-width: 768px) {
	.favourite-announcement-actions {
		text-align: right;
	}
	.favourite-announcement-actions .list-inline {
		text-align: right;
	}
}

@media (max-width: 767px) {
	.favourite-announcement-actions {
		margin-top: 15px;
	}

	/* Favourites (/cont/favorite): timer pe un singur rând pe mobil */
	.my-bookings .dashboard-ad-list .countdown-timer.countdown-timer-boxed {
		max-width: 100%;
		overflow: hidden;
	}

	.my-bookings .dashboard-ad-list .countdown-timer.countdown-timer-boxed .countdown-boxes {
		flex-wrap: nowrap;
		gap: 4px;
		max-width: 100%;
	}

	.my-bookings .dashboard-ad-list .countdown-timer.countdown-timer-boxed .countdown-unit-box {
		flex: 1 1 0;
		min-width: 0;
		min-height: 0;
		padding: 6px 4px;
	}

	.my-bookings .dashboard-ad-list .countdown-timer.countdown-timer-boxed .countdown-unit-value {
		font-size: 12px;
		line-height: 1.1;
	}

	.my-bookings .dashboard-ad-list .countdown-timer.countdown-timer-boxed .countdown-unit-label {
		margin-top: 3px;
		font-size: 9px;
		line-height: 1.1;
	}
}

/* Favourites: card contour — same surface as .announcement-auction-box on account/announcement/index */
.my-bookings .listContent.dashboard-ad-list {
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	padding: 20px 15px;
	margin-bottom: 16px;
	background: #f8f8f8;
}

/* Favourites: stack View / Delete vertically, equal compact width */
.favourite-announcement-btn-stack {
	margin-bottom: 0;
	padding-left: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
}

.favourite-announcement-btn-stack li {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

.favourite-announcement-btn-stack li:last-child {
	margin-bottom: 0;
}

.favourite-announcement-btn-stack .btn-block,
.my-bookings .dashboard-ad-list .favourite-announcement-btn-stack li a.btn-refund.btn-block,
.favourite-announcement-btn-stack li a.btn-refund {
	width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
	text-align: center;
	white-space: nowrap;
	height: 24px !important;
	min-height: 24px !important;
	max-height: 24px !important;
	padding: 0 8px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 12px;
}

.my-bookings .dashboard-ad-list .favourite-announcement-thumb-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.my-bookings .dashboard-ad-list .categoryDetails h3.favourite-announcement-title {
	color: #151515;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 12px;
}
.my-bookings .dashboard-ad-list .categoryDetails h3.favourite-announcement-title a {
	color: inherit;
	text-decoration: none;
}
.my-bookings .dashboard-ad-list .categoryDetails h3.favourite-announcement-title a:hover,
.my-bookings .dashboard-ad-list .categoryDetails h3.favourite-announcement-title a:focus {
	color: inherit;
	text-decoration: none;
}
@media (min-width: 768px) {
	.my-bookings .dashboard-ad-list .categoryDetails h3.favourite-announcement-title {
		font-size: 24px;
		line-height: 1.3;
		margin-top: 0;
	}
}

/* Bid DataTable: square gavel button */
.btn-bid-submit-square {
	width: 28px;
	height: 28px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.bid-btn-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.bid-input-group {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Make label-block text a bit larger */
.label.label-block {
	font-size: 110%;
}

.productgallery .slide {
	border: 1px solid #e5e5e5;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.countUpSection {
	padding: 10px 0 !important;
}

.countUpSection .page-header.text-center {
	margin-bottom: 10px !important;
}

.countUpSection .form-group.has-feedback {
	margin-bottom: 0 !important;
}

.countUpSection #newsletterform .form-group[class*="field-newsletterform-"] {
	margin-bottom: 0 !important;
}

section.callAction,
.callAction {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* Announcement view: sidebar first, then main, then map (duplicate map instance) on narrow screens */
.listSidebar.announcement-auction-sidebar--map.announcement-map-slot--desktop {
	margin-top: 0 !important;
}

.announcement-map-slot.announcement-auction-sidebar--map {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.announcement-map-slot.announcement-auction-sidebar--map .announcement-auction-details-title,
.announcement-map-slot.announcement-auction-sidebar--map .announcement-location-address {
	width: 100%;
	text-align: left;
}

.announcement-map-slot.announcement-auction-sidebar--map .map-sidebar.map-right {
	float: none;
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.announcement-map-slot.announcement-auction-sidebar--map .map-sidebar.map-right > div {
	max-width: 100%;
}

.announcement-map-slot--mobile {
	display: none !important;
}

@media (max-width: 991px) {
	.announcement-layout-mobile {
		display: flex;
		flex-direction: column;
	}
	.announcement-layout-mobile > [class*="col-"] {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
	}
	.announcement-layout-mobile__secondary {
		order: 1;
	}
	.announcement-layout-mobile__primary {
		order: 2;
	}
	.announcement-layout-mobile__map {
		order: 3;
	}
	.announcement-map-slot--desktop {
		display: none !important;
	}
	.announcement-map-slot--mobile {
		display: flex !important;
	}
}

@media (min-width: 992px) {
	.announcement-layout-mobile {
		display: block;
	}
}

.bid-label-flex {
	display: flex;
	align-items: center;
}

.bid-label-info {
	color: inherit;
}

.bid-label-danger {
	color: #c51724;
}

.bid-label-danger:before {
	content: "\f063";
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.bid-label-reported {
	color: #c51724;
}

.bid-reported-info-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	min-width: 20px;
	padding: 0;
	margin-left: 6px;
	flex-shrink: 0;
	border: none;
	border-radius: 0;
	background-color: #c51724;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.bid-reported-info-btn:hover,
.bid-reported-info-btn:focus {
	background-color: #151515;
	color: #fff;
	text-decoration: none;
	outline: none;
}

.bid-reported-info-btn .fa {
	font-size: 12px;
	line-height: 1;
}

.bid-reported-info-modal .support-ticket-view__btn-close {
	padding-left: 5px;
	padding-right: 5px;
}

.bid-label-success {
	color: #37BD1AFF;
}

.bid-label-success:before {
	content: "\f091";
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.color-label-danger {
	color: #c51724;
}

.color-label-success {
	color: #37BD1AFF;
}

.color-label-warning {
	color: #f1bb15;
}


/* Hide class for pagination when no records */
.hide-dt-pagination {
	display: none !important;
}

/* Balance: refund credits modal (account popup) */
.refund-credits-modal .modal-content {
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 60px);
	overflow: hidden;
}

.refund-credits-modal .modal-header {
	flex-shrink: 0;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 20px;
}

.refund-credits-modal .modal-header .close {
	margin-top: 2px;
}

.refund-credits-modal .modal-title {
	font-weight: 400;
	font-size: 20px;
	margin: 0;
}

.refund-credits-modal__body {
	flex: 1 1 auto;
	min-height: 0;
	padding: 20px 24px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.refund-credits-modal__footer {
	flex-shrink: 0;
	border-top: 1px solid #e5e5e5;
	padding: 12px 20px;
	text-align: right;
}

.refund-credits-modal__intro {
	margin-bottom: 20px;
}

.refund-credits-modal__intro-card {
	padding: 16px 18px;
	background-color: #f7fafc;
	border: 1px solid #e8edf2;
	border-radius: 6px;
	border-left: 4px solid #0278c2;
}

.refund-credits-modal__intro-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.refund-credits-modal__intro-icon {
	flex-shrink: 0;
	font-size: 20px;
	line-height: 1;
	color: #0278c2;
}

.refund-credits-modal__subtitle {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: inherit;
	line-height: 1.3;
}

.refund-credits-modal__lead {
	line-height: 1.55;
	margin-bottom: 0;
	text-align: justify;
}

.refund-credits-modal__request-term {
	color: #2196f3;
	font-weight: 600;
}

.refund-credits-modal__panel {
	margin-bottom: 20px;
	border-color: #e5e5e5;
	box-shadow: none;
	border-radius: 6px;
	overflow: hidden;
}

.refund-credits-modal__panel .panel-heading {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 15px;
	background-color: #0278c2;
	border-color: #0269ad;
	color: #fff;
}

.refund-credits-modal__panel .panel-heading .panel-title {
	color: #fff;
	font-weight: 600;
	margin: 0;
}

.refund-credits-modal__panel .panel-body {
	padding: 12px 15px;
}

.refund-credits-modal__list {
	margin-bottom: 0;
}

.refund-credits-modal__list-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	text-align: justify;
	background-color: #fafbfc;
	border: 1px solid #eceff1;
	border-radius: 4px;
}

.refund-credits-modal__list-item + .refund-credits-modal__list-item {
	margin-top: 10px;
}

.refund-credits-modal__list-icon {
	flex-shrink: 0;
	margin-top: 2px;
	font-size: 16px;
	color: #0278c2;
}

.refund-credits-modal__list-text {
	flex: 1;
	min-width: 0;
}

.refund-credits-modal__table-wrap {
	margin-top: 4px;
	margin-bottom: 0;
	/* Pe toată lățimea modal-body (iese din padding-ul lateral) */
	width: calc(100% + 48px);
	max-width: none;
	margin-left: -24px;
	margin-right: -24px;
	box-sizing: border-box;
}

.refund-credits-modal__table-wrap .dataTables_wrapper {
	width: 100% !important;
	max-width: 100%;
	margin-top: 0;
}

.refund-credits-modal__table-wrap table.dataTable {
	width: 100% !important;
}

.refund-credits-modal__table {
	margin-bottom: 0;
	width: 100%;
}

.refund-credits-modal__footer .refund-credits-modal__close-btn {
	display: inline-block;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Balance: Cumpără / Rambursare — pe același rând, aliniate la dreapta, responsive */
.balance-toolbar-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0 0 5px;
	width: 100%;
}

.balance-toolbar-actions li {
	flex: 0 1 auto;
	max-width: none;
	margin-bottom: 0;
}

.balance-toolbar-actions .btn {
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin-left: 0;
	display: inline-flex;
	padding: 6px 15px !important;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
	white-space: nowrap;
}

/* Override any later-loaded theme rules targeting anchors specifically */
.balance-toolbar-actions li > a.btn.btn-secondary.btn-refund.btn-sm {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 24px !important;
	min-height: 24px !important;
	padding: 0 10px !important;
	font-size: 11px !important;
	line-height: 1 !important;
}

.balance-toolbar-actions.list-tag li a,
.balance-toolbar-actions.list-tag li a.btn-refund,
.balance-toolbar-actions .btn-refund:hover,
.balance-toolbar-actions .btn-refund:focus,
.balance-toolbar-actions .btn-refund:active {
	color: #fff;
}

.balance-toolbar-actions .btn-refund:hover,
.balance-toolbar-actions .btn-refund:focus,
.balance-toolbar-actions .btn-refund:active {
	background-color: #151515;
	border-color: #151515;
}

@media (max-width: 991px) {
	.balance-toolbar-actions li > a.btn.btn-secondary.btn-refund.btn-sm {
		height: 22px !important;
		min-height: 22px !important;
		padding: 0 8px !important;
		font-size: 10px !important;
	}
}

@media (max-width: 480px) {
	.balance-toolbar-actions li > a.btn.btn-secondary.btn-refund.btn-sm {
		height: 18px !important;
		min-height: 18px !important;
		padding: 0 6px !important;
		font-size: 9px !important;
	}

	.balance-toolbar-actions .btn {
		white-space: normal;
	}
}

/* Refund DT: coloana Action — header compact, lățime ~2× față de varianta inițială; buton centrat pe orizontală */
.refund-credits-modal #dt-refund-credits thead th.refund-dt-col-action,
.refund-credits-modal #dt-refund-credits tbody td.refund-dt-col-action {
	width: 1%;
	max-width: 240px;
	min-width: 240px;
	padding: 6px 8px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
}

.refund-credits-modal #dt-refund-credits thead th.refund-dt-col-action {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
}

.refund-credits-modal #dt-refund-credits tbody td.refund-dt-col-action .domain-action-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0;
}

.refund-credits-modal #dt-refund-credits tbody td.refund-dt-col-action .btn {
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.35;
}

/* Refund support ticket (second step modal / full page) */
.refund-support-ticket-modal .refund-support-ticket__intro {
	margin-bottom: 16px;
}

.refund-support-ticket-modal .refund-support-ticket__panel .panel-heading {
	border-radius: 0;
}

.refund-support-ticket-modal .refund-support-ticket__panel-body {
	padding-top: 16px;
	padding-bottom: 8px;
}

.refund-support-ticket-modal .refund-support-ticket__field-row {
	margin-bottom: 4px;
}

/* Status Select2: păstrează culorile din .label dar mărește textul ca la celelalte dropdown-uri (BS .label folosește font-size: 75%) */
.refund-support-ticket-modal .refund-support-ticket__select2-status-wrap .select2-selection__rendered {
	font-size: 14px;
	line-height: 34px;
}

.refund-support-ticket-modal .refund-support-ticket__select2-status-wrap .select2-selection__rendered .label {
	font-size: 14px;
	line-height: 1.45;
	padding: 5px 10px;
	vertical-align: middle;
}

.refund-support-ticket-modal .refund-support-ticket__label {
	font-weight: 600;
	color: #555;
	padding-top: 8px;
}

@media (max-width: 767px) {
	.refund-support-ticket-modal .refund-support-ticket__label {
		padding-top: 0;
		margin-bottom: 4px;
	}
}

.refund-support-ticket-modal .refund-support-ticket__divider {
	margin: 18px 0 16px;
	border-top-color: #e5e5e5;
}

.refund-support-ticket-modal .refund-support-ticket__label-block {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #555;
}

.refund-support-ticket-modal .refund-support-ticket__subject-input {
	background-color: #f9f9f9;
	cursor: not-allowed;
}

.refund-support-ticket-modal .refund-support-ticket__textarea {
	min-height: 110px;
	resize: vertical;
}

.refund-support-ticket-modal .refund-support-ticket__footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 12px;
}

.refund-support-ticket-modal .refund-support-ticket__footer .btn {
	min-width: 88px;
}

/* Logo styles */
.header-logo {
	max-width: 160px;
	margin-top: 0px;
}

.footerInfo {
	padding: 40px 0 30px 0;
}

.footer-logo {
	max-width: 160px;
	margin-top: -14px;
	margin-bottom: 10px;
}

.footerText .app-description {
	text-align: justify;
}

.companies-info-notice .announcement-deal-finalize-notice__text {
	align-items: center;
	font-size: 105%;
	background-color: #0278c2;
	border: 1px solid #0278c2;
	border-radius: 4px;
	color: #fff;
	padding: 10px 12px 10px 10px;
}

.companies-info-notice .announcement-deal-finalize-notice__info-badge.label.label-info {
	background: transparent;
	padding: 0;
	margin-top: 0;
	border: none;
	color: #fff;
}

.companies-info-notice .announcement-deal-finalize-notice__info-badge.label.label-info .fa {
	font-size: 1.1em;
}

.companies-info-notice .announcement-deal-finalize-notice__message {
	color: #fff;
	min-width: 0;
	flex: 1 1 auto;
	text-align: justify !important;
	text-align-last: left;
}

.support-ticket-index__toolbar {
	margin-bottom: 5px;
}

#dt-support-tickets_wrapper .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs,
table.table#dt-support-tickets .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	font-weight: 500;
	border: none;
	border-radius: 4px;
	box-shadow: none;
	color: #fff !important;
	background-color: #0278c2 !important;
	border-color: #0278c2 !important;
}

#dt-support-tickets_wrapper .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:hover,
#dt-support-tickets_wrapper .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:focus,
#dt-support-tickets_wrapper .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:active,
table.table#dt-support-tickets .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:hover,
table.table#dt-support-tickets .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:focus,
table.table#dt-support-tickets .support-ticket-dt-action-menu-btn.dropdown-toggle.btn.btn-primary.btn-xs:active {
	color: #fff !important;
	background-color: #151515 !important;
	border-color: #151515 !important;
	box-shadow: none;
	filter: none;
}

#dt-support-tickets_wrapper .support-ticket-dt-action-menu-btn.dropdown-toggle .fa,
table.table#dt-support-tickets .support-ticket-dt-action-menu-btn.dropdown-toggle .fa {
	color: #fff;
}

.support-ticket-dt-action-menu > li > a:hover,
.support-ticket-dt-action-menu > li > a:focus {
	color: #fff !important;
	background-color: var(--theme-color, #0278c2) !important;
}

.support-ticket-dt-action-menu > li > a:hover .action-icon,
.support-ticket-dt-action-menu > li > a:hover .fa,
.support-ticket-dt-action-menu > li > a:hover .color-info,
.support-ticket-dt-action-menu > li > a:hover .color-primary,
.support-ticket-dt-action-menu > li > a:focus .action-icon,
.support-ticket-dt-action-menu > li > a:focus .fa,
.support-ticket-dt-action-menu > li > a:focus .color-info,
.support-ticket-dt-action-menu > li > a:focus .color-primary {
	color: #fff !important;
}

/* Account DataTables: single scroll layer via doubleScroll (no nested overflow-x) */
.dt-scroll-x {
	overflow: visible;
	max-height: none;
	height: auto;
}

/* Support tickets list — compact DataTable spacing */
#dt-support-tickets_wrapper.dataTables_wrapper {
	padding: 0;
	overflow: visible !important;
	max-height: none !important;
	height: auto !important;
}

#dt-support-tickets_wrapper .dataTables_length,
#dt-support-tickets_wrapper .dataTables_filter,
#dt-support-tickets_wrapper .dataTables_info,
#dt-support-tickets_wrapper .dataTables_paginate {
	padding: 7px;
	margin: 0;
}

#dt-support-tickets_wrapper .dataTables_length label,
#dt-support-tickets_wrapper .dataTables_filter label {
	margin-bottom: 0;
}

#dt-support-tickets_wrapper .table > thead > tr > th,
#dt-support-tickets_wrapper .table > tbody > tr > td,
#dt-support-tickets_wrapper .table-bordered > thead > tr > th {
	padding: 7px;
	line-height: 1.35;
	vertical-align: middle;
}

#dt-support-tickets_wrapper table.dataTable thead th.sorting,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_asc,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_desc,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_asc_disabled,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_desc_disabled {
	padding-right: 26px !important;
	white-space: nowrap;
}

#dt-support-tickets_wrapper table.dataTable thead th.sorting:after,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_asc:after,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_desc:after,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_asc_disabled:after,
#dt-support-tickets_wrapper table.dataTable thead th.sorting_desc_disabled:after {
	right: 7px;
	bottom: 7px;
	margin-left: 0;
}

#dt-support-tickets_wrapper .dataTables_paginate .pagination {
	margin: 0;
}

#dt-support-tickets_wrapper .dataTables_paginate .pagination > li > a,
#dt-support-tickets_wrapper .dataTables_paginate .pagination > li > span {
	padding: 6px 10px;
}

#dt-support-tickets_wrapper table.dataTable tbody td.action-column,
#dt-support-tickets_wrapper table.dataTable thead th.action-column {
	overflow: visible;
	position: relative;
}

#dt-support-tickets_wrapper table.dataTable thead th.support-ticket-col-number,
#dt-support-tickets_wrapper table.dataTable tbody td.support-ticket-col-number {
	width: 1% !important;
	white-space: nowrap;
	vertical-align: middle;
}

/* Status column: lățime după text (fără .col-autowidth care pune width:20px în main-app) */
table.table#dt-support-tickets thead th.support-ticket-dt-col-status,
table.table#dt-support-tickets tbody td.support-ticket-dt-col-status {
	width: 1% !important;
	white-space: nowrap;
	vertical-align: middle;
	font-size: inherit;
	line-height: inherit;
}

/* —— Support ticket: modal „View” (centrat în popup, nu lipit în dreapta) —— */
/* Bootstrap 3: doar modal-sm / modal-lg; modal-md / modal-xl = extensii UI kit */
@media (min-width: 768px) {
	.modal-md {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.modal-xl {
		width: 1140px;
	}
}

.modal .modal-content.support-ticket-view {
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

.modal .modal-content.support-ticket-view .support-ticket-view__header {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 20px;
	text-align: left;
}

.modal .modal-content.support-ticket-view .support-ticket-view__title {
	font-weight: 400;
	font-size: 20px;
	margin: 0;
	padding-right: 28px;
	text-align: left;
}

.modal .modal-content.support-ticket-view .support-ticket-view__close {
	opacity: 0.55;
	font-size: 26px;
	font-weight: 300;
	line-height: 1;
}

.modal .modal-content.support-ticket-view .support-ticket-view__close:hover,
.modal .modal-content.support-ticket-view .support-ticket-view__close:focus {
	opacity: 1;
	color: var(--theme-color, #0278c2);
}

.modal .modal-content.support-ticket-view .support-ticket-view__body {
	padding: 16px 20px 12px;
	max-height: min(70vh, 560px);
	overflow-y: auto;
	overflow-x: auto;
	background: #fafbfc;
	text-align: left;
}

.modal .modal-content.support-ticket-form .support-ticket-view__body {
	max-height: calc(100vh - 180px);
}

.modal .modal-content.support-ticket-view .support-ticket-view__layout {
	max-width: 640px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.modal .modal-content.support-ticket-form .support-ticket-view__layout {
	max-width: none;
}

/* Support ticket form modal — inputs compacte (ca company-form-modal) */
.modal .modal-content.support-ticket-form .support-ticket-view__header {
	padding: 12px 16px;
}

.modal .modal-content.support-ticket-form .support-ticket-view__title {
	font-size: 16px;
	line-height: 1.3;
}

.modal .modal-content.support-ticket-form .support-ticket-view__body {
	padding: 12px 16px;
}

.modal .modal-content.support-ticket-form .support-ticket-view__footer {
	padding: 10px 16px;
}

.modal .modal-content.support-ticket-form .support-ticket-view__footer > .btn {
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	padding: 6px 14px !important;
	line-height: 1.2 !important;
	font-size: 13px !important;
}

.modal .modal-content.support-ticket-form .form-group {
	margin-bottom: 12px;
}

.modal .modal-content.support-ticket-form .control-label,
.modal .modal-content.support-ticket-form .support-ticket-form__attachments-line {
	font-size: 13px;
	margin-bottom: 4px;
}

.modal .modal-content.support-ticket-form .form-control,
.modal .modal-content.support-ticket-form .select2-selection.select2-selection--single,
.modal .modal-content.support-ticket-form .select2-selection.select2-selection--multiple {
	height: 34px !important;
	min-height: 34px !important;
	box-sizing: border-box !important;
	font-size: 13px !important;
	line-height: 18px !important;
	padding: 7px 10px !important;
	border-radius: 4px !important;
}

.modal .modal-content.support-ticket-form .select2-selection.select2-selection--single .select2-selection__rendered {
	line-height: 18px !important;
	padding-left: 0 !important;
	padding-right: 18px !important;
}

.modal .modal-content.support-ticket-form .select2-selection.select2-selection--single .select2-selection__arrow {
	height: 32px !important;
	top: 1px !important;
}

.modal .modal-content.support-ticket-form .select2-selection.select2-selection--multiple {
	padding: 0 !important;
}

.modal .modal-content.support-ticket-form .select2-selection.select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	height: 32px !important;
	min-height: 32px !important;
	line-height: 1 !important;
	padding: 0 8px !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__meta-row .support-ticket-form__field .form-group,
.modal .modal-content.support-ticket-form .support-ticket-form__field .form-group {
	margin-bottom: 12px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__field--editor .tox-tinymce,
.modal .modal-content.support-ticket-form .support-ticket-form__field--editor .mce-tinymce {
	max-width: 100%;
}

.modal .modal-content.support-ticket-form .support-ticket-form__field--editor .tox .tox-edit-area__iframe,
.modal .modal-content.support-ticket-form .support-ticket-form__field--editor .mce-edit-area iframe {
	min-height: 60px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__attachments {
	padding: 10px 12px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap {
	max-width: 100%;
	overflow: hidden;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption,
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption.form-control {
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .file-caption-name.form-control,
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .file-caption-name.kv-fileinput-caption {
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	line-height: 18px !important;
	padding: 7px 10px !important;
	font-size: 13px !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-name.form-control,
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-name.kv-fileinput-caption {
	padding: 7px 10px 7px 28px !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption > .input-group {
	position: relative;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 6px;
	top: 0;
	height: 34px;
	width: 20px;
	padding: 0;
	margin: 0;
	z-index: 2;
	pointer-events: none;
	line-height: 1;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-icon .kv-caption-icon {
	line-height: 1;
	font-size: 14px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .input-group-btn > .btn:not(.kv-hidden),
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .input-group-btn > .btn-file:not(.kv-hidden),
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button,
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-caption .fileinput-browse.fileinput-browse-button {
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	padding: 0 10px !important;
	font-size: 13px !important;
}

/* Atașamente ticket modal — jumătate din înălțime (preview + drop zone) */
.modal .modal-content.support-ticket-form .support-ticket-form__attachments {
	padding: 7px 8px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__attachments-line {
	margin-bottom: 6px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-preview {
	padding: 0 !important;
	margin: 0 0 4px !important;
	border: 0;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-preview-thumbnails {
	margin-bottom: 4px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-drop-zone {
	min-height: 100px !important;
	padding: 4px !important;
	margin: 0 0 4px !important;
	border-width: 1px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-drop-zone-title {
	padding: 24px 8px !important;
	font-size: 13px !important;
	line-height: 1.25;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame.kv-preview-thumb {
	margin: 2px;
	padding: 2px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .kv-file-content {
	width: 80px !important;
	height: 60px !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-thumbnail-footer {
	height: 27px !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-preview-image {
	max-width: 100%;
	max-height: 60px !important;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default .file-other-icon {
	font-size: 2em;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default .file-caption-info,
.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default .file-size-info {
	width: 60px;
	height: auto;
	max-height: 12px;
	font-size: 9px;
	line-height: 1.1;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default .file-footer-caption {
	margin-bottom: 4px;
	font-size: 9px;
}

.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default .file-thumb-progress {
	top: 14px;
}

@media (max-width: 767px) {
	.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .file-preview-thumbnails,
	.support-ticket-form__file-wrap .file-input .file-preview-thumbnails {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 4px;
	}

	.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame.kv-preview-thumb,
	.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame.kv-preview-thumb {
		float: none !important;
		display: block !important;
		flex: 1 1 0;
		min-width: 0;
		width: auto !important;
		max-width: calc(33.333% - 3px);
		margin: 0 !important;
	}

	.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .kv-file-content,
	.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .kv-file-content {
		width: 100% !important;
		height: auto !important;
		max-height: 60px;
	}

	.modal .modal-content.support-ticket-form .support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-preview-image,
	.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-preview-image {
		width: 100% !important;
		max-width: 100%;
		max-height: 60px !important;
		object-fit: cover;
	}
}

.modal .modal-content.support-ticket-view .support-ticket-view__message-body--richtext,
.modal .modal-content.support-ticket-view .support-ticket-view__message-body--richtext p,
.modal .modal-content.support-ticket-view .support-ticket-view__message-body--richtext li {
	text-align: left;
}

.modal .modal-content.support-ticket-view .support-ticket-view__message-body--richtext img {
	max-width: 100%;
	height: auto;
}

.support-ticket-view__summary {
	margin-bottom: 10px;
}

.support-ticket-view__summary-inner {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 16px 18px;
	background-color: #f7fafc;
	border: 1px solid #e8edf2;
	border-radius: 6px;
	border-left: 4px solid #0278c2;
}

.support-ticket-view__summary-icon {
	flex-shrink: 0;
	font-size: 20px;
	line-height: 1;
	color: var(--theme-color, #0278c2);
}

.support-ticket-view__summary-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}

.support-ticket-view__summary-text {
	margin: 8px 0 0;
	line-height: 1.5;
}

.support-ticket-view__thread {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	align-items: stretch;
}

.support-ticket-view__message {
	background: #fff;
	border: 1px solid #e8edf2;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.support-ticket-view__message--user {
	/* Accentul mesajelor userului urmeaza culoarea temei (tpl/<tema>/css/_04_theme-auto.css
	   defineste --theme-color pentru default/blue/green/red/yellow). */
	border-left: 4px solid var(--theme-color, #0278c2);
}

/* Staff / „celălalt”: dunga verde în dreapta (mesajele care nu sunt ale userului) */
.support-ticket-view__message--staff {
	border-left: 1px solid #e8edf2;
	border-right: 4px solid #37bd1a;
}

.support-ticket-view__message--opener {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.support-ticket-view__message-head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #f7fafc 0%, #eef2f6 100%);
	border-bottom: 1px solid #e8edf2;
}

.support-ticket-view__message--user .support-ticket-view__message-head {
	background: var(--theme-color, #0278c2);
	/* nuanta "mai inchisa" nu se poate deriva din variabila, asa ca umbra o da
	   un negru semitransparent peste fundalul temei */
	border-bottom-color: rgba(0, 0, 0, 0.15);
	color: #fff;
}

.support-ticket-view__message--user .support-ticket-view__author {
	color: #fff;
}

.support-ticket-view__message--user .support-ticket-view__time {
	color: rgba(255, 255, 255, 0.9);
}

.support-ticket-view__message--staff .support-ticket-view__message-head {
	background: #dff6e8;
	border-bottom-color: #c8ebd4;
}

.support-ticket-view__avatar-wrap {
	flex-shrink: 0;
}

.support-ticket-view__avatar {
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 40px;
	height: 40px;
}

.support-ticket-view__message-meta {
	flex: 1;
	min-width: 0;
}

.support-ticket-view__author {
	font-weight: 600;
	font-size: 14px;
	color: #1a2b3c;
	margin-bottom: 2px;
}

.support-ticket-view__message--staff .support-ticket-view__author {
	color: #1b5e20;
}

.support-ticket-view__label {
	margin-left: 6px;
	font-size: 10px;
	font-weight: 600;
	vertical-align: middle;
	padding: 3px 7px;
}

.support-ticket-view__label--staff {
	background: #37bd1a;
	border-color: #2fa016;
	color: #fff;
}

.support-ticket-view__label--ticket {
	background: var(--theme-color, #0278c2);
	border-color: rgba(0, 0, 0, 0.15);
	color: #fff;
}

.support-ticket-view__time {
	display: block;
	font-size: 14px;
	color: #78909c;
	font-weight: 400;
}

.support-ticket-view__message-body {
	padding: 14px 16px 16px;
	font-size: 14px;
	line-height: 1.55;
	color: #37474f;
	word-break: break-word;
}

/* Conținut TinyMCE (HTML) — același tip ca în _form.php, nu Html::encode */
.support-ticket-view__message-body--richtext p {
	margin: 0 0 10px;
}

.support-ticket-view__message-body--richtext p:last-child {
	margin-bottom: 0;
}

.support-ticket-view__message-body--richtext ul,
.support-ticket-view__message-body--richtext ol {
	margin: 0 0 10px;
	padding-left: 1.25em;
}

.support-ticket-view__message-body--richtext pre,
.support-ticket-view__message-body--richtext code {
	white-space: pre-wrap;
	word-break: break-word;
}

/* Atașamente sub mesaj (view modal + _form update): același padding orizontal ca .support-ticket-view__message-body (16px) */
.support-ticket-view__opener-attachments {
	margin-top: 14px;
	padding: 14px 16px 0;
	border-top: 1px solid #e8edf2;
	box-sizing: border-box;
}

.support-ticket-view__opener-attachments-title {
	margin: 0 0 10px;
	padding: 0 0 0 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.55;
	color: #37474f;
	box-sizing: border-box;
}

.support-ticket-view__opener-attachment-thumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 6px 8px;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.support-ticket-view__opener-attachment-thumbs li {
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}

.support-ticket-view__opener-attachment-thumb-link {
	display: block;
	line-height: 0;
	width: 52px;
	height: 52px;
	max-width: 52px;
	max-height: 52px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #dde4ea;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.support-ticket-view__opener-attachment-thumb-link:hover,
.support-ticket-view__opener-attachment-thumb-link:focus {
	border-color: var(--theme-color, #0278c2);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.support-ticket-view__opener-attachment-thumb {
	display: block;
	width: 52px;
	height: 52px;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.support-ticket-view__opener-attachment-files {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.support-ticket-view__opener-attachment-files li {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: #37474f;
	min-width: 0;
	word-break: break-word;
}

.support-ticket-view__opener-attachment-files li:last-child {
	margin-bottom: 0;
}

.support-ticket-view__opener-attachment-file-icon {
	margin-right: 6px;
	color: #37474f;
	font-size: 14px;
	opacity: 0.85;
}

.support-ticket-view__opener-attachment-file-link {
	font-weight: 500;
	color: #37474f;
}

.support-ticket-view__opener-attachment-file-link:hover,
.support-ticket-view__opener-attachment-file-link:focus {
	color: var(--theme-color, #0278c2);
}

/* Atașamente la fiecare răspuns în thread (nu mesajul opener al tichetului); padding orizontal pe .opener-attachments */
.support-ticket-view__comment-attachments {
	padding: 0 0 14px;
}

.support-ticket-view__comment-attachments .support-ticket-view__opener-attachments.support-ticket-view__opener-attachments--nested {
	margin-top: 10px;
	padding: 12px 16px 0;
	border-top: 1px solid #e8edf2;
	box-sizing: border-box;
}

.support-ticket-view__footer,
.announcement-deal-participant-reject__footer,
.announcement-deal-participant-report__footer {
	border-top: 1px solid #e5e5e5;
	padding: 12px 20px;
	text-align: right;
	background: #fff;
}

/* Peste .btn.btn-sm (specificitate mai mare ca padding-ul orizontal să se aplice și la input[type=submit]) */
.modal .modal-content.support-ticket-view .support-ticket-view__footer > .btn,
.modal .modal-content.announcement-deal-participant-reject-modal .announcement-deal-participant-reject__footer > .btn,
.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__footer > .btn {
	padding-left: 20px;
	padding-right: 20px;
}

.modal .modal-content.announcement-deal-participant-reject-modal .announcement-deal-participant-reject__footer,
.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.modal .modal-content.announcement-deal-participant-reject-modal .modal-body,
.modal .modal-content.announcement-deal-participant-report-modal .modal-body {
	font-size: 15px;
	line-height: 1.55;
}

.modal .modal-content.announcement-deal-participant-reject-modal .modal-body .form-control,
.modal .modal-content.announcement-deal-participant-report-modal .modal-body .form-control {
	font-size: 15px;
	line-height: 1.5;
}

.modal .modal-content.announcement-deal-participant-reject-modal .announcement-deal-participant-reject__intro {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.55;
	color: #555;
}

.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__intro-box {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 14px;
	padding: 10px 12px;
	background: #f4f9fc;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	box-sizing: border-box;
}

.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__intro-box .announcement-deal-participant-report__info-badge.label.label-info {
	flex-shrink: 0;
	margin-top: 2px;
	padding: 0.35em 0.55em;
	line-height: 1;
	border: none;
	background-color: #5bc0de;
	color: #fff;
}

.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__intro-box .announcement-deal-participant-report__info-badge .fa {
	font-size: 1.1em;
	vertical-align: middle;
}

.modal .modal-content.announcement-deal-participant-report-modal .announcement-deal-participant-report__intro-text {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	line-height: 1.55;
	color: #31708f;
}

/*
 * .btn-refund e deja pe #ffa019 (primary). .btn-secondary:hover pune tot primary → același cod, fără feedback vizual.
 * Aliniere la hover-ul „primary” vizibil (ca .btn-file-preview): portocaliu mai închis.
 */
.btn-refund:hover,
.btn-refund:focus {
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}

.btn-refund:active,
.btn-refund.active {
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}

.profile-save-btn {
	padding-left: 15px;
	padding-right: 15px;
}

.profileSection .profile-sidebar-user {
	text-align: left;
	margin: 0 0 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.profileSection .profile-sidebar-user__name {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	color: #222;
	word-break: break-word;
}

.profileSection .profile-sidebar-user__email {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.45;
	color: #666;
}

.profileSection .profile-sidebar-user__email .fa {
	flex-shrink: 0;
	margin-top: 3px;
	color: #848484;
	font-size: 14px;
}

.profileSection .profile-sidebar-user__email span {
	word-break: break-word;
	min-width: 0;
}

/* Account profile page (/cont/profil) */
.account-profile-page .account-profile-sidebar {
	padding: 28px 24px;
}

.account-profile-page .account-profile-avatar {
	margin-bottom: 0;
}

.account-profile-page .account-profile-avatar .btn-file-preview {
	margin-top: 12px;
}

.account-profile-identity {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #eef2f6;
	text-align: center;
}

.account-profile-name {
	margin: 0 0 8px;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222;
}

.account-profile-email {
	margin: 0;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
	word-break: break-word;
}

.account-profile-email .fa {
	margin-right: 6px;
	color: #0278c2;
}

.account-profile-social {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #eef2f6;
}

.account-profile-social__title {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #777;
}

.account-profile-social-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
	padding: 11px 14px;
	border-radius: 6px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 500;
	font-size: 14px;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.account-profile-social-btn:last-child {
	margin-bottom: 0;
}

.account-profile-social-btn:hover,
.account-profile-social-btn:focus {
	color: #fff !important;
	opacity: 0.92;
	transform: translateY(-1px);
	text-decoration: none !important;
}

.account-profile-social-btn--google {
	background-color: #d93025;
}

.account-profile-social-btn--facebook {
	background-color: #1877f2;
}

.account-profile-social-btn--linked.account-profile-social-btn--google {
	background-color: #ed9d97;
}

.account-profile-social-btn--linked.account-profile-social-btn--facebook {
	background-color: #77a7ff;
}

.account-profile-social-btn .fa {
	font-size: 18px;
	opacity: 0.95;
}

.account-profile-panel {
	padding: 24px 28px 28px;
}

.account-profile-panel--alert {
	padding: 20px 24px;
}

.account-profile-panel__head {
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid #eef2f6;
}

.account-profile-panel__head h3 {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: #222;
}

.account-profile-panel__head--security {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	border-bottom-color: #e3edf5;
}

.account-profile-panel__icon {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #eef6fc;
	color: #0278c2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}

.account-profile-panel__head-text {
	min-width: 0;
}

.account-profile-panel__hint {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #777;
	font-weight: 400;
}

.account-profile-panel__body.profileIntro h3 {
	display: none;
}

.account-profile-panel--security .form-group {
	margin-bottom: 18px;
}

.account-profile-gender {
	margin-top: 4px;
}

.account-profile-form-actions {
	margin: 6px 0 20px;
	padding: 22px 0 8px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.account-profile-form-actions__hint {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.45;
	color: #777;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.account-profile-save-btn {
	min-width: 240px;
	padding: 13px 36px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 4px;
}

.account-profile-save-btn .fa {
	margin-right: 8px;
}

@media (max-width: 767px) {
	.account-profile-panel {
		padding: 20px 18px 22px;
	}

	.account-profile-page .account-profile-sidebar {
		padding: 22px 18px;
	}

	.account-profile-form-actions {
		padding-top: 18px;
	}

	.account-profile-save-btn {
		width: 100%;
		min-width: 0;
	}
}

#dt-companies_wrapper .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs,
#dt-companies.data-table .action-column .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	color: #fff !important;
	background-color: #0278c2 !important;
	border-color: #0278c2 !important;
}

#dt-companies_wrapper .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:hover,
#dt-companies_wrapper .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:focus,
#dt-companies_wrapper .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:active,
#dt-companies.data-table .action-column .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:hover,
#dt-companies.data-table .action-column .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:focus,
#dt-companies.data-table .action-column .company-dt-action-btn.dropdown-toggle.btn.btn-primary.btn-xs:active {
	color: #fff !important;
	background-color: #151515 !important;
	border-color: #151515 !important;
}

.company-dt-action-menu > li > a:hover,
.company-dt-action-menu > li > a:focus {
	color: #fff !important;
	background-color: #0278c2 !important;
}

.company-dt-action-menu > li > a:hover .action-icon,
.company-dt-action-menu > li > a:hover .fa,
.company-dt-action-menu > li > a:hover .color-info,
.company-dt-action-menu > li > a:hover .color-primary,
.company-dt-action-menu > li > a:focus .action-icon,
.company-dt-action-menu > li > a:focus .fa,
.company-dt-action-menu > li > a:focus .color-info,
.company-dt-action-menu > li > a:focus .color-primary {
	color: #fff !important;
}

/* Companies DT: horizontal scroll without clipping dropdown menus */
#dt-companies_wrapper.dataTables_wrapper {
	overflow: visible !important;
	max-height: none !important;
	height: auto !important;
}

#dt-companies_wrapper table.dataTable tbody td.action-column,
#dt-companies_wrapper table.dataTable thead th.action-column {
	overflow: visible;
	position: relative;
}

#dt-companies.data-table .action-column .dropdown-menu {
	z-index: 2000;
}

#dt-companies.data-table .action-column,
#dt-invoices.data-table .action-column {
	text-align: center;
	vertical-align: middle;
}

#dt-companies.data-table .action-column .dropdown,
#dt-invoices.data-table .action-column .action-view {
	display: inline-block;
}

#dt-invoices_wrapper .action-column .action-view.btn.btn-primary.btn-xs,
#dt-invoices.data-table .action-column .action-view.btn-primary {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	color: #fff !important;
	background-color: #0278c2 !important;
	border-color: #0278c2 !important;
}

#dt-invoices_wrapper .action-column .action-view.btn.btn-primary.btn-xs:hover,
#dt-invoices_wrapper .action-column .action-view.btn.btn-primary.btn-xs:focus,
#dt-invoices_wrapper .action-column .action-view.btn.btn-primary.btn-xs:active,
#dt-invoices.data-table .action-column .action-view.btn-primary:hover,
#dt-invoices.data-table .action-column .action-view.btn-primary:focus,
#dt-invoices.data-table .action-column .action-view.btn-primary:active {
	background-color: #151515 !important;
	border-color: #151515 !important;
	color: #fff !important;
}

/* Invoice list — compact DataTable spacing */
#dt-invoices_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer,
#dt-invoices_wrapper.dataTables_wrapper {
	padding: 0;
	overflow: visible !important;
	max-height: none !important;
	height: auto !important;
}

#dt-invoices_wrapper .dataTables_length,
#dt-invoices_wrapper .dataTables_filter,
#dt-invoices_wrapper .dataTables_info,
#dt-invoices_wrapper .dataTables_paginate {
	padding: 7px;
	margin: 0;
}

#dt-invoices_wrapper .dataTables_length label,
#dt-invoices_wrapper .dataTables_filter label {
	margin-bottom: 0;
}

#dt-invoices_wrapper .table > thead > tr > th,
#dt-invoices_wrapper .table > tbody > tr > td,
#dt-invoices_wrapper .table-bordered > thead > tr > th {
	padding: 7px;
	line-height: 1.35;
	vertical-align: middle;
}

#dt-invoices_wrapper table.dataTable thead .sorting:after,
#dt-invoices_wrapper table.dataTable thead .sorting_asc:after,
#dt-invoices_wrapper table.dataTable thead .sorting_desc:after,
#dt-invoices_wrapper table.dataTable thead .sorting_asc_disabled:after,
#dt-invoices_wrapper table.dataTable thead .sorting_desc_disabled:after {
	bottom: 7px;
}

#dt-invoices_wrapper .dataTables_paginate .pagination {
	margin: 0;
}

#dt-invoices_wrapper .dataTables_paginate .pagination > li > a,
#dt-invoices_wrapper .dataTables_paginate .pagination > li > span {
	padding: 6px 10px;
}

#dt-invoices_wrapper .label.label-block {
	padding: 4px 8px;
}

/* Bids list — compact DataTable spacing */
#dt-bids_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer,
#dt-bids_wrapper.dataTables_wrapper {
	padding: 0;
}

#dt-bids_wrapper .dataTables_length,
#dt-bids_wrapper .dataTables_filter,
#dt-bids_wrapper .dataTables_info,
#dt-bids_wrapper .dataTables_paginate {
	padding: 7px;
	margin: 0;
}

#dt-bids_wrapper .dataTables_length label,
#dt-bids_wrapper .dataTables_filter label {
	margin-bottom: 0;
}

#dt-bids_wrapper .table > thead > tr > th,
#dt-bids_wrapper .table > tbody > tr > td,
#dt-bids_wrapper .table-bordered > thead > tr > th {
	padding: 7px;
	line-height: 1.35;
	vertical-align: middle;
}

#dt-bids_wrapper table.dataTable thead .sorting:after,
#dt-bids_wrapper table.dataTable thead .sorting_asc:after,
#dt-bids_wrapper table.dataTable thead .sorting_desc:after,
#dt-bids_wrapper table.dataTable thead .sorting_asc_disabled:after,
#dt-bids_wrapper table.dataTable thead .sorting_desc_disabled:after {
	bottom: 7px;
}

#dt-bids_wrapper table.dataTable thead th.text-center.sorting,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_asc,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_desc,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_asc_disabled,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_desc_disabled {
	white-space: nowrap;
}

#dt-bids_wrapper table.dataTable thead th.text-center.sorting:after,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_asc:after,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_desc:after,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_asc_disabled:after,
#dt-bids_wrapper table.dataTable thead th.text-center.sorting_desc_disabled:after {
	position: static;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	bottom: auto;
	right: auto;
}

#dt-bids_wrapper .dataTables_paginate .pagination {
	margin: 0;
}

#dt-bids_wrapper .dataTables_paginate .pagination > li > a,
#dt-bids_wrapper .dataTables_paginate .pagination > li > span {
	padding: 6px 10px;
}

@media (max-width: 767px) {
	#dt-bids_wrapper table.dataTable thead th.bid-action-column,
	#dt-bids_wrapper table.dataTable tbody td.bid-action-column {
		min-width: 190px !important;
		width: auto !important;
	}

	#dt-bids_wrapper .bid-action-column .bid-input-group .form-control.bid-input {
		max-width: 190px !important;
	}
}

/* Transactions list — compact DataTable spacing */
#dt-transactions_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer,
#dt-transactions_wrapper.dataTables_wrapper {
	padding: 0;
}

#dt-transactions_wrapper .dataTables_length,
#dt-transactions_wrapper .dataTables_filter,
#dt-transactions_wrapper .dataTables_info,
#dt-transactions_wrapper .dataTables_paginate {
	padding: 7px;
	margin: 0;
}

#dt-transactions_wrapper .dataTables_length label,
#dt-transactions_wrapper .dataTables_filter label {
	margin-bottom: 0;
}

#dt-transactions_wrapper .table > thead > tr > th,
#dt-transactions_wrapper .table > tbody > tr > td,
#dt-transactions_wrapper .table-bordered > thead > tr > th {
	padding: 7px;
	line-height: 1.35;
	vertical-align: middle;
}

#dt-transactions_wrapper table.dataTable thead th.sorting,
#dt-transactions_wrapper table.dataTable thead th.sorting_asc,
#dt-transactions_wrapper table.dataTable thead th.sorting_desc,
#dt-transactions_wrapper table.dataTable thead th.sorting_asc_disabled,
#dt-transactions_wrapper table.dataTable thead th.sorting_desc_disabled {
	padding-right: 26px !important;
	white-space: nowrap;
}

#dt-transactions_wrapper table.dataTable thead th.sorting:after,
#dt-transactions_wrapper table.dataTable thead th.sorting_asc:after,
#dt-transactions_wrapper table.dataTable thead th.sorting_desc:after,
#dt-transactions_wrapper table.dataTable thead th.sorting_asc_disabled:after,
#dt-transactions_wrapper table.dataTable thead th.sorting_desc_disabled:after {
	right: 7px;
	bottom: 7px;
	margin-left: 0;
}

#dt-transactions_wrapper .dataTables_paginate .pagination {
	margin: 0;
}

#dt-transactions_wrapper .dataTables_paginate .pagination > li > a,
#dt-transactions_wrapper .dataTables_paginate .pagination > li > span {
	padding: 6px 10px;
}

/* Companies list (settings) — compact DataTable spacing */
#dt-companies_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer,
#dt-companies_wrapper.dataTables_wrapper {
	padding: 0;
}

#dt-companies_wrapper .dataTables_length,
#dt-companies_wrapper .dataTables_filter,
#dt-companies_wrapper .dataTables_info,
#dt-companies_wrapper .dataTables_paginate {
	padding: 7px;
	margin: 0;
}

#dt-companies_wrapper .dataTables_length label,
#dt-companies_wrapper .dataTables_filter label {
	margin-bottom: 0;
}

#dt-companies_wrapper .table > thead > tr > th,
#dt-companies_wrapper .table > tbody > tr > td,
#dt-companies_wrapper .table-bordered > thead > tr > th {
	padding: 7px;
	line-height: 1.35;
	vertical-align: middle;
}

#dt-companies_wrapper table.dataTable thead .sorting:after,
#dt-companies_wrapper table.dataTable thead .sorting_asc:after,
#dt-companies_wrapper table.dataTable thead .sorting_desc:after,
#dt-companies_wrapper table.dataTable thead .sorting_asc_disabled:after,
#dt-companies_wrapper table.dataTable thead .sorting_desc_disabled:after {
	bottom: 7px;
}

#dt-companies_wrapper table.dataTable thead th.text-center.sorting,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_asc,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_desc,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_asc_disabled,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_desc_disabled {
	white-space: nowrap;
}

#dt-companies_wrapper table.dataTable thead th.text-center.sorting:after,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_asc:after,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_desc:after,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_asc_disabled:after,
#dt-companies_wrapper table.dataTable thead th.text-center.sorting_desc_disabled:after {
	position: static;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	bottom: auto;
	right: auto;
}

#dt-companies_wrapper .dataTables_paginate .pagination {
	margin: 0;
}

#dt-companies_wrapper .dataTables_paginate .pagination > li > a,
#dt-companies_wrapper .dataTables_paginate .pagination > li > span {
	padding: 6px 10px;
}

/* Company create/update modal — inputs compacte (tema: .form-control 50px) */
.modal .modal-content.company-form-modal .modal-header {
	padding: 12px 16px;
}

.modal .modal-content.company-form-modal .modal-title {
	font-size: 16px;
	line-height: 1.3;
}

.modal .modal-content.company-form-modal .modal-body {
	padding: 12px 16px;
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}

.modal .modal-content.company-form-modal .modal-footer {
	padding: 10px 16px;
}

.modal .modal-content.company-form-modal .modal-footer .btn {
	height: 34px;
	min-height: 34px;
	padding: 6px 14px;
	line-height: 1.2;
	font-size: 13px;
}

.modal .modal-content.company-form-modal .form-group {
	margin-bottom: 12px;
}

.modal .modal-content.company-form-modal .form-group.field-company-imagefile {
	max-width: 100%;
	overflow: hidden;
}

.modal .modal-content.company-form-modal .control-label {
	font-size: 13px;
	margin-bottom: 4px;
}

.modal .modal-content.company-form-modal .form-control,
.modal .modal-content.company-form-modal .select2-selection.select2-selection--single,
.modal .modal-content.company-form-modal .select2-selection.select2-selection--multiple {
	height: 34px !important;
	min-height: 34px !important;
	box-sizing: border-box !important;
	font-size: 13px !important;
	line-height: 18px !important;
	padding: 7px 10px !important;
	border-radius: 4px !important;
}

.modal .modal-content.company-form-modal .select2-selection.select2-selection--single .select2-selection__rendered {
	line-height: 18px !important;
	padding-left: 0 !important;
	padding-right: 18px !important;
}

.modal .modal-content.company-form-modal .select2-selection.select2-selection--single .select2-selection__arrow {
	height: 32px !important;
	top: 1px !important;
}

.modal .modal-content.company-form-modal .select2-selection.select2-selection--multiple {
	padding: 0 !important;
}

.modal .modal-content.company-form-modal .select2-selection.select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	height: 32px !important;
	min-height: 32px !important;
	line-height: 1 !important;
	padding: 0 8px !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.modal .modal-content.company-form-modal .file-input .file-caption,
.modal .modal-content.company-form-modal .file-input .file-caption.form-control {
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
	padding: 0 !important;
	margin: 0;
	width: 100%;
	max-width: 100%;
	border: 0;
	background: transparent;
	box-shadow: none;
	box-sizing: border-box;
}

.modal .modal-content.company-form-modal .file-input .input-group-btn > .btn,
.modal .modal-content.company-form-modal .file-input .btn-file {
	height: 34px !important;
	min-height: 34px !important;
	line-height: 18px !important;
	padding: 6px 10px !important;
	font-size: 13px !important;
}

.modal .modal-content.company-form-modal .file-input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.modal .modal-content.company-form-modal .file-input .file-caption > .input-group {
	display: flex;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.modal .modal-content.company-form-modal .file-input .file-caption-name.form-control {
	flex: 1 1 auto;
	min-width: 0;
	width: 1%;
	height: 34px !important;
	min-height: 34px !important;
	padding: 7px 10px !important;
	line-height: 18px !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
}

.modal .modal-content.company-form-modal .file-input .file-preview {
	padding: 0;
	margin: 0 0 8px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.modal .modal-content.company-form-modal .file-input .file-preview-thumbnails {
	margin: 0;
	padding: 0;
}

.modal .modal-content.company-form-modal .file-input .file-preview-thumbnails .file-preview-frame,
.modal .modal-content.company-form-modal .file-input .krajee-default.file-preview-frame {
	float: none;
	display: block;
	width: auto !important;
	max-width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
}

.modal .modal-content.company-form-modal .file-input .krajee-default.file-preview-frame .kv-file-content {
	width: auto !important;
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin: 0 auto;
}

.modal .modal-content.company-form-modal .file-input .krajee-default.file-preview-frame .file-preview-image {
	width: auto !important;
	max-width: 100%;
	height: auto;
	max-height: 160px;
	display: block;
	margin: 0 auto;
}

.modal .modal-content.company-form-modal #company-map {
	height: 260px !important;
}

/* Balance / toolbar: „Cumpără credite” — hover #151515 (peste .btn-secondary:hover din temă) */
.btn.btn-secondary.btn-buy:hover,
.btn.btn-secondary.btn-buy:focus {
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}

.btn.btn-secondary.btn-buy:active,
.btn.btn-secondary.btn-buy.active {
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}

/* Favorite anunțuri: hover #151515 (bată .dashboard-ad-list .list-tag li:hover a din temă) */
.my-bookings .dashboard-ad-list .favourite-announcement-btn-stack li a.btn-refund:hover,
.my-bookings .dashboard-ad-list .favourite-announcement-btn-stack li a.btn-refund:focus,
.my-bookings .dashboard-ad-list .favourite-announcement-btn-stack li a.btn-refund:active {
	background-color: #151515 !important;
	border-color: #151515 !important;
	color: #fff !important;
}

/* —— Support ticket: form (create / update în același shell ca view) —— */
.support-ticket-form__meta-row {
	margin-bottom: 4px;
}

.support-ticket-form__meta-row .support-ticket-form__field .form-group {
	margin-bottom: 14px;
}

.support-ticket-form__field .form-group {
	margin-bottom: 16px;
}

.support-ticket-form__field--editor .form-group {
	margin-bottom: 18px;
}

.support-ticket-form__help {
	margin: 0 0 8px;
}

.support-ticket-form__attachments-line {
	margin: 0 0 8px;
	font-weight: 600;
}

.support-ticket-form__attachments-line .text-muted {
	font-weight: 400;
}

.support-ticket-form__alert {
	margin-bottom: 16px;
}

.support-ticket-form__section-title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	color: #37474f;
	letter-spacing: 0.02em;
}

.support-ticket-form__attachments {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e8edf2;
	border-radius: 6px;
}

.support-ticket-form__attachments--existing {
	margin-top: 18px;
}

.support-ticket-form__attachment-list {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.support-ticket-form__attachment-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 12px;
	background: #f7fafc;
	border: 1px solid #e8edf2;
	border-radius: 6px;
}

.support-ticket-form__attachment-thumb-link {
	display: block;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #dde4ea;
	line-height: 0;
	background: #fff;
}

.support-ticket-form__attachment-thumb {
	display: block;
	width: 72px;
	height: 72px;
	object-fit: cover;
}

.support-ticket-form__attachment-icon {
	flex-shrink: 0;
	width: 40px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #78909c;
	background: #fff;
	border: 1px solid #e8edf2;
	border-radius: 6px;
}

.support-ticket-form__attachment-meta {
	min-width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.support-ticket-form__attachment-name {
	font-weight: 500;
	word-break: break-word;
}

.support-ticket-form__attachment-size {
	font-size: 12px;
}

.support-ticket-form__file-wrap,
.announcement-form__file-wrap {
	margin-bottom: 0;
}

/* Kartik FileInput: caption + Remove + Browse — aceeași înălțime, pe aceeași linie */
.support-ticket-form__file-wrap .file-input .file-caption > .input-group,
.announcement-form__file-wrap .file-input .file-caption > .input-group {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	width: 100%;
}

.support-ticket-form__file-wrap .file-input .file-caption .file-caption-name.form-control,
.support-ticket-form__file-wrap .file-input .file-caption .file-caption-name.kv-fileinput-caption,
.announcement-form__file-wrap .file-input .file-caption .file-caption-name.form-control,
.announcement-form__file-wrap .file-input .file-caption .file-caption-name.kv-fileinput-caption {
	flex: 1 1 auto;
	float: none;
	min-width: 0;
	width: 1%;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	line-height: 20px !important;
	padding: 14px 18px !important;
	margin: 0;
	box-sizing: border-box;
}

.support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-name.form-control,
.support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-name.kv-fileinput-caption {
	padding: 14px 18px 14px 30px !important;
}

.support-ticket-form__file-wrap .file-input .file-caption.icon-visible .file-caption-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 6px;
	top: 0;
	height: 50px;
	width: 22px;
	padding: 0;
	margin: 0;
	z-index: 2;
	pointer-events: none;
	line-height: 1;
}

.support-ticket-form__file-wrap .file-input .file-caption > .input-group > .input-group-btn,
.announcement-form__file-wrap .file-input .file-caption > .input-group > .input-group-btn {
	flex: 0 0 auto;
	display: flex;
	align-items: stretch;
	float: none;
	width: auto;
	white-space: nowrap;
	vertical-align: top;
}

.support-ticket-form__file-wrap .file-input .file-caption .input-group-btn > .btn:not(.kv-hidden),
.support-ticket-form__file-wrap .file-input .file-caption .input-group-btn > .btn-file:not(.kv-hidden),
.support-ticket-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button,
.support-ticket-form__file-wrap .file-input .file-caption .fileinput-browse.fileinput-browse-button,
.announcement-form__file-wrap .file-input .file-caption .input-group-btn > .btn:not(.kv-hidden),
.announcement-form__file-wrap .file-input .file-caption .input-group-btn > .btn-file:not(.kv-hidden),
.announcement-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button,
.announcement-form__file-wrap .file-input .file-caption .fileinput-browse.fileinput-browse-button {
	flex: 0 0 auto;
	float: none;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	line-height: 1.2 !important;
	box-sizing: border-box;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	white-space: nowrap;
}

.support-ticket-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button ~ .fileinput-browse.fileinput-browse-button,
.support-ticket-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button ~ .btn-file,
.announcement-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button ~ .fileinput-browse.fileinput-browse-button,
.announcement-form__file-wrap .file-input .file-caption .fileinput-remove.fileinput-remove-button ~ .btn-file {
	border-left: 2px solid #151515 !important;
}

.support-ticket-form__file-wrap .file-input .file-caption .input-group-btn > .kv-hidden,
.announcement-form__file-wrap .file-input .file-caption .input-group-btn > .kv-hidden {
	display: none !important;
}

.support-ticket-form__file-wrap .file-input .file-caption .btn-file,
.announcement-form__file-wrap .file-input .file-caption .btn-file {
	position: relative;
	cursor: pointer;
}

.support-ticket-form__file-wrap .file-input .file-caption .btn-file input[type="file"],
.announcement-form__file-wrap .file-input .file-caption .btn-file input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
	font-size: 0;
	line-height: 0;
}

/* Non-ajax FileInput: no per-thumb remove; toolbar clear is required. Hide it only in empty state (file-input-new). */
.support-ticket-form__file-wrap .file-input.file-input-new .fileinput-remove.fileinput-remove-button,
.announcement-form__file-wrap .file-input.file-input-new .fileinput-remove.fileinput-remove-button {
	display: none;
}

/* Support ticket: preview thumbs mai mici (krajee-default / kv-preview-thumb) */
.support-ticket-form__file-wrap .file-input .file-preview-thumbnails {
	margin-bottom: 8px;
}

.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame.kv-preview-thumb {
	margin: 5px;
	padding: 4px;
}

.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .kv-file-content {
	width: 160px;
	height: 120px;
}

.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-thumbnail-footer {
	height: 54px;
}

.support-ticket-form__file-wrap .file-input .krajee-default.file-preview-frame .file-preview-image {
	max-width: 100%;
	max-height: 100%;
}

.support-ticket-form__file-wrap .file-input .krajee-default .file-other-icon {
	font-size: 4em;
}

.support-ticket-form__file-wrap .file-input .krajee-default .file-caption-info,
.support-ticket-form__file-wrap .file-input .krajee-default .file-size-info {
	width: 120px;
}

.support-ticket-form__file-wrap .file-input .krajee-default .file-footer-caption {
	margin-bottom: 8px;
	font-size: 10px;
}

.support-ticket-form__file-wrap .file-input .krajee-default .file-thumb-progress {
	top: 28px;
}

/* Kartik bootstrap-fileinput: Browse — input opacity:0 must cover full .btn-file and sit above label text */
.file-input .btn-file {
	cursor: pointer;
	position: relative;
}

.file-input .btn-file input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
	font-size: 0;
	line-height: 0;
}

.file-input .fileinput-browse.fileinput-browse-button {
	cursor: pointer;
}

.support-ticket-form__messages {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #e8edf2;
}

/* Fir mesaje ca în view, scroll vertical în formularul de editare */
.support-ticket-form__messages-scroll {
	min-height: 80px;
	max-height: min(38vh, 320px);
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 4px;
	-webkit-overflow-scrolling: touch;
}

.modal .modal-content.support-ticket-view .support-ticket-form__messages-scroll {
	max-height: min(40vh, 340px);
}

.support-ticket-form.support-ticket-form--page {
	max-width: 720px;
	margin: 0 auto;
}

.support-ticket-form--page .support-ticket-form__page-body {
	padding: 16px 0 24px;
}

.support-ticket-form--page .support-ticket-form__messages-scroll {
	max-height: 400px;
}

/* Favourite toolbar: Select2 aliniat la formular (același widget ca Categorie în _form.php) */
.favourite-sort-row {
	margin-bottom: 15px;
}

.favourite-sort-inline {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

.favourite-sort-inline__label,
.favourite-sort-inline__field-label {
	font-weight: 700;
	color: #555;
}

.favourite-sort-direction-btns {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.favourite-sort-direction-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	width: 24px !important;
	height: 24px !important;
	max-height: 24px !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-align: center;
	flex-shrink: 0;
	box-sizing: border-box;
}

.favourite-sort-direction-btn .fa {
	display: block;
	font-size: 11px;
	line-height: 1;
	margin: 0;
	width: 1em;
	height: 1em;
	text-align: center;
}

.my-bookings .favourite-sort-direction-btn.favourite-sort-direction-btn--active {
	background-color: #0278c2;
	border-color: #0278c2;
	color: #fff;
}

.my-bookings .favourite-sort-direction-btn.btn-refund:hover,
.my-bookings .favourite-sort-direction-btn.btn-refund:focus,
.my-bookings .favourite-sort-direction-btn.btn-refund:active {
	background-color: #151515 !important;
	border-color: #151515 !important;
	color: #fff !important;
}

.favourite-sort-toolbar .favourite-sort-toolbar-actions {
	padding-right: 0;
	padding-left: 0;
}
.favourite-sort-toolbar .favourite-sort-btn-stack li {
	margin-bottom: 0;
}
.favourite-sort-toolbar .favourite-sort-select-wrap {
	display: block;
	width: 100%;
	max-width: 220px;
	margin-left: auto;
}
.favourite-sort-toolbar .favourite-sort-select-wrap .select2-container {
	width: 100% !important;
}
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection--single {
	background-color: #0278c2 !important;
	border-color: #0278c2 !important;
	transition: background-color 0.2s ease, border-color 0.2s ease;
	min-height: 34px;
	height: auto !important;
	display: flex !important;
	align-items: center !important;
}
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__arrow {
	height: 100% !important;
	top: 0 !important;
	right: 8px !important;
	display: flex !important;
	align-items: center !important;
}
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__arrow b {
	margin-top: 0 !important;
}
/* Tipografie ca .btn.btn-secondary.btn-sm (style.css .btn + View în listă) */
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__rendered {
	color: #ffffff !important;
	text-align: center !important;
	line-height: normal !important;
	padding-left: 10px !important;
	padding-right: 28px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
@media (min-width: 768px) {
	.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__rendered {
		font-size: 12px !important;
	}
}
@media (min-width: 992px) {
	.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__rendered {
		font-size: 14px !important;
	}
}
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container.select2-container--open .select2-selection--single,
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container.select2-container--focus .select2-selection--single,
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container:hover .select2-selection--single {
	background-color: #026aa8 !important;
	border-color: #026aa8 !important;
}
.my-bookings .favourite-sort-toolbar .favourite-sort-select-wrap .select2-container .select2-selection__arrow b {
	border-color: #ffffff transparent transparent transparent !important;
}
/* Select2 listă: colțuri rotunjite (dropdownCssClass) */
.select2-dropdown.favourite-sort-select2-dropdown {
	border-radius: 8px !important;
	overflow: hidden;
}
.select2-dropdown.favourite-sort-select2-dropdown .select2-results > .select2-results__options {
	max-height: none;
	border-radius: 8px;
}
@media (max-width: 767px) {
	.favourite-sort-toolbar .favourite-sort-toolbar-actions {
		text-align: left !important;
	}
	.favourite-sort-toolbar .favourite-sort-select-wrap {
		margin-left: 0;
		max-width: none;
	}
}

/* Homepage call-to-action: buton aliniat vertical la mijloc față de text */
@media (min-width: 768px) {
	.callAction > .container > .row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}

/* Butoane: exact 5px între iconiță și text, indiferent de ordine.
   Flex ignoră nodurile whitespace dintre elemente, deci `column-gap` dă mereu 5px,
   fie că iconița e înainte sau după text. Copiii `display:none` (ex. span-ul din
   navbar-btn pe mobil) nu generează gap. */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 5px;
}
/* btn-block trebuie să rămână element block (inline-flex ar sta pe baseline și ar adăuga
   câțiva px sub buton, stricând ritmul vertical al rândurilor — ex. bara de filtre). */
.btn.btn-block {
	display: flex;
}
/* Marginile din temă pe iconițe (ex. `.btn-secondary > i { margin-right: 10px }`)
   s-ar aduna cu gap-ul — le anulăm pentru copiii direcți. */
.btn > i,
.btn > .fa,
.btn > [class^="icon-"],
.btn > [class*=" icon-"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
}





@media (max-width: 767px) {
	/* Caption-ul și cardul au înălțimi fixe pe mobil; mărite ca să încapă linia cu oferta curentă */
	
	
	
	
	
}
/* -------------------------------------------------------------------------
   Form validation states — one palette for every theme (default/red/blue):
   error #f55060, success #8ace56. Loaded last, so it overrides the theme
   files and Bootstrap's defaults (incl. the newsletter form on the home page). */
.has-error .help-block,
.has-error .help-block-error,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error .form-control-feedback {
	color: #f55060 !important;
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .input-group-addon,
.has-error .select2-selection.select2-selection--single,
.has-error .select2-selection.select2-selection--multiple,
.has-error .typeahead__field input {
	border-color: #f55060 !important;
}
.has-error .form-control:focus {
	-webkit-box-shadow: 0 0 0 1px rgba(245, 80, 96, 0.35) !important;
	box-shadow: 0 0 0 1px rgba(245, 80, 96, 0.35) !important;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label,
.has-success .form-control-feedback {
	color: #8ace56 !important;
}
.has-success .form-control,
.has-success .form-control:focus,
.has-success .input-group-addon,
.has-success .select2-selection.select2-selection--single,
.has-success .select2-selection.select2-selection--multiple,
.has-success .typeahead__field input {
	border-color: #8ace56 !important;
}
.has-success .form-control:focus {
	-webkit-box-shadow: 0 0 0 1px rgba(138, 206, 86, 0.35) !important;
	box-shadow: 0 0 0 1px rgba(138, 206, 86, 0.35) !important;
}

/* Price decimals (Formatter::asPrice) — superscript metrics as in storedo,
   scoped to the price element so other sup/sub content is untouched. */
.product-price sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	top: -.2em;
	margin-left: .1em;
	vertical-align: baseline;
}

/* intl-tel-input (phone fields): full-width block so the field label sits above
   the input (like the email field) — applies to every theme. */
.iti {
	display: block;
	width: 100%;
}

/* Dashboard phone fields: the 44px normalization above forces `padding: 14px 12px
   !important` on every .form-control, which beats the inline padding-left the
   plugin computes for the flag + dial-code overlay — the typed number ended up
   under the "+40". Fix the overlay to a known width and pad the input past it. */
.dashboardBoxBg .iti--separate-dial-code .iti__selected-flag,
#companyform .iti--separate-dial-code .iti__selected-flag {
	width: 78px;
}
.dashboardBoxBg .iti--separate-dial-code .form-control,
#companyform .iti--separate-dial-code .form-control {
	padding-left: 90px !important;
}

/* Inside a modal (add-company popup etc.) the widget initializes before the modal
   is laid out, so intl-tel-input measures a bogus flag width (~the viewport) and
   pins a giant inline padding-left on the input — the field then blows past the
   modal edge over the neighbouring column. Same fix as master/backend: `.modal`
   scope + !important beat the inline style; full-page forms keep vendor behaviour. */
.modal .iti {
	display: block !important;
	width: 100% !important;
}
.modal .iti > input,
.modal .iti > input[type="tel"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding-left: 90px !important;
}
.modal .iti .iti__flag-container {
	max-width: 100% !important;
}
.modal .iti .iti__selected-flag {
	width: 78px !important;
}

/* Activate-announcement modal: subscription picker rows. Fully custom markup so the
   theme's decorated radio/label styling cannot swallow the quota badges. */
.activate-subscription-list .activate-subscription-option {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 8px;
	padding: 12px 14px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background-color: #fff;
	font-weight: 400;
	cursor: pointer;
}
.activate-subscription-list .activate-subscription-option:hover {
	border-color: #ffa019;
}
.activate-subscription-list .activate-subscription-option input[type="radio"] {
	-webkit-appearance: radio;
	appearance: auto;
	width: 16px;
	height: 16px;
	margin: 0 12px 0 0;
	position: static;
	opacity: 1;
	flex: none;
	accent-color: #ffa019;
}
/* Promote modal: the rows are taller (they carry the promoted announcements), so the
   radio and the quota badge sit on the package name's line instead of being centred
   against the whole row. */
.activate-subscription-list--promote .activate-subscription-option {
	align-items: flex-start;
}
.activate-subscription-list--promote .activate-subscription-option input[type="radio"] {
	margin-top: 3px;
}
.activate-subscription-list--promote .activate-subscription-option .label {
	margin-top: 0;
}

/* Promote modal: the announcements already promoted on a subscription — shown under
   its name so an exhausted quota says where it went. */
.activate-subscription-list .activate-subscription-option__promoted-title {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #999999;
}
.activate-subscription-list .activate-subscription-option__promoted {
	margin: 2px 0 0;
	padding-left: 18px;
	font-size: 12px;
	line-height: 1.5;
	color: #848484;
}
.activate-subscription-list .activate-subscription-option__promoted-date {
	color: #b0b0b0;
}
.activate-subscription-list .activate-subscription-option__text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}
.activate-subscription-list .activate-subscription-option__name {
	color: #222222;
	font-weight: 500;
}
.activate-subscription-list .activate-subscription-option__code {
	color: #848484;
	font-size: 12px;
}
.activate-subscription-list .activate-subscription-option .label {
	flex: none;
	margin-left: 10px;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}
.activate-subscription-list .activate-subscription-option.is-disabled {
	background-color: #f9f9f9;
	cursor: not-allowed;
	opacity: 0.7;
}
.activate-subscription-list .activate-subscription-option.is-disabled .activate-subscription-option__name {
	color: #848484;
}

/* Confirm-review modal: yes/no picker rows, cloned from the
   activate-announcement modal above so the two dialogs look alike. */
.confirm-review-list .confirm-review-option {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 8px;
	padding: 12px 14px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background-color: #fff;
	font-weight: 400;
	cursor: pointer;
}
.confirm-review-list .confirm-review-option:hover {
	border-color: #ffa019;
}
.confirm-review-list .confirm-review-option input[type="radio"] {
	-webkit-appearance: radio;
	appearance: auto;
	width: 16px;
	height: 16px;
	margin: 0 12px 0 0;
	position: static;
	opacity: 1;
	flex: none;
	accent-color: #ffa019;
}
.confirm-review-list .confirm-review-option__name {
	flex: 1 1 auto;
	min-width: 0;
	color: #222222;
	font-weight: 500;
	line-height: 1.3;
}
.confirm-review-list .confirm-review-option__icon {
	flex: none;
	margin-left: 10px;
	font-size: 18px;
}
.confirm-review-list .confirm-review-option__icon--yes {
	color: #5cb85c;
}
.confirm-review-list .confirm-review-option__icon--no {
	color: #d9534f;
}

/* Dashboard nav dropdown: the theme's `li.active a` colours EVERY anchor inside an
   active parent item — so when a Reservations child page is open, activateParents
   marks the "Rezervări" <li> active and both dropdown children turn orange. Reset
   the non-active children to the default link colour; keep only the current one orange. */
.navbar-default.navbar-dashboard .navbar-nav > li.active .dropdown-menu > li:not(.active) > a {
	color: #333333;
}
.navbar-default.navbar-dashboard .navbar-nav > li.active .dropdown-menu > li.active > a {
	color: #ffa019;
}

/* Placed-reviews list: the theme's 40px 25px row padding is too roomy here. */
.reviews-list-box.dashboard-list-box .single-list {
	padding: 15px;
}
.reviews-list-box .comments-media .media-body .date {
	padding-bottom: 10px;
}

/* Placed-reviews list: a tidy card around the review title + message, so the two
   are visually grouped and stand out from the announcement/date meta above. */
.dashboard-list-box .review-card {
	margin: 12px 0 16px;
	padding: 14px 16px 14px 18px;
	background-color: #f9f9f9;
	border: 1px solid #ececec;
	border-left: 3px solid #ffa019;
	border-radius: 4px;
}
.dashboard-list-box .review-card__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 600;
	color: #222222;
}
.dashboard-list-box .review-card__content {
	margin: 0;
	color: #666666;
	font-size: 14px;
	line-height: 1.5;
	word-break: break-word;
}
.dashboard-list-box .review-card__content p:last-child {
	margin-bottom: 0;
}

/* Announcement detail page: review cards. Avatar left, meta + rating + a bordered
   card holding the review title and (TinyMCE) message on the right. */
.announcement-reviews .announcement-review {
	display: flex;
	align-items: flex-start;
	padding: 18px 0;
	border-bottom: 1px solid #eee;
}
.announcement-reviews .announcement-review:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.announcement-review__avatar {
	flex: 0 0 auto;
	margin-right: 15px;
}
.announcement-review__avatar img {
	width: 52px;
	height: 52px;
	object-fit: cover;
}
.announcement-review__body {
	flex: 1 1 auto;
	min-width: 0;
}
.announcement-review__head {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 10px;
}
.announcement-review__name {
	font-size: 15px;
	font-weight: 600;
	color: #222;
}
.announcement-review__date {
	font-size: 12px;
	color: #999;
}
.announcement-review__stars {
	margin: 4px 0 8px;
}
.announcement-review__card,
.announcement-review__content {
	word-break: break-word;
}
.announcement-review__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 600;
	color: #222;
}
.announcement-review__content {
	margin: 0;
	padding: 12px 14px 12px 16px;
	background-color: #f9f9f9;
	border-left: 3px solid #ffa019;
	border-radius: 4px;
	color: #555;
	font-size: 14px;
	line-height: 1.55;
}
.announcement-review__content p {
	margin-top: 5px;
}
.announcement-review__content p:first-child {
	margin-top: 0;
}
.announcement-review__content p:last-child {
	margin-bottom: 0;
}

/* Star ratings (krajee star-rating): the pale yellow fill over a gray outline was
   too low-contrast to tell a partial star from a full one. The gaps between the
   stars also eat part of the fill percentage the plugin computes over the whole
   strip, so the cut lands off-target — dropping them makes it proportional. */
.rating-container .star {
	margin: 0;
}
.rating-container .filled-stars {
	color: var(--theme-color, #ffa019);
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.35);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
}
.rating-container .empty-stars {
	color: #c8c8c8;
}

/* [[common\helpers\RatingHelper::stars()]] — the display-only rating: a gray star
   strip with an identical coloured strip clipped on top. No margins, no padding,
   no letter-spacing: every star takes exactly the same advance width, so the clip
   maps 1:1 onto the glyphs (4.23/5 → the fifth star is 23% coloured). */
.star-rate {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	white-space: nowrap;
}
/* The grey strip is the positioning context: the coloured layer sits inside it, so
   its percentage width is measured against the stars themselves and not against a
   wrapper the theme may have widened (`.listingReview span` carries a 20px margin,
   the listing cards their own spacing). Padding/margins/floats are reset for the
   same reason — anything that grows this box would skew the fill. */
.star-rate .star-rate__base {
	position: relative;
	display: inline-block;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.star-rate .star-rate__fill {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	white-space: nowrap;
}
.star-rate i {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}
.star-rate .star-rate__base i {
	color: #d5d5d5;
}
.star-rate .star-rate__fill i {
	color: var(--theme-color, #ffa019);
}

/* The average next to the stars — the number leaves no room for interpretation. */
/* The stars, the average and the review count share the block's 44px line, so they
   sit on one row instead of stepping down from each other (announcement, company
   and individual pages all use this header block). */
.listingReview .star-rate {
	float: left;
	margin-right: 8px;
	font-size: 18px;
	line-height: 44px;
}
/* The announcement header has the room for a bigger strip. */
.listingReview .listing-rating-stars {
	font-size: 22px;
}
.listingReview .listing-rating-value {
	float: left;
	margin-right: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #222222;
	line-height: 44px;
}

/* Listing title area: the krajee star-rating widget leaves its hidden text input
   in normal flow (plugin CSS typo `display: absolute` instead of `position`), so an
   invisible 100%-wide input sits between the stars and the review count. Take it out
   of flow and make the rating container sit inline next to the count. */
.listingReview .rating-container {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.listingReview .rating-input {
	display: none;
}

/* Review form (announcement, company and individual pages): tighten the theme's
   oversized form spacing (30px field gaps, 50px inputs) and take the krajee
   star-rating's invisible in-flow input out of the layout (same plugin typo as
   .listingReview).

   Anchored on the field wrappers, not on #reviewform: the company/individual pages
   render this form INSIDE their page-wide ActiveForm, and a nested <form> is dropped
   by the browser — so there the #reviewform element does not exist at all. */
#reviewform .form-group,
.field-reviewform-score,
.field-reviewform-title,
.field-reviewform-content {
	margin-bottom: 15px;
}
#reviewform .form-control,
.field-reviewform-title .form-control {
	height: 44px;
}
#reviewform textarea.form-control,
.field-reviewform-content textarea.form-control {
	height: 120px;
}
/* An error paragraph that holds no error still carries the theme's 30px top margin,
   which opened a hole between the star rating and the title field. */
#reviewform .help-block:empty,
.field-reviewform-score .help-block:empty,
.field-reviewform-title .help-block:empty,
.field-reviewform-content .help-block:empty {
	margin: 0;
}
#reviewform .rating-input,
.field-reviewform-score .rating-input {
	display: none;
}

/* Listing detail sections (.clearfix.paddingAdjustTop): the theme gives them a
   100px bottom padding on desktop (50px mobile) — too much; flatten to 35px. */
.paddingAdjustTop {
	padding-bottom: 35px;
}

/* Announcement detail: long unbroken strings in the description (e.g. "BetonBeton…")
   must wrap inside the content column instead of overflowing to the right. */
.listDetailsInfo .detailsInfoBox {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Mobile header logo: the theme caps .navbar-brand at 150px (and the logged-in
   header caps its box at 42% of the viewport), squeezing the 200px logo to
   ~130px. Let it render at natural size, viewport-bounded so it never overlaps
   the right-side toggles on narrow phones. The brand is absolutely positioned,
   so widening its containing box does not push the flexed controls. */
@media (max-width: 767px) {
	.navbar-default .navbar-brand {
		width: auto;
		max-width: none;
	}
	.navbar-default .navbar-brand > img {
		width: auto;
		max-width: min(200px, 48vw);
	}
	.header-navbar--auth > .navbar-header {
		max-width: 60%;
	}
}

/* Homepage county map: server-rendered inline SVG — each county is a real
   <a href> around its path, crawlable from the HTML. Replaces the JS-drawn
   JsMaps canvas; hover color comes from the theme via --map-hover set inline. */
.harta-judete .romania-map {
	display: block;
	width: 100%;
	height: auto;
}
.harta-judete .romania-map path {
	stroke: #000;
	stroke-width: 1;
	transition: fill 0.2s ease;
}
.harta-judete .romania-map a {
	cursor: pointer;
	outline: none;
}
.harta-judete .romania-map a:hover path,
.harta-judete .romania-map a:focus path {
	fill: var(--map-hover);
}
.harta-judete .romania-map text {
	fill: #fff;
	font-size: 12px;
	font-weight: 600;
	text-anchor: middle;
	dominant-baseline: central;
	pointer-events: none;
}

/* Pachet recomandat: chenar info ingrosat + eticheta "Recomandat" in coltul
   stanga-sus. La selectie (.active) culoarea temei preia si chenarul si eticheta:
   chenarul prin :not(.active), eticheta prin override in
   tpl/<tema>/css/_04_theme-auto.css. Grosimea de 3px ramane si pe .active. */
.priceTableWrapper {
	position: relative;
}

.priceTableWrapper.recommended {
	border-width: 3px;
}

.priceTableWrapper.recommended:not(.active) {
	border-color: #5bc0de;
}

.priceTableWrapper .priceRecommendedBadge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: #5bc0de;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 6px 12px;
	border-radius: 4px 0 4px 0;
}

/* Sageti de navigare deasupra carousel-ului de pachete, centrate, in stilul
   sagetilor de la "cele mai noi anunturi" de pe home (.thingsArea .carousel-control). */
.carousel-pricing.carousel-container {
	padding-top: 55px;
}

.carousel-pricing .carousel-navigation > .carousel-navigation-prev,
.carousel-pricing .carousel-navigation > .carousel-navigation-next {
	top: 0;
	margin-top: 0;
	width: 45px;
	height: 45px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	color: #848484;
	font-size: 28px;
	line-height: 43px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.carousel-pricing .carousel-navigation > .carousel-navigation-prev {
	left: 50%;
	right: auto;
	margin-left: -50px;
}

.carousel-pricing .carousel-navigation > .carousel-navigation-next {
	right: 50%;
	left: auto;
	margin-right: -50px;
}

.carousel-pricing .carousel-navigation > .carousel-navigation-prev:hover,
.carousel-pricing .carousel-navigation > .carousel-navigation-next:hover {
	background-color: #ffa019;
	border-color: #ffa019;
	color: #ffffff;
}

/* One hover effect for every standard button across the frontend, matching the header
   Add Announcement button: black with white text. Replaces the per-variant mix where
   btn-primary went black but btn-default/info/success/danger/warning/light either kept
   their color or had no hover at all. Non-standard controls (btn-link, carousel arrows,
   pagination) keep their own styling; disabled buttons are left untouched. */
.btn.btn-default:not(.disabled):not([disabled]):hover,
.btn.btn-primary:not(.disabled):not([disabled]):hover,
.btn.btn-success:not(.disabled):not([disabled]):hover,
.btn.btn-info:not(.disabled):not([disabled]):hover,
.btn.btn-warning:not(.disabled):not([disabled]):hover,
.btn.btn-danger:not(.disabled):not([disabled]):hover,
.btn.btn-light:not(.disabled):not([disabled]):hover,
.btn.btn-default:not(.disabled):not([disabled]):focus,
.btn.btn-primary:not(.disabled):not([disabled]):focus,
.btn.btn-success:not(.disabled):not([disabled]):focus,
.btn.btn-info:not(.disabled):not([disabled]):focus,
.btn.btn-warning:not(.disabled):not([disabled]):focus,
.btn.btn-danger:not(.disabled):not([disabled]):focus,
.btn.btn-light:not(.disabled):not([disabled]):focus,
.btn.btn-default:not(.disabled):not([disabled]):active,
.btn.btn-primary:not(.disabled):not([disabled]):active,
.btn.btn-success:not(.disabled):not([disabled]):active,
.btn.btn-info:not(.disabled):not([disabled]):active,
.btn.btn-warning:not(.disabled):not([disabled]):active,
.btn.btn-danger:not(.disabled):not([disabled]):active,
.btn.btn-light:not(.disabled):not([disabled]):active {
	background-color: #151515 !important;
	border-color: #151515 !important;
	color: #ffffff !important;
}

/* Embed URL input-group (profile): every part is clickable — the addons copy/open the
   settings modal and clicking the input itself copies the snippet too. */
#copyButtonEmbed,
#copyTargetEmbed,
#embedSettingsButton {
	cursor: pointer;
}

/* Footer Explore column: the category list collapses after the first entries
   behind a More/Less toggle row; the extra links stay in the DOM (hidden) so
   crawlers still see every category link. The toggle JS lives in _footer.php. */
.footer-categories-extra,
.footer-categories-less {
	display: none;
}
.footer-categories-more .fa,
.footer-categories-less .fa {
	margin-left: 5px;
}

/* Meniul din cont pe un singur rand: 11 iteme + "Ghiseu de ajutor" nu mai incap
   cu fontul temei (13px) sub 1200px si bara se rupea pe doua randuri. Flex fara
   wrap tine totul pe un rand (fara overflow:auto, ca sa nu taie dropdown-urile
   Rezervari/Recenzii/Reclame), iar textul itemelor e putin mai mic — paddingul
   temei (0 15px) ramane neatins. Sub 768px ramane meniul pliabil. */
@media (min-width: 768px) {
	.navbar-default.navbar-dashboard .navbar-dash .navbar-nav {
		display: flex;
		flex-wrap: nowrap;
		/* un justify-content: center mostenit ar centra lista si ar dezalinia
		   primul item fata de logo — lista incepe mereu din stanga */
		justify-content: flex-start;
		/* -15px (tema) anula doar paddingul colapsului; -20px duce inceputul
		   textului primului item exact sub logo (logo sta la +10px de container,
		   iar itemul are 15px padding: -20 + 15 = -5 => container + 10) */
		margin-left: -20px;
	}
	.navbar-default.navbar-dashboard .navbar-dash .navbar-nav > li {
		float: none;
		flex: 0 0 auto;
	}
	.navbar-default.navbar-dashboard .navbar-dash .navbar-nav > li > a {
		white-space: nowrap;
	}
}
@media (min-width: 992px) {
	.navbar-default.navbar-dashboard .navbar-nav > li > a {
		font-size: 12px;
	}
}

/* Cardurile din Ghiseu de ajutor: toolbarul cu "Deschide un tichet" respira
   fata de primul card, iar meta (departament/prioritate/mesaje) sta pe o
   linie discreta sub titlu, in stilul review-card. */
.review-card__toolbar {
	margin-bottom: 12px;
}
.support-ticket-card__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: #6c7686;
	font-size: 13px;
}
.support-ticket-card__meta-item .icon-dash {
	margin-right: 3px;
}

/* Butonul care pune pinul pe harta, din input-group-ul adresei (formularul de
   companie si cel de anunt). Trebuie sa fie fix cat inputul de langa el, iar
   inputul are alta inaltime dupa context (50px in pagina, 44px in dashboard).
   In loc de valori fixe, grupul devine flex si butonul se intinde singur pe toata
   inaltimea randului (align-self: stretch), oricare ar fi ea. Padding vertical 0,
   altfel padding-ul temei l-ar face mai inalt decat inputul. */
.geocode-address-group {
	display: flex;
}
.geocode-address-group > .form-control {
	flex: 1 1 auto;
}
.geocode-address-group > .input-group-btn {
	display: flex;
	width: auto;
}
/* !important pentru ca .btn-primary are height/padding cu !important (44px). */
.geocode-address-group .geocode-button {
	align-self: stretch;
	height: auto !important;
	padding: 0 20px !important;
	line-height: 1 !important;
	font-size: 16px;
}