/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/**
 * RAPAZ BEAUTY — ghiduri SEO, GEO și AEO pentru categoriile WooCommerce.
 *
 * FIȘIER:
 * /home/r142190rapa/public_html/wp/wp-content/themes/woodmart-child/style.css
 *
 * SCOP:
 * - stilizează conținutul extins introdus în câmpul WoodMart
 *   „Descriere suplimentară”;
 * - păstrează aspectul simplu, alb-negru, fără carduri și fără colțuri
 *   rotunjite;
 * - limitează lungimea rândurilor pentru lizibilitate;
 * - asigură afișare responsive pe desktop, tabletă și telefon;
 * - nu modifică grila produselor, filtrele sau alte secțiuni WoodMart.
 *
 * IZOLARE:
 * Toate regulile sunt limitate la clasa `.rb-category-guide`.
 * Alte pagini și componente nu sunt afectate.
 *
 * DEPANARE:
 * 1. Verifică dacă elementul principal din descriere are:
 *    class="rb-category-guide"
 * 2. Golește complet SpeedyCache după modificare.
 * 3. Dacă stilurile nu apar, caută `rb-category-guide` în sursa paginii.
 * 4. Dacă pagina are depășire laterală, verifică existența unui URL foarte
 *    lung, a unei imagini sau a unui cod inserat în interiorul descrierii.
 */

/* ==========================================================
   1. RESET LOCAL ȘI VARIABILE
   ========================================================== */

.rb-category-guide,
.rb-category-guide *,
.rb-category-guide *::before,
.rb-category-guide *::after {
	box-sizing: border-box;
}

.rb-category-guide {
	--rb-guide-text: #242424;
	--rb-guide-heading: #111111;
	--rb-guide-muted: #5f5f5f;
	--rb-guide-line: #e4e4e4;
	--rb-guide-link: #111111;
	--rb-guide-link-hover: #5a5a5a;

	display: block;
	width: 100%;
	max-width: 920px;
	margin: clamp(56px, 7vw, 96px) auto 0;
	padding: 0 clamp(18px, 3vw, 30px) clamp(42px, 6vw, 72px);

	color: var(--rb-guide-text);
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;

	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75;
	text-align: left;

	overflow-wrap: break-word;
	word-break: normal;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/*
 * Limitează lățimea reală a textului.
 *
 * `72ch` înseamnă aproximativ 65–75 de caractere pe rând,
 * interval potrivit pentru citirea textelor informative.
 */
.rb-category-guide :is(
	h2,
	h3,
	p,
	ul,
	ol
) {
	width: 100%;
	max-width: 72ch;
	margin-right: auto;
	margin-left: auto;
}

/* ==========================================================
   2. ANTETUL GHIDULUI
   ========================================================== */

.rb-category-guide__header {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.rb-category-guide__header > p:first-of-type {
	color: #3f3f3f;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 1.75;
}

/* ==========================================================
   3. TITLURI
   ========================================================== */

.rb-category-guide h2,
.rb-category-guide h3 {
	color: var(--rb-guide-heading);
	font-family: inherit;
	font-style: normal;
	text-transform: none;
	letter-spacing: -0.015em;
	text-wrap: balance;
	scroll-margin-top: 120px;
}

.rb-category-guide h2 {
	margin-top: 0;
	margin-bottom: clamp(20px, 3vw, 28px);

	font-size: clamp(25px, 3vw, 36px);
	font-weight: 700;
	line-height: 1.22;
}

.rb-category-guide h3 {
	margin-top: clamp(26px, 4vw, 38px);
	margin-bottom: 12px;

	font-size: clamp(19px, 2vw, 24px);
	font-weight: 700;
	line-height: 1.35;
}

/*
 * Primul H3 al fiecărei secțiuni nu are nevoie de margine mare deasupra,
 * deoarece spațiul este deja oferit de containerul secțiunii.
 */
.rb-category-guide__section > h3:first-child,
.rb-category-guide__faq > h3:first-of-type {
	margin-top: 0;
}

/* ==========================================================
   4. PARAGRAFE ȘI ACCENTE
   ========================================================== */

.rb-category-guide p {
	margin-top: 0;
	margin-bottom: 17px;

	color: var(--rb-guide-text);
	font-size: inherit;
	line-height: inherit;
}

.rb-category-guide p:last-child {
	margin-bottom: 0;
}

.rb-category-guide strong {
	color: var(--rb-guide-heading);
	font-weight: 700;
}

/* ==========================================================
   5. LISTE SEMANTICE
   ========================================================== */

.rb-category-guide ul,
.rb-category-guide ol {
	margin-top: 18px;
	margin-bottom: 24px;
	padding-left: 1.4rem;

	color: var(--rb-guide-text);
}

.rb-category-guide li {
	margin: 0;
	padding-left: 0.25rem;
	line-height: 1.7;
}

.rb-category-guide li + li {
	margin-top: 10px;
}

.rb-category-guide li::marker {
	color: var(--rb-guide-heading);
	font-weight: 700;
}

/* ==========================================================
   6. SECȚIUNI
   ========================================================== */

/*
 * Nu folosim carduri, fundaluri colorate, umbre sau colțuri rotunjite.
 * Separarea logică se face exclusiv prin spațiere și o linie discretă.
 */
.rb-category-guide__section,
.rb-category-guide__faq,
.rb-category-guide__related {
	margin-top: clamp(38px, 5vw, 58px);
	padding-top: clamp(32px, 4vw, 46px);

	background: transparent;
	border: 0;
	border-top: 1px solid var(--rb-guide-line);
	border-radius: 0;
	box-shadow: none;
}

/* ==========================================================
   7. ÎNTREBĂRI FRECVENTE
   ========================================================== */

.rb-category-guide__faq > h2 {
	margin-bottom: clamp(26px, 4vw, 38px);
}

.rb-category-guide__faq h3 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.rb-category-guide__faq h3:first-of-type {
	margin-top: 0;
}

.rb-category-guide__faq h3 + p {
	margin-bottom: 24px;
	color: var(--rb-guide-text);
}

/* ==========================================================
   8. LEGĂTURI INTERNE
   ========================================================== */

.rb-category-guide a {
	color: var(--rb-guide-link);
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
	text-underline-offset: 4px;

	transition:
		color 160ms ease,
		text-decoration-thickness 160ms ease;
}

.rb-category-guide a:hover {
	color: var(--rb-guide-link-hover);
	text-decoration-thickness: 2px;
}

.rb-category-guide a:focus-visible {
	color: var(--rb-guide-heading);
	outline: 2px solid currentColor;
	outline-offset: 4px;
	text-decoration-thickness: 2px;
}

/* ==========================================================
   9. SECȚIUNEA CU CATEGORII ASOCIATE
   ========================================================== */

.rb-category-guide__related {
	margin-bottom: 0;
}

.rb-category-guide__related > h2 {
	margin-bottom: 18px;
}

.rb-category-guide__related p {
	color: var(--rb-guide-muted);
}

.rb-category-guide__related a {
	color: var(--rb-guide-heading);
}

/* ==========================================================
   10. TABLETĂ
   ========================================================== */

@media (max-width: 1024px) {
	.rb-category-guide {
		max-width: 820px;
		margin-top: 58px;
		padding-right: 22px;
		padding-left: 22px;
	}

	.rb-category-guide h2,
	.rb-category-guide h3,
	.rb-category-guide p,
	.rb-category-guide ul,
	.rb-category-guide ol {
		max-width: 68ch;
	}
}

/* ==========================================================
   11. TELEFON
   ========================================================== */

@media (max-width: 767px) {
	.rb-category-guide {
		width: 100%;
		max-width: none;
		margin-top: 42px;
		padding: 0 16px 44px;

		font-size: 16px;
		line-height: 1.7;
	}

	.rb-category-guide h2,
	.rb-category-guide h3,
	.rb-category-guide p,
	.rb-category-guide ul,
	.rb-category-guide ol {
		max-width: 100%;
	}

	.rb-category-guide h2 {
		margin-bottom: 18px;
		font-size: clamp(24px, 7vw, 29px);
		line-height: 1.25;
	}

	.rb-category-guide h3 {
		margin-top: 26px;
		margin-bottom: 10px;
		font-size: clamp(19px, 5.5vw, 22px);
		line-height: 1.35;
	}

	.rb-category-guide p {
		margin-bottom: 15px;
	}

	.rb-category-guide ul,
	.rb-category-guide ol {
		margin-top: 16px;
		margin-bottom: 22px;
		padding-left: 1.25rem;
	}

	.rb-category-guide li {
		padding-left: 0.15rem;
	}

	.rb-category-guide li + li {
		margin-top: 9px;
	}

	.rb-category-guide__section,
	.rb-category-guide__faq,
	.rb-category-guide__related {
		margin-top: 34px;
		padding-top: 30px;
	}

	.rb-category-guide__faq h3 {
		margin-top: 26px;
	}

	.rb-category-guide__faq h3 + p {
		margin-bottom: 22px;
	}
}

/* ==========================================================
   12. TELEFOANE FOARTE ÎNGUSTE
   ========================================================== */

@media (max-width: 380px) {
	.rb-category-guide {
		padding-right: 14px;
		padding-left: 14px;
		font-size: 15.5px;
	}

	.rb-category-guide h2 {
		font-size: 23px;
	}

	.rb-category-guide h3 {
		font-size: 19px;
	}
}

/* ==========================================================
   13. ACCESIBILITATE — MIȘCARE REDUSĂ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.rb-category-guide a {
		transition: none;
	}
}

/* ==========================================================
   14. TIPĂRIRE
   ========================================================== */

@media print {
	.rb-category-guide {
		max-width: none;
		margin: 0;
		padding: 0;
		color: #000000;
		font-size: 11pt;
		line-height: 1.5;
	}

	.rb-category-guide__section,
	.rb-category-guide__faq,
	.rb-category-guide__related {
		break-inside: avoid;
		border-top-color: #bdbdbd;
	}

	.rb-category-guide a {
		color: #000000;
		text-decoration: underline;
	}
}







/**
 * RAPAZ BEAUTY — introducere compactă deasupra produselor.
 *
 * FIȘIER:
 * /home/r142190rapa/public_html/wp/wp-content/themes/woodmart-child/style.css
 *
 * SCOP:
 * - păstrează o introducere semantică scurtă înaintea grilei;
 * - permite utilizatorului mobil să ajungă rapid la produse;
 * - evită duplicarea ghidului extins afișat sub produse;
 * - nu ascunde conținut prin JavaScript și nu folosește line-clamp;
 * - textul rămâne integral disponibil pentru utilizatori și crawlere.
 *
 * DEPANARE:
 * - clasa trebuie introdusă în primul câmp „Descriere” al categoriei;
 * - dacă stilul nu apare, caută `rb-category-intro` în sursa paginii;
 * - golește SpeedyCache după actualizarea categoriei și a CSS-ului.
 */

.rb-category-intro {
	display: block;
	width: 100%;
	max-width: 72ch;
	margin: 0 0 24px;
	padding: 0;

	color: #3f3f3f;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;

	font-family: inherit;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.65;
	text-align: left;
	text-wrap: pretty;

	overflow-wrap: break-word;
	word-break: normal;
}

/**
 * Telefon și tabletă mică.
 *
 * Textul este păstrat integral, dar are spațiere compactă.
 * Nu folosim ascundere, expandare sau JavaScript.
 */
@media (max-width: 767px) {
	.rb-category-intro {
		max-width: none;
		margin-bottom: 16px;

		font-size: 14.5px;
		line-height: 1.55;
	}
}

/**
 * Ecrane foarte înguste.
 */
@media (max-width: 380px) {
	.rb-category-intro {
		margin-bottom: 14px;

		font-size: 14px;
		line-height: 1.5;
	}
}













/**
 * RAPAZ BEAUTY — pagina Despre noi / identitate GEO.
 *
 * FIȘIER:
 * /home/r142190rapa/public_html/wp/wp-content/themes/woodmart-child/style.css
 *
 * SCOP:
 * - prezintă clar magazinul, brandul și operatorul legal;
 * - păstrează aspectul alb-negru, fără carduri sau colțuri rotunjite;
 * - limitează lungimea rândurilor pentru citire;
 * - asigură semantică și focus vizibil;
 * - nu afectează alte pagini.
 */

.rb-about-page,
.rb-about-page *,
.rb-about-page *::before,
.rb-about-page *::after {
	box-sizing: border-box;
}

.rb-about-page {
	--rb-about-text: #2b2b2b;
	--rb-about-heading: #111111;
	--rb-about-muted: #606060;
	--rb-about-line: #e1e1e1;

	width: min(100%, 980px);
	margin: 0 auto;
	padding:
		clamp(22px, 3vw, 42px)
		clamp(18px, 3vw, 32px)
		clamp(48px, 6vw, 80px);

	color: var(--rb-about-text);
	font-size: 16px;
	line-height: 1.75;
	overflow-wrap: break-word;
}

.rb-about-page :is(
	h2,
	p,
	ul,
	dl,
	address
) {
	max-width: 74ch;
	margin-right: auto;
	margin-left: auto;
}

.rb-about-page__lead {
	margin-top: 0;
	margin-bottom: clamp(38px, 5vw, 60px);

	color: #333333;
	font-size: clamp(17px, 1.35vw, 19px);
	line-height: 1.75;
	text-align: center;
	text-wrap: pretty;
}

.rb-about-page__lead strong {
	color: var(--rb-about-heading);
	font-weight: 700;
}

.rb-about-page__section {
	margin-top: clamp(38px, 5vw, 58px);
	padding-top: clamp(30px, 4vw, 44px);

	border-top: 1px solid var(--rb-about-line);
	background: transparent;
}

.rb-about-page__section h2 {
	margin-top: 0;
	margin-bottom: 18px;

	color: var(--rb-about-heading);
	font-size: clamp(24px, 2.7vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-align: left;
	text-wrap: balance;
}

.rb-about-page p {
	margin-top: 0;
	margin-bottom: 17px;
}

.rb-about-page ul {
	margin-top: 17px;
	margin-bottom: 22px;
	padding-left: 1.4rem;
}

.rb-about-page li {
	padding-left: 0.2rem;
	line-height: 1.7;
}

.rb-about-page li + li {
	margin-top: 9px;
}

.rb-about-page__roles {
	margin-top: 26px;
	margin-bottom: 0;
}

.rb-about-page__roles > div {
	display: grid;
	grid-template-columns:
		minmax(190px, 0.36fr)
		minmax(0, 1fr);
	gap: 22px;

	padding: 20px 0;
	border-bottom: 1px solid var(--rb-about-line);
}

.rb-about-page__roles > div:first-child {
	border-top: 1px solid var(--rb-about-line);
}

.rb-about-page__roles dt {
	color: var(--rb-about-heading);
	font-weight: 700;
	line-height: 1.5;
}

.rb-about-page__roles dd {
	margin: 0;
	color: var(--rb-about-text);
	line-height: 1.7;
}

.rb-about-page__company {
	font-style: normal;
}

.rb-about-page__company > p:first-child {
	margin-bottom: 14px;
}

.rb-about-page__notice {
	color: var(--rb-about-muted);
	font-size: 14px;
}

.rb-about-page__updated {
	margin-top: clamp(38px, 5vw, 58px);
	padding-top: 20px;

	border-top: 1px solid var(--rb-about-line);
	color: var(--rb-about-muted);
	font-size: 13px;
	text-align: center;
}

.rb-about-page a {
	color: #111111;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.rb-about-page a:hover {
	color: #555555;
	text-decoration-thickness: 2px;
}

.rb-about-page a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 4px;
}

@media (max-width: 767px) {
	.rb-about-page {
		width: 100%;
		padding:
			24px
			16px
			48px;

		font-size: 16px;
		line-height: 1.7;
	}

	.rb-about-page__lead {
		margin-bottom: 38px;
		font-size: 16px;
		line-height: 1.7;
	}

	.rb-about-page__section {
		margin-top: 34px;
		padding-top: 28px;
	}

	.rb-about-page__section h2 {
		font-size: clamp(23px, 6.5vw, 28px);
		line-height: 1.28;
	}

	.rb-about-page__roles > div {
		grid-template-columns: 1fr;
		gap: 6px;
		padding: 18px 0;
	}
}

@media (max-width: 380px) {
	.rb-about-page {
		padding-right: 14px;
		padding-left: 14px;
		font-size: 15.5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rb-about-page a {
		transition: none;
	}
}

















/**
 * RAPAZ BEAUTY — pagina „Despre noi”, versiunea 3.
 *
 * PAGINĂ ELEMENTOR:
 * ID pagină: 4400
 *
 * STRUCTURĂ ELEMENTOR NECESARĂ:
 *
 * rb-about-title-v2
 * └── widget Elementor Heading cu eticheta H1
 *
 * rb-about-layout-v2
 * ├── rb-about-media-v2
 * │   ├── rb-about-media-v2__primary
 * │   └── rb-about-media-v2__secondary
 * └── rb-about-copy-v2
 *     └── widget Elementor HTML
 *         └── rb-about-v3
 *
 * SCOP:
 * - forțează două coloane reale pe desktop;
 * - oferă coloanei de text aproximativ 62% din lățime;
 * - elimină limitările de lățime impuse de widgeturi;
 * - păstrează imaginile în stânga și conținutul în dreapta;
 * - compactează categoriile și datele firmei în grile;
 * - nu utilizează carduri, umbre sau colțuri rotunjite;
 * - izolează regulile exclusiv pe pagina Elementor 4400.
 *
 * DEPANARE:
 * 1. Dacă textul rămâne îngust, verifică existența clasei `rb-about-v3`.
 * 2. Dacă apare `rb-about-page`, vechiul widget nu a fost eliminat.
 * 3. Dacă apar multe `<br>`, este folosit un Text Block, nu widgetul HTML.
 * 4. Dacă există o coloană goală, containerul Elementor este încă setat
 *    la trei coloane.
 * 5. Dacă CSS-ul nu se actualizează, verifică modificarea functions.php
 *    prezentată după acest bloc.
 */


/* ==========================================================
   1. RESET LOCAL
   ========================================================== */

.elementor-4400 .rb-about-v3,
.elementor-4400 .rb-about-v3 *,
.elementor-4400 .rb-about-v3 *::before,
.elementor-4400 .rb-about-v3 *::after {
	box-sizing: border-box;
}


/* ==========================================================
   2. TITLUL PRINCIPAL H1
   ========================================================== */

.elementor-4400 .rb-about-title-v2 {
	--container-max-width: 1240px !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(34px, 5vw, 64px)
		24px
		clamp(28px, 4vw, 46px) !important;
}

.elementor-4400 .rb-about-title-v2 > .e-con-inner {
	width: 100% !important;
	max-width: 1240px !important;

	margin-right: auto !important;
	margin-left: auto !important;
}

.elementor-4400 .rb-about-title-v2 .elementor-heading-title {
	width: 100%;
	margin: 0;

	color: #111111;

	font-family: inherit;
	font-size: clamp(38px, 4.5vw, 58px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.035em;

	text-align: center;
	text-transform: none;
}


/* ==========================================================
   3. GRILA PRINCIPALĂ
   ========================================================== */

.elementor-4400 .rb-about-layout-v2 {
	--container-max-width: 1240px !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

.elementor-4400 .rb-about-layout-v2 > .e-con-inner {
	display: grid !important;

	grid-template-columns:
		minmax(360px, 0.82fr)
		minmax(0, 1.38fr) !important;

	grid-template-rows: auto !important;

	column-gap: 56px !important;
	row-gap: 32px !important;

	align-items: start !important;
	justify-items: stretch !important;

	width: 100% !important;
	max-width: 1240px !important;

	margin-right: auto !important;
	margin-left: auto !important;

	padding-right: 24px !important;
	padding-left: 24px !important;
}

.elementor-4400
	.rb-about-layout-v2
	> .e-con-inner
	> * {
	min-width: 0 !important;
	max-width: none !important;
}


/* ==========================================================
   4. COLOANA MEDIA
   ========================================================== */

.elementor-4400
	.rb-about-layout-v2
	> .e-con-inner
	> .rb-about-media-v2 {
	--width: 100% !important;

	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;

	grid-column: 1 !important;
	grid-row: 1 !important;

	align-self: start !important;

	gap: 18px !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}

@media (min-width: 1025px) {
	.elementor-4400
		.rb-about-layout-v2
		> .e-con-inner
		> .rb-about-media-v2 {
		position: sticky !important;
		top: calc(var(--wd-header-sticky-h, 60px) + 24px);
	}
}


/* ==========================================================
   5. IMAGINEA PRINCIPALĂ
   ========================================================== */

.elementor-4400 .rb-about-media-v2__primary {
	--width: 100% !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}

.elementor-4400 .rb-about-media-v2__primary img {
	display: block;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1;

	margin: 0;

	border: 0;
	border-radius: 0;
	box-shadow: none;

	object-fit: cover;
	object-position: center;
}


/* ==========================================================
   6. IMAGINILE SECUNDARE
   ========================================================== */

.elementor-4400 .rb-about-media-v2__secondary {
	--width: 100% !important;

	display: grid !important;

	grid-template-columns:
		repeat(2, minmax(0, 1fr)) !important;

	gap: 18px !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}

.elementor-4400
	.rb-about-media-v2__secondary
	.elementor-widget,
.elementor-4400
	.rb-about-media-v2__secondary
	.elementor-widget-container {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
}

.elementor-4400
	.rb-about-media-v2__secondary
	img {
	display: block;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1;

	margin: 0;

	border: 0;
	border-radius: 0;
	box-shadow: none;

	object-fit: cover;
	object-position: center;
}

.elementor-4400
	.rb-about-media-v2__secondary
	> .elementor-widget:only-child {
	grid-column: 1 / -1;
}


/* ==========================================================
   7. COLOANA DE TEXT
   ========================================================== */

.elementor-4400
	.rb-about-layout-v2
	> .e-con-inner
	> .rb-about-copy-v2 {
	--width: 100% !important;

	display: block !important;

	grid-column: 2 !important;
	grid-row: 1 !important;

	align-self: start !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}

.elementor-4400
	.rb-about-copy-v2
	> .elementor-element,
.elementor-4400
	.rb-about-copy-v2
	.elementor-widget-html,
.elementor-4400
	.rb-about-copy-v2
	.elementor-widget-container {
	display: block !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* ==========================================================
   8. CONȚINUTUL GENERAL
   ========================================================== */

.elementor-4400 .rb-about-v3 {
	--rb-about-text: #292929;
	--rb-about-heading: #111111;
	--rb-about-muted: #676767;
	--rb-about-line: #dddddd;
	--rb-about-line-soft: #ebebeb;

	display: block;

	width: 100% !important;
	max-width: none !important;

	margin: 0;
	padding: 0 0 clamp(48px, 6vw, 76px);

	color: var(--rb-about-text);
	background: transparent;

	font-family: inherit;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	text-align: left;

	overflow-wrap: break-word;
	word-break: normal;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.elementor-4400 .rb-about-v3 :is(
	h2,
	h3,
	p,
	ul,
	dl,
	address,
	nav
) {
	width: 100%;
	max-width: none;

	margin-right: 0;
	margin-left: 0;
}


/* ==========================================================
   9. INTRODUCERE
   ========================================================== */

.elementor-4400 .rb-about-v3__intro {
	margin: 0;
	padding: 2px 0 clamp(32px, 4vw, 42px);

	border-bottom: 1px solid var(--rb-about-line);
}

.elementor-4400 .rb-about-v3__lead {
	margin: 0 0 12px;

	color: var(--rb-about-heading);

	font-size: clamp(20px, 1.7vw, 24px);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.012em;
}

.elementor-4400 .rb-about-v3__intro p:last-child {
	margin-bottom: 0;

	color: #3e3e3e;

	font-size: clamp(17px, 1.25vw, 19px);
	line-height: 1.72;
}


/* ==========================================================
   10. SECȚIUNI ȘI TITLURI
   ========================================================== */

.elementor-4400 .rb-about-v3__section {
	margin-top: clamp(34px, 4vw, 48px);
	padding-top: clamp(30px, 3.5vw, 40px);

	border-top: 1px solid var(--rb-about-line);
}

.elementor-4400
	.rb-about-v3__intro
	+ .rb-about-v3__section {
	border-top: 0;
}

.elementor-4400 .rb-about-v3 h2 {
	margin: 0 0 18px;

	color: var(--rb-about-heading);

	font-family: inherit;
	font-size: clamp(27px, 2.4vw, 35px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.025em;

	text-align: left;
	text-transform: none;
}

.elementor-4400 .rb-about-v3 h3 {
	margin: 0 0 10px;

	color: var(--rb-about-heading);

	font-family: inherit;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.01em;
}

.elementor-4400 .rb-about-v3 p {
	margin-top: 0;
	margin-bottom: 16px;
}

.elementor-4400 .rb-about-v3 p:last-child {
	margin-bottom: 0;
}


/* ==========================================================
   11. IDENTITĂȚILE RAPAZ
   ========================================================== */

.elementor-4400 .rb-about-v3__roles {
	margin: 24px 0 0;
	padding: 0;

	border-top: 1px solid var(--rb-about-line-soft);
}

.elementor-4400 .rb-about-v3__roles > div {
	display: grid;

	grid-template-columns:
		minmax(180px, 0.42fr)
		minmax(0, 1fr);

	gap: 24px;

	align-items: start;

	padding: 18px 0;

	border-bottom: 1px solid var(--rb-about-line-soft);
}

.elementor-4400 .rb-about-v3__roles dt {
	color: var(--rb-about-heading);
	font-weight: 700;
	line-height: 1.5;
}

.elementor-4400 .rb-about-v3__roles dd {
	margin: 0;
	line-height: 1.65;
}


/* ==========================================================
   12. CATEGORII
   ========================================================== */

.elementor-4400 .rb-about-v3__category-navigation {
	margin-top: 22px;
}

.elementor-4400 .rb-about-v3__category-list {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	column-gap: 30px;
	row-gap: 0;

	margin: 0;
	padding: 0;

	list-style: none;
}

.elementor-4400 .rb-about-v3__category-list li {
	margin: 0;
	padding: 0;

	border-bottom: 1px solid var(--rb-about-line-soft);
}

.elementor-4400 .rb-about-v3__category-list a {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 16px;

	min-height: 54px;
	padding: 13px 0;

	color: var(--rb-about-heading);

	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;

	transition:
		color 160ms ease,
		padding-left 160ms ease;
}

.elementor-4400 .rb-about-v3__category-list a:hover {
	color: #555555;
	padding-left: 4px;
}

.elementor-4400
	.rb-about-v3__category-list
	a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 4px;
}


/* ==========================================================
   13. PRINCIPIILE DE PUBLICARE
   ========================================================== */

.elementor-4400 .rb-about-v3__principles {
	margin: 22px 0 0;
	padding: 0;

	list-style: none;
}

.elementor-4400 .rb-about-v3__principles li {
	position: relative;

	margin: 0;
	padding: 13px 0 13px 26px;

	border-bottom: 1px solid var(--rb-about-line-soft);
}

.elementor-4400 .rb-about-v3__principles li:first-child {
	border-top: 1px solid var(--rb-about-line-soft);
}

.elementor-4400
	.rb-about-v3__principles
	li::before {
	content: "";

	position: absolute;
	top: 1.38em;
	left: 2px;

	width: 7px;
	height: 7px;

	background: #111111;
	border-radius: 50%;
}


/* ==========================================================
   14. LIVRARE, RETUR ȘI SUPORT
   ========================================================== */

.elementor-4400 .rb-about-v3__service-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 36px;

	margin-top: 24px;
}

.elementor-4400 .rb-about-v3__service {
	min-width: 0;
}

.elementor-4400 .rb-about-v3__inline-links {
	display: flex;

	flex-wrap: wrap;

	gap: 10px 20px;
}


/* ==========================================================
   15. DATELE FIRMEI
   ========================================================== */

.elementor-4400 .rb-about-v3__company {
	display: block;

	margin: 24px 0 0;

	font-style: normal;
}

.elementor-4400 .rb-about-v3__facts {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	column-gap: 32px;
	row-gap: 0;

	margin: 0;
	padding: 0;

	border-top: 1px solid var(--rb-about-line-soft);
}

.elementor-4400 .rb-about-v3__facts > div {
	min-width: 0;
	padding: 14px 0;

	border-bottom: 1px solid var(--rb-about-line-soft);
}

.elementor-4400
	.rb-about-v3__facts
	> .rb-about-v3__fact--wide {
	grid-column: 1 / -1;
}

.elementor-4400 .rb-about-v3__facts dt {
	margin-bottom: 4px;

	color: var(--rb-about-heading);
	font-weight: 700;
	line-height: 1.45;
}

.elementor-4400 .rb-about-v3__facts dd {
	margin: 0;
	line-height: 1.6;
}

.elementor-4400 .rb-about-v3__notice {
	margin-top: 18px !important;

	color: var(--rb-about-muted);

	font-size: 14px;
	line-height: 1.65;
}


/* ==========================================================
   16. LINKURI ȘI CONTACT
   ========================================================== */

.elementor-4400 .rb-about-v3 a {
	color: #111111;
	font-weight: 700;

	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.elementor-4400 .rb-about-v3 a:hover {
	color: #555555;
	text-decoration-thickness: 2px;
}

.elementor-4400 .rb-about-v3 a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 4px;
}

.elementor-4400 .rb-about-v3__contact-link {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 18px;

	min-height: 50px;
	margin-top: 8px;
	padding: 13px 22px;

	border: 1px solid #111111;
	border-radius: 0;

	color: #111111 !important;
	background: transparent;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;

	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;

	transition:
		color 160ms ease,
		background-color 160ms ease;
}

.elementor-4400 .rb-about-v3__contact-link:hover {
	color: #ffffff !important;
	background: #111111;
}


/* ==========================================================
   17. DATA ACTUALIZĂRII
   ========================================================== */

.elementor-4400 .rb-about-v3__updated {
	margin-top: clamp(38px, 5vw, 58px) !important;
	padding-top: 18px;

	border-top: 1px solid var(--rb-about-line);

	color: var(--rb-about-muted);

	font-size: 13px;
	text-align: center;
}


/* ==========================================================
   18. TABLETĂ
   ========================================================== */

@media (max-width: 1024px) {
	.elementor-4400 .rb-about-layout-v2 > .e-con-inner {
		grid-template-columns:
			minmax(0, 1fr) !important;

		column-gap: 0 !important;
		row-gap: 38px !important;

		max-width: 800px !important;

		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.elementor-4400
		.rb-about-layout-v2
		> .e-con-inner
		> .rb-about-media-v2,
	.elementor-4400
		.rb-about-layout-v2
		> .e-con-inner
		> .rb-about-copy-v2 {
		grid-column: 1 !important;
		grid-row: auto !important;

		position: static !important;
	}

	.elementor-4400 .rb-about-title-v2 {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}


/* ==========================================================
   19. TELEFON
   ========================================================== */

@media (max-width: 767px) {
	.elementor-4400 .rb-about-title-v2 {
		padding:
			28px
			16px
			26px !important;
	}

	.elementor-4400
		.rb-about-title-v2
		.elementor-heading-title {
		font-size: clamp(34px, 10vw, 43px);
		line-height: 1.12;
	}

	.elementor-4400 .rb-about-layout-v2 > .e-con-inner {
		row-gap: 28px !important;

		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	.elementor-4400 .rb-about-media-v2 {
		gap: 12px !important;
	}

	.elementor-4400
		.rb-about-media-v2__primary
		img {
		aspect-ratio: 4 / 3;
	}

	.elementor-4400
		.rb-about-media-v2__secondary {
		gap: 12px !important;
	}

	.elementor-4400 .rb-about-v3 {
		font-size: 16px;
		line-height: 1.68;
	}

	.elementor-4400 .rb-about-v3__lead {
		font-size: 19px;
	}

	.elementor-4400 .rb-about-v3 h2 {
		font-size: clamp(26px, 7.5vw, 31px);
		line-height: 1.22;
	}

	.elementor-4400 .rb-about-v3__roles > div {
		grid-template-columns:
			minmax(0, 1fr);

		gap: 6px;

		padding: 17px 0;
	}

	.elementor-4400 .rb-about-v3__category-list {
		grid-template-columns:
			minmax(0, 1fr);
	}

	.elementor-4400 .rb-about-v3__service-grid {
		grid-template-columns:
			minmax(0, 1fr);

		gap: 28px;
	}

	.elementor-4400 .rb-about-v3__facts {
		grid-template-columns:
			minmax(0, 1fr);
	}

	.elementor-4400
		.rb-about-v3__facts
		> .rb-about-v3__fact--wide {
		grid-column: auto;
	}

	.elementor-4400 .rb-about-v3__contact-link {
		display: flex;
		width: 100%;
	}
}


/* ==========================================================
   20. TELEFOANE FOARTE ÎNGUSTE
   ========================================================== */

@media (max-width: 380px) {
	.elementor-4400 .rb-about-title-v2 {
		padding-right: 14px !important;
		padding-left: 14px !important;
	}

	.elementor-4400 .rb-about-layout-v2 > .e-con-inner {
		padding-right: 14px !important;
		padding-left: 14px !important;
	}

	.elementor-4400 .rb-about-v3 {
		font-size: 15.5px;
	}
}


/* ==========================================================
   21. ACCESIBILITATE
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.elementor-4400 .rb-about-v3 a,
	.elementor-4400 .rb-about-v3__contact-link {
		transition: none;
	}
}


/* ==========================================================
   22. PRINT
   ========================================================== */

@media print {
	.elementor-4400 .rb-about-layout-v2 > .e-con-inner {
		display: block !important;

		width: 100% !important;
		max-width: none !important;

		padding: 0 !important;
	}

	.elementor-4400 .rb-about-media-v2 {
		position: static !important;

		max-width: 420px !important;
		margin: 0 auto 24px !important;
	}

	.elementor-4400 .rb-about-media-v2__secondary {
		display: none !important;
	}

	.elementor-4400 .rb-about-v3 {
		font-size: 11pt;
		line-height: 1.5;
	}

	.elementor-4400 .rb-about-v3__contact-link {
		display: none;
	}
}


























/**
 * RAPAZ BEAUTY — lista categoriilor din pagina „Despre noi”.
 *
 * FIȘIER:
 * /home/r142190rapa/public_html/wp/wp-content/themes/woodmart-child/style.css
 *
 * SCOP:
 * - neutralizează marcatorii și spațierile globale WoodMart;
 * - afișează linkurile în două coloane pe desktop;
 * - păstrează un singur rând compact pentru fiecare categorie;
 * - folosește numai separator liniar, fără carduri sau border-radius;
 * - păstrează focus vizibil pentru navigarea cu tastatura.
 *
 * IZOLARE:
 * Regulile sunt limitate la pagina Elementor 4400 și la clasa
 * `.rb-about-category-links`. Alte liste ale site-ului nu sunt afectate.
 *
 * DEPANARE:
 * 1. Dacă punctele rămân, verifică existența clasei
 *    `rb-about-category-links` pe elementul <ul>.
 * 2. Dacă semnele „;” rămân, ele există încă în HTML și trebuie șterse.
 * 3. Dacă lista rămâne pe o singură coloană pe desktop, golește cache-ul.
 */


/* ==========================================================
   1. CONTAINERUL NAVIGAȚIEI
   ========================================================== */

.elementor-4400 .rb-about-category-nav {
	display: block;

	width: 100%;
	max-width: none;

	margin: 24px 0 0;
	padding: 0;
}


/* ==========================================================
   2. LISTA — RESET COMPLET WOODMART
   ========================================================== */

.elementor-4400 .rb-about-category-links {
	/*
	 * WoodMart folosește variabile interne pentru spațiul listelor.
	 * Le resetăm local pentru ca tema să nu reintroducă marcatori
	 * sau margini după actualizări.
	 */
	--li-pl: 0;
	--li-mb: 0;
	--list-mb: 0;

	display: grid !important;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	column-gap: 30px;
	row-gap: 0;

	width: 100%;
	max-width: none;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


/* ==========================================================
   3. FIECARE CATEGORIE
   ========================================================== */

.elementor-4400 .rb-about-category-links > li {
	display: block !important;

	position: relative;

	min-width: 0;

	margin: 0 !important;
	padding: 0 !important;

	border-bottom: 1px solid #e7e7e7;

	list-style: none !important;
}

/*
 * Neutralizează atât markerul standard al browserului, cât și eventualele
 * pseudo-elemente introduse global de WoodMart.
 */
.elementor-4400 .rb-about-category-links > li::marker {
	content: "";
	font-size: 0;
}

.elementor-4400 .rb-about-category-links > li::before {
	content: none !important;
	display: none !important;
}


/* ==========================================================
   4. LINKUL CATEGORIEI
   ========================================================== */

.elementor-4400 .rb-about-category-links > li > a {
	display: flex !important;

	align-items: center;
	justify-content: space-between;

	gap: 16px;

	width: 100%;
	min-height: 56px;

	margin: 0;
	padding: 14px 0;

	color: #111111 !important;
	background: transparent;

	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 650;
	line-height: 1.4;

	text-align: left;
	text-decoration: none !important;

	transition:
		color 160ms ease,
		padding-left 160ms ease;
}

.elementor-4400 .rb-about-category-links > li > a:hover {
	padding-left: 5px;

	color: #555555 !important;
}


/* ==========================================================
   5. SĂGEATA
   ========================================================== */

.elementor-4400 .rb-about-category-links__arrow {
	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;
	justify-content: center;

	color: currentColor;

	font-size: 18px;
	font-weight: 400;
	line-height: 1;

	transition: transform 160ms ease;
}

.elementor-4400
	.rb-about-category-links
	> li
	> a:hover
	.rb-about-category-links__arrow {
	transform: translateX(4px);
}


/* ==========================================================
   6. ACCESIBILITATE
   ========================================================== */

.elementor-4400
	.rb-about-category-links
	> li
	> a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 4px;
}


/* ==========================================================
   7. TELEFON
   ========================================================== */

@media (max-width: 767px) {
	.elementor-4400 .rb-about-category-links {
		grid-template-columns:
			minmax(0, 1fr);

		column-gap: 0;
	}

	.elementor-4400 .rb-about-category-links > li > a {
		min-height: 52px;
		padding-top: 13px;
		padding-bottom: 13px;

		font-size: 16px;
	}
}


/* ==========================================================
   8. MIȘCARE REDUSĂ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.elementor-4400 .rb-about-category-links > li > a,
	.elementor-4400 .rb-about-category-links__arrow {
		transition: none;
	}
}























/**
 * RAPAZ BEAUTY — pagina Contact.
 *
 * FIȘIER:
 * /home/r142190rapa/public_html/wp/wp-content/themes/woodmart-child/style.css
 *
 * CLASE ELEMENTOR:
 * - grila principală:         rb-contact-grid
 * - coloana formularului:     rb-contact-form-column
 * - container formular CF7:   rb-contact-form
 * - container FAQ:            rb-contact-faq-wrap
 *
 * SCOP:
 * - elimină spațiul vertical mare din coloana formularului;
 * - păstrează formularul imediat sub titlul H2;
 * - afișează două coloane pe desktop și una pe mobil;
 * - stilizează FAQ-ul fără carduri, umbre sau colțuri rotunjite;
 * - păstrează conținutul FAQ complet vizibil și semantic;
 * - nu modifică formularele de checkout, retur sau newsletter.
 *
 * DEPANARE:
 * 1. Dacă formularul rămâne jos, verifică dacă grila din dreapta a fost
 *    schimbată în Flexbox cu direcția Coloană.
 * 2. Verifică să nu existe min-height pe coloana formularului.
 * 3. Verifică existența clasei `rb-contact-form-column`.
 * 4. Dacă FAQ-ul nu este stilizat, caută `rb-contact-faq` în sursa paginii.
 */


/* ==========================================================
   1. GRILA PRINCIPALĂ CONTACT
   ========================================================== */

.rb-contact-grid {
	align-items: start !important;
	align-content: start !important;

	width: 100%;
	min-height: 0 !important;
	height: auto !important;
}

.rb-contact-grid.e-grid {
	grid-template-columns:
		minmax(0, 0.95fr)
		minmax(0, 1.05fr) !important;

	grid-template-rows: auto !important;

	column-gap: clamp(36px, 5vw, 64px) !important;
	row-gap: 32px !important;
}

.rb-contact-grid > .e-con-inner {
	display: grid !important;

	grid-template-columns:
		minmax(0, 0.95fr)
		minmax(0, 1.05fr) !important;

	grid-template-rows: auto !important;

	column-gap: clamp(36px, 5vw, 64px) !important;
	row-gap: 32px !important;

	align-items: start !important;
	align-content: start !important;
}

.rb-contact-grid.e-grid > *,
.rb-contact-grid > .e-con-inner > * {
	min-width: 0 !important;
	align-self: start !important;
}


/* ==========================================================
   2. COLOANA FORMULARULUI
   ========================================================== */

.rb-contact-form-column,
.rb-contact-form-column > .e-con-inner {
	display: flex !important;

	flex-direction: column !important;
	flex-wrap: nowrap !important;

	justify-content: flex-start !important;
	align-items: stretch !important;
	align-content: flex-start !important;

	gap: 22px !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	grid-template-columns: none !important;
	grid-template-rows: none !important;
}

.rb-contact-form-column > .elementor-element,
.rb-contact-form-column
	> .e-con-inner
	> .elementor-element {
	flex: 0 0 auto !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;

	align-self: stretch !important;

	grid-column: auto !important;
	grid-row: auto !important;
}


/* ==========================================================
   3. CONTACT FORM 7
   ========================================================== */

.rb-contact-form,
.rb-contact-form > .e-con-inner,
.rb-contact-form .elementor-widget,
.rb-contact-form .elementor-widget-container,
.rb-contact-form .wpcf7,
.rb-contact-form .wpcf7-form {
	display: block;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.rb-contact-form .wpcf7-form > :first-child {
	margin-top: 0 !important;
}

.rb-contact-form .wpcf7-form > :last-child {
	margin-bottom: 0 !important;
}


/* ==========================================================
   4. CONTAINERUL FAQ
   ========================================================== */

.rb-contact-faq-wrap {
	--container-max-width: 1200px !important;

	width: 100% !important;
	max-width: none !important;

	margin:
		clamp(58px, 7vw, 92px)
		0
		0 !important;

	padding:
		clamp(48px, 6vw, 76px)
		24px
		clamp(52px, 7vw, 88px) !important;

	border-top: 1px solid #dddddd;
}

.rb-contact-faq-wrap > .e-con-inner {
	width: 100% !important;
	max-width: 1200px !important;

	margin-right: auto !important;
	margin-left: auto !important;
}


/* ==========================================================
   5. RESET LOCAL FAQ
   ========================================================== */

.rb-contact-faq,
.rb-contact-faq *,
.rb-contact-faq *::before,
.rb-contact-faq *::after {
	box-sizing: border-box;
}

.rb-contact-faq {
	--rb-faq-heading: #111111;
	--rb-faq-text: #292929;
	--rb-faq-muted: #666666;
	--rb-faq-line: #dddddd;
	--rb-faq-line-soft: #e9e9e9;

	display: block;

	width: 100%;
	max-width: none;

	margin: 0;
	padding: 0;

	color: var(--rb-faq-text);
	background: transparent;

	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.72;
	text-align: left;

	overflow-wrap: break-word;
	word-break: normal;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


/* ==========================================================
   6. ANTET FAQ
   ========================================================== */

.rb-contact-faq__header {
	width: 100%;
	max-width: 820px;

	margin: 0 auto clamp(34px, 4vw, 50px);

	text-align: center;
}

.rb-contact-faq__eyebrow {
	margin: 0 0 10px;

	color: var(--rb-faq-muted);

	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;

	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.rb-contact-faq__header h2 {
	margin: 0 0 16px;

	color: var(--rb-faq-heading);

	font-family: inherit;
	font-size: clamp(30px, 3.5vw, 44px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.03em;

	text-transform: none;
	text-wrap: balance;
}

.rb-contact-faq__intro {
	max-width: 720px;

	margin: 0 auto;

	color: #444444;

	font-size: clamp(16px, 1.3vw, 18px);
	line-height: 1.7;
}


/* ==========================================================
   7. LISTA ÎNTREBĂRILOR
   ========================================================== */

.rb-contact-faq__list {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	column-gap: clamp(36px, 5vw, 64px);
	row-gap: 0;

	width: 100%;

	margin: 0;
	padding: 0;

	border-top: 1px solid var(--rb-faq-line);
}

.rb-contact-faq__item {
	min-width: 0;

	margin: 0;
	padding: clamp(24px, 3vw, 34px) 0;

	border-bottom: 1px solid var(--rb-faq-line-soft);

	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.rb-contact-faq__item h3 {
	margin: 0 0 13px;

	color: var(--rb-faq-heading);

	font-family: inherit;
	font-size: clamp(19px, 1.8vw, 23px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.015em;

	text-transform: none;
	text-wrap: balance;
}

.rb-contact-faq__item p {
	margin: 0;

	color: var(--rb-faq-text);
	line-height: 1.72;
}

.rb-contact-faq__item strong {
	color: var(--rb-faq-heading);
	font-weight: 700;
}


/* ==========================================================
   8. LINKURI UTILE
   ========================================================== */

.rb-contact-faq__links {
	display: flex;

	flex-wrap: wrap;

	align-items: center;
	justify-content: center;

	gap: 12px 28px;

	margin-top: clamp(34px, 4vw, 50px);
	padding-top: 24px;

	border-top: 1px solid var(--rb-faq-line);
}

.rb-contact-faq__links a {
	color: var(--rb-faq-heading);

	font-weight: 650;
	line-height: 1.5;

	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;

	transition:
		color 160ms ease,
		text-decoration-thickness 160ms ease;
}

.rb-contact-faq__links a:hover {
	color: #555555;
	text-decoration-thickness: 2px;
}

.rb-contact-faq__links a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 4px;
}


/* ==========================================================
   9. TABLETĂ
   ========================================================== */

@media (max-width: 900px) {
	.rb-contact-grid.e-grid,
	.rb-contact-grid > .e-con-inner {
		grid-template-columns:
			minmax(0, 1fr) !important;

		column-gap: 0 !important;
		row-gap: 44px !important;
	}

	.rb-contact-faq__list {
		column-gap: 36px;
	}
}


/* ==========================================================
   10. TELEFON
   ========================================================== */

@media (max-width: 767px) {
	.rb-contact-faq-wrap {
		margin-top: 48px !important;

		padding:
			40px
			16px
			52px !important;
	}

	.rb-contact-faq__header {
		margin-bottom: 30px;

		text-align: left;
	}

	.rb-contact-faq__header h2 {
		font-size: clamp(27px, 8vw, 34px);
		line-height: 1.2;
	}

	.rb-contact-faq__intro {
		margin-left: 0;
	}

	.rb-contact-faq__list {
		grid-template-columns:
			minmax(0, 1fr);

		column-gap: 0;
	}

	.rb-contact-faq__item {
		padding: 24px 0;
	}

	.rb-contact-faq__item h3 {
		font-size: 20px;
	}

	.rb-contact-faq__links {
		flex-direction: column;

		align-items: flex-start;
		justify-content: flex-start;

		gap: 14px;

		padding-top: 22px;
	}
}


/* ==========================================================
   11. TELEFOANE FOARTE ÎNGUSTE
   ========================================================== */

@media (max-width: 380px) {
	.rb-contact-faq-wrap {
		padding-right: 14px !important;
		padding-left: 14px !important;
	}

	.rb-contact-faq {
		font-size: 15.5px;
	}
}


/* ==========================================================
   12. ACCESIBILITATE
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.rb-contact-faq__links a {
		transition: none;
	}
}


/* ==========================================================
   13. TIPĂRIRE
   ========================================================== */

@media print {
	.rb-contact-grid.e-grid,
	.rb-contact-grid > .e-con-inner {
		display: block !important;
	}

	.rb-contact-faq-wrap {
		margin: 30px 0 0 !important;
		padding: 30px 0 0 !important;
	}

	.rb-contact-faq__list {
		display: block;
	}

	.rb-contact-faq__item {
		break-inside: avoid;
	}

	.rb-contact-faq__links {
		display: none;
	}
}

















/**
 * RAPAZ BEAUTY — corectarea coloanei Contact Form 7.
 *
 * CLASE ELEMENTOR:
 * - grila exterioară cu date + formular: rb-contact-grid
 * - coloana din dreapta cu titlu + formular: rb-contact-form-column
 *
 * SCOP:
 * - aliniază ambele coloane la partea superioară;
 * - împiedică distribuirea formularului pe un rând 1fr foarte înalt;
 * - elimină înălțimile minime moștenite accidental din Elementor;
 * - nu afectează alte formulare Contact Form 7 de pe website.
 *
 * DEPANARE:
 * 1. Dacă formularul rămâne coborât, verifică dacă grila internă are
 *    rândurile setate pe `auto`, nu pe `fr`.
 * 2. Verifică să nu existe margin-top sau padding-top pe containerul
 *    formularului.
 * 3. Verifică să nu existe o înălțime minimă setată pe coloana dreaptă.
 */

.rb-contact-grid,
.rb-contact-grid > .e-con-inner {
	align-items: start !important;
}

.rb-contact-form-column,
.rb-contact-form-column > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;

	align-items: stretch !important;
	justify-content: flex-start !important;

	grid-template-rows: none !important;

	gap: 20px !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding-top: 0 !important;
}

.rb-contact-form-column > .elementor-element,
.rb-contact-form-column > .e-con-inner > .elementor-element {
	width: 100% !important;
	max-width: none !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
}