/* ---------------------------------------------------------------------------------------------------*/
/* ---------->>>VARIANTA DE MOBIL<<<-----------*/
/* toate regulile sunt pentru ecrane de maxim 768px; pe desktop site-ul ramane exact ca inainte */
/* HTML-ul si PHP-ul nu sunt modificate: designul se aplica peste elementele care exista deja */
/* singurul cod nou in afara de acest fisier: galeria de poze din profil, la sfarsitul js/various.js */
/* ---------------------------------------------------------------------------------------------------*/

/* fontul se descarca doar cand e folosit, adica doar pe mobil */
@font-face {
	font-family:'Figtree';
	font-style:normal;
	font-weight:400 700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2');
	unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {
	font-family:'Figtree';
	font-style:normal;
	font-weight:400 700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@media only screen and (max-width: 768px) {

/* ---------->>> culori <<<-----------*/
:root {
	--m-paper:#FFFFFF;
	--m-ink:#1F2430;
	--m-muted:#6E6A72;
	--m-line:#EEE6E8;
	--m-field:#EBD3D9;
	--m-red:#B3122E;      /* rosul din logo: titluri, VIP */
	--m-rose:#E5466B;     /* actiuni: butoane, butonul activ din meniu */
	--m-blush:#FFF1F4;    /* fundal pentru zonele evidentiate */
	--m-online:#2E9E5B;
	--m-blue:#006699;}    /* albastrul linkurilor de pe desktop */

/* ---------->>> baza + plasa de siguranta (nimic nu iese din ecran) <<<-----------*/
html, body {
	overflow-x:hidden;}
body {
	background:var(--m-paper);
	-webkit-text-size-adjust:100%;}
#layout, #layout div, #layout p, #layout a, #layout label, #layout span, #layout font, #layout li,
#layout h1, #layout h2, #layout h3, #layout input, #layout select, #layout textarea, #layout button {
	font-family:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;}
#layout div, #layout form, #layout p, #layout ul, #layout input, #layout select, #layout textarea,
#layout h1, #layout h2, #layout h3, #layout iframe, #layout video, #layout embed, #layout object {
	max-width:100%;
	box-sizing:border-box;}
#layout img {
	max-width:100%;
	height:auto;}
/* elementele care ies intentionat pana la marginea ecranului (margini negative de 16px) */
#layout #header-menu, #layout #m-gallery, #layout #profile-pics-main {
	max-width:none;
	width:auto;}

/* ---------->>> containerele principale <<<-----------*/
#layout, html>body #layout,
#header, #main, #main-content, #footer {
	float:none;
	width:auto;
	height:auto;
	margin-left:0;
	margin-right:0;}
#layout {
	padding:0;
	color:var(--m-ink);}
#main {
	display:flex;
	flex-direction:column;
	margin:0;}
#main-left {
	float:none;
	width:auto;
	order:2;
	padding:0 16px;
	margin:24px 0 0 0;}
#main-content {
	margin:0;
	padding:0 16px;}
#main-content:after, #footer:after {
	content:"";
	display:block;
	clear:both;}

/* ---------->>> sus: logo + steag, apoi meniul ca butoane rotunde <<<-----------*/
#header {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:8px 16px 0 16px;}
#logo-banner {
	order:1;
	flex:1;
	float:none;
	width:auto;
	height:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;}
#logo {
	float:none;
	width:auto;
	margin:0;
	text-align:left;}
#logo img {
	height:40px;
	width:auto;
	margin:0;}
#banner, #banner * {
	max-width:100%;}
#banner {
	flex-basis:100%;
	margin:6px 0 0 0;}
#links-flags {
	order:2;
	float:none;
	width:auto;
	height:auto;
	padding:0;
	border:0;}
#google-header {
	display:none;}
#links-flags ul {
	width:auto;
	display:flex;
	align-items:center;
	gap:10px;}
#links-flags ul li, #links-flags ul li.lang {
	float:none;
	width:auto;
	padding:0;
	border:0;}
#links-flags ul li.user {
	order:-1;
	width:auto;
	height:auto;
	font-size:13px;
	line-height:1.2;
	text-indent:0;
	color:var(--m-red);}
#links-flags ul li img {
	width:22px;
	display:block;}
/* meniul din inc/header-menu.php: butoane rotunde, derulabile orizontal cu degetul */
#header-menu {
	order:3;
	flex-basis:calc(100% + 32px);
	float:none;
	width:auto;
	height:auto;
	margin:10px -16px 4px -16px;
	padding:2px 16px 10px 16px;
	display:block;
	overflow-x:auto;
	scrollbar-width:none;
	border:0;
	font-size:15px;}
#header-menu::-webkit-scrollbar {
	display:none;}
/* pe desktop lista e o bara cu fundal si chenar; pe mobil raman doar butoanele rotunde */
#header-menu ul {
	display:flex;
	gap:8px;
	width:max-content;
	max-width:none;
	height:auto;
	background:none;
	border:0;
	border-radius:0;
	box-shadow:none;
	overflow:visible;}
#layout #header-menu li {
	flex:none;
	border:0;
	font-size:15px;}
#layout #header-menu li a {
	height:auto;
	padding:8px 15px;
	line-height:1.2;
	white-space:nowrap;
	font-size:15px;
	font-weight:500;
	letter-spacing:0;
	text-transform:none;
	font-weight:600;
	/* toate butoanele pline, in rozul butonului Blog */
	color:#FFF;
	background:var(--m-rose);
	border:1.5px solid var(--m-rose);
	border-radius:999px;}
#layout #header-menu li a:hover {
	background:var(--m-red);
	border-color:var(--m-red);}
/* butonul paginii curente (clasa "active" pusa de inc/header-menu.php): rosul din logo, ca sa se distinga */
#layout #header-menu li.active a, #layout #header-menu li.blog.active a {
	color:#FFF;
	background:var(--m-red);
	border-color:var(--m-red);}

/* ---------->>> titlurile de pagina (page_title, modul_title, bare din 3 imagini) <<<-----------*/
#title, #modul-title, #profile-modul-title, #profile-title,
#layout div:has(> [id$="-modul-title-M"]) {
	float:none;
	width:auto;
	height:auto;
	display:block;
	margin:4px 0 12px 0;}
#layout [id^="title-L-"], #title-R, #modul-title-L, #modul-title-R,
#profile-title-L, #profile-title-R, #profile-modul-title-L, #profile-modul-title-R,
#layout [id$="-modul-title-L"], #layout [id$="-modul-title-R"] {
	display:none;}
#layout #title-M, #modul-title-M, #profile-title-M, #profile-modul-title-M, #layout [id$="-modul-title-M"] {
	float:none;
	width:auto;
	height:auto;
	line-height:1.25;
	background:none;}
#title-M h1 {
	float:none;
	margin:0;
	font-size:22px;
	font-weight:700;
	color:var(--m-red);}
#modul-title-M h3, #profile-modul-title-M h3, #layout [id$="-modul-title-M"] h3 {
	font-size:18px;
	font-weight:700;
	color:var(--m-ink);}

/* reclamele de 728px / 160x600 / 970x250 nu incap pe telefon */
#google-top-ten, #mainRnew, #google-skyscraper, .leftPicturesDown, #testimonial {
	display:none;}
#footer > ins.adsbygoogle {
	display:none !important;}

/* ---------->>> formulare: eticheta deasupra, campuri rotunjite, butoane roz <<<-----------*/
/* font de 16px in campuri: altfel iPhone-ul face zoom cand apesi pe ele */
#layout input, #layout select, #layout textarea {
	font-size:16px;}
#main-content form, #main-left form {
	float:none;
	width:auto;
	font-size:15px;
	color:var(--m-ink);}
/* unele formulare au pe desktop o margine stanga fixa (ex. schimbarea parolei: 10em), care pe telefon le impinge spre dreapta */
#main-content form {
	margin-left:0;
	margin-right:0;}
#main-content form p, #main-left form p {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 12px 0;
	line-height:1.4;
	overflow:hidden;
	color:var(--m-ink);}
#main-content form label, #main-left form label {
	float:none;
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:0 0 5px 0;
	text-align:left;
	font-size:14px;
	color:var(--m-muted);}
#main-content form label.radio, #main-content form label.radiolast {
	display:inline-block;
	width:auto;
	margin:0 18px 0 0;
	font-size:15px;
	color:var(--m-ink);}
#main-content form select,
#main-content form input[type=text], #main-content form input[type=password], #main-content form input[type=email],
#main-content form input.txt, #main-content form textarea,
#main-left form input.txt, #main-left form input[type=password] {
	float:none;
	width:100%;
	height:46px;
	padding:0 12px;
	color:var(--m-ink);
	background:#FFF;
	border:1px solid var(--m-field);
	border-radius:12px;
	box-sizing:border-box;}
#main-content form textarea {
	height:auto;
	min-height:130px;
	padding:10px 12px;}
#main-content form select:focus, #main-content form input:focus, #main-content form textarea:focus, #main-left form input:focus {
	outline:2px solid var(--m-rose);
	outline-offset:1px;}
/* intervale "intre ... si ...": cele doua liste pe acelasi rand, cu "si" intre ele si unitatea ((cm), (kg)) la capat; */
/* listele se micsoreaza cat sa incapa unitatea pe acelasi rand */
#main-content form p:has(> select ~ select) {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	column-gap:4px;}
#main-content form p:has(> select ~ select) > label {
	flex-basis:100%;}
#main-content form p:has(> select ~ select) select {
	flex:1 1 0;
	min-width:0;
	width:auto;}
#main-content form input[type=checkbox], #main-content form input[type=radio] {
	width:20px;
	height:20px;
	margin:0 6px 0 0;
	vertical-align:middle;
	accent-color:var(--m-rose);}
#main-content form input[type=submit], #main-content form input.btn,
#main-left form input.btn {
	float:none;
	display:block;
	width:100%;
	height:48px;
	margin:6px 0;
	color:#FFF;
	background:var(--m-rose);
	border:0;
	border-radius:14px;
	font-size:17px;
	font-weight:600;}
/* data nasterii (ctrl/select-date.php): 3 coloane egale, eticheta deasupra fiecarei liste */
/* in HTML: label, apoi perechi <font>Ziua:</font><font><select></font> pentru zi / luna / an */
#main-content form p:has(select.select-day) {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	column-gap:8px;
	row-gap:4px;
	align-items:end;}
#main-content form p:has(select.select-day) > label {
	grid-column:1 / -1;
	grid-row:1;}
#main-content form p:has(select.select-day) > font {
	display:block;
	min-width:0;
	font-size:14px;
	color:var(--m-muted);}
#main-content form p:has(select.select-day) > font:nth-of-type(1) {grid-column:1; grid-row:2;}
#main-content form p:has(select.select-day) > font:nth-of-type(2) {grid-column:1; grid-row:3;}
#main-content form p:has(select.select-day) > font:nth-of-type(3) {grid-column:2; grid-row:2;}
#main-content form p:has(select.select-day) > font:nth-of-type(4) {grid-column:2; grid-row:3;}
#main-content form p:has(select.select-day) > font:nth-of-type(5) {grid-column:3; grid-row:2;}
#main-content form p:has(select.select-day) > font:nth-of-type(6) {grid-column:3; grid-row:3;}
#main-content form select.select-day, #main-content form select.select-month, #main-content form select.select-year {
	width:100%;
	padding:0 6px;}
/* bifa de acord cu conditiile: aliniata la stanga, langa text */
#main-content form p.checkbox {
	position:relative;
	padding-left:32px;
	text-align:left;}
#main-content form p.checkbox input[type=checkbox] {
	position:absolute;
	left:0;
	top:1px;
	margin:0;}

/* ---------->>> login (inc/authentication-logged-n.php): chenar verde deschis <<<-----------*/
#modul {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 12px 0;}
form#modulLOGIN {
	margin:0;
	padding:16px;
	background:#E6F4EA;
	border:1.5px solid #CDE8D5;
	border-radius:20px;}
form#modulLOGIN p {
	font-size:15px;}
form#modulLOGIN input.btn {
	color:var(--m-rose);
	background:#FFF;
	border:1.5px solid var(--m-rose);}
form#modulLOGIN .center {
	height:auto;
	line-height:1.4;
	margin:8px 0 12px 0;
	text-align:center;}
form#modulLOGIN a {
	font-size:14px;
	color:var(--m-muted);}
form#modulLOGIN .register {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	background:none;}
form#modulLOGIN .register a {
	font-size:15px;
	font-weight:600;
	color:var(--m-red);}
#invitation_chat {
	float:none;
	width:auto;
	margin:0 0 10px 0;
	font-size:14px;}
/* "Ti-a scris pe chat" (doar pentru cei logati) sus, imediat sub meniul mare: #main-left se "desface" (display:contents), */
/* asa ca #invitation_chat si #modul devin elemente separate in coloana #main si pot fi asezate independent */
#main:has(#invitation_chat) #main-left {
	display:contents;}
#main:has(#invitation_chat) #invitation_chat {
	order:-1;
	margin:0 16px 14px 16px;}
#main:has(#invitation_chat) #invitation_chat:not(:has(*)) {
	margin:0;}
#main:has(#invitation_chat) #modul {
	order:2;
	margin-left:16px;
	margin-right:16px;}

/* ---------->>> prima pagina (pag/main.php): cautarea rapida, apoi login-ul, apoi pozele <<<-----------*/
#main:has(#main-L-form) #main-content, #main:has(#main-L-form) #main-L {
	display:contents;}
#main:has(#main-L-form) #main-L-form {
	order:1;}
#main:has(#main-L-form) #main-left {
	order:2;
	margin:0 0 20px 0;}
#main:has(#main-L-form) #newsletterBoxMain {
	order:3;}
#main-L-form {
	float:none;
	width:auto;
	height:auto;
	margin:4px 16px 18px 16px;
	padding:16px;
	background:#FCE1E8;
	border:0;
	border-radius:20px;}
form.searchMAIN {
	float:none;
	width:auto;
	margin:0;
	background:none;}
form#searchMAIN p {
	height:auto;
	line-height:1.4;}
form#searchMAIN label {
	margin:0;}
form#searchMAIN br {
	display:none;}
form#searchMAIN a {
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:var(--m-red);
	text-decoration:none;}
form#searchMAIN p:has(> a) label {
	display:none;}
/* doua randuri de poze (femei, apoi barbati) care se gliseaza orizontal cu degetul; */
/* se vad 3 poze si o margine din a 4-a, ca sa fie clar ca randul continua, fara goluri la final */
#newsletterBoxMain {
	float:none;
	width:auto;
	margin:0 0 10px 0;
	padding:0 16px;
	display:flex;
	gap:8px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-padding:0 16px;
	scrollbar-width:none;
	overscroll-behavior-x:contain;}
#newsletterBoxMain::-webkit-scrollbar {
	display:none;}
.newsletterProfile {
	flex:0 0 calc((100% - 16px) / 3.25);
	float:none;
	width:auto;
	margin:0;
	scroll-snap-align:start;}
.newsletterProfile img {
	width:100%;
	aspect-ratio:90 / 103;
	object-fit:cover;
	border-radius:12px;
	display:block;}

/* ---------->>> rezultatele cautarii (pag/list.php): un profil pe rand, ca pe desktop <<<-----------*/
/* poza in stanga, datele si descrierea in dreapta */
#main-L-large {
	float:none;
	width:auto;}
/* locurile de reclama dintre profiluri sunt flotante pe desktop: aici stau pe randul lor */
#main-L-large > div:not(#list-vip):not(#list-novip) {
	float:none;
	clear:both;
	width:auto;
	margin:14px 0;
	text-align:center;}
#list-vip, #list-novip {
	float:none;
	width:auto;
	margin:0;
	padding:14px 0;
	border:0;
	border-bottom:1px solid var(--m-line);
	display:grid;
	/* poza ramane cam cat era pe 2 coloane */
	grid-template-columns:46% 1fr;
	grid-template-rows:auto 1fr;
	column-gap:14px;}
#list-vip > #list-left-vip, #list-novip > #list-left-novip {
	grid-row:1 / span 2;}
#list-vip > #main-L-list-description, #list-novip > #main-L-list-description {
	grid-column:2;}
#list-left-vip, #list-left-novip, #list-left-vip-who-on-who, #list-left-novip-who-on-who {
	float:none;
	width:auto;
	margin:0;
	position:relative;}
#list-left-vip img, #list-left-novip img, #list-left-vip-who-on-who img, #list-left-novip-who-on-who img {
	width:100%;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	border:0;
	border-radius:14px;
	display:block;}
#list-left-vip > a img, #list-left-vip-who-on-who > a img {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
/* eticheta VIP in locul imaginii vechi "MEMBRU V.I.P." */
#list-left-vip img.chat, #list-left-vip-who-on-who img.chat, #list-left-vip p {
	display:none;}
#list-left-vip::before, #list-left-vip-who-on-who::before {
	content:"VIP";
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
	padding:2px 7px;
	font-size:11px;
	font-weight:700;
	color:#FFF;
	background:var(--m-red);
	border-radius:6px;}
/* "3 poze" peste coltul pozei */
#list-nr-pics {
	position:absolute;
	width:auto;
	height:auto;
	margin:0;
	right:8px;
	top:calc(100% - 32px);
	font-size:12px;
	line-height:1;}
#list-nr-pics a {
	display:block;
	padding:4px 9px;
	color:#FFF;
	background:rgba(31,36,48,.72);
	border-radius:999px;
	text-decoration:none;}
#list-nr-pics:not(:has(a:not(:empty))) {
	display:none;}
#list-middle-vip, #list-middle-novip {
	float:none;
	width:auto;
	padding:2px 0 0 0;
	display:flex;
	flex-direction:column;
	text-align:left;
	font-size:14px;
	line-height:1.35;}
#list-middle-vip p, #list-middle-novip p {
	margin:0;
	color:var(--m-muted);}
/* raman: numele, varsta, orasul si starea; sexul, "cauta ..." si butoanele se vad pe profil */
#list-middle-vip p:nth-of-type(2), #list-middle-novip p:nth-of-type(2),
#list-middle-vip p:nth-of-type(3), #list-middle-novip p:nth-of-type(3),
#list-middle-vip p:nth-of-type(5), #list-middle-novip p:nth-of-type(5),
#main-L-large p.buttons, #main-L-large p.buttons-vip {
	display:none;}
#main-L-large p.title, #main-L-large p.title-vip {
	order:1;
	height:auto;
	margin:0 0 2px 0;
	font-size:16px;
	font-weight:700;
	line-height:1.3;
	color:var(--m-ink);}
#list-middle-vip p:nth-of-type(4), #list-middle-novip p:nth-of-type(4) {
	order:2;}
#main-L-large p.location {
	order:3;
	height:auto;
	margin:0;
	color:var(--m-muted);}
#main-L-large p.logged {
	order:4;
	height:auto;
	margin:2px 0 0 0;
	font-size:12.5px;
	color:var(--m-online);}
#main-L-list-description {
	float:none;
	width:auto;
	padding:4px 0 0 0;
	font-size:13.5px;
	line-height:1.35;
	color:var(--m-ink);}
#main-L-list-description p {
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;}
#main-L-list-description a {
	display:none;}
/* ---------->>> paginile pe judete (pag/landing.php): profilurile ca in cautare, unul pe rand <<<-----------*/
#layout #landing {
	width:auto;}
#layout #landing .profiles {
	margin:0;
	overflow:visible;}
#layout #landing .profile {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:14px 0;
	border:0;
	border-bottom:1px solid var(--m-line);
	background:none;
	overflow:visible;
	text-align:left;
	display:grid;
	grid-template-columns:46% 1fr;
	column-gap:14px;
	align-items:start;}
#layout #landing .profile > a {
	position:relative;
	display:block;}
#layout #landing .profile img.photo, #layout #landing .profile.vip img.photo {
	width:100%;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	padding:0;
	border:0;
	border-radius:14px;
	display:block;}
#layout #landing .profile.vip img.photo {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
/* eticheta VIP pe poza, in locul siglei de langa nume */
#layout #landing .profile.vip > a::before {
	content:"VIP";
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
	padding:2px 7px;
	font-size:11px;
	font-weight:700;
	line-height:1.4;
	color:#FFF;
	background:var(--m-red);
	border-radius:6px;}
#layout #landing .profile img.vip-badge {
	display:none;}
/* "3 poze" peste coltul pozei, ca in cautare */
#layout #landing .profile .pics {
	display:block;
	position:absolute;
	right:8px;
	bottom:8px;
	padding:4px 9px;
	font-size:12px;
	line-height:1;
	color:#FFF;
	background:rgba(31,36,48,.72);
	border-radius:999px;}
#layout #landing .profile .info {
	padding:2px 0 0 0;
	font-size:14px;
	line-height:1.35;
	color:var(--m-muted);}
#layout #landing .profile .nick-line {
	margin:0 0 2px 0;}
#layout #landing .profile .nick {
	font-size:16px;
	font-weight:700;
	color:var(--m-ink);}
#layout #landing .profile .logged {
	margin:4px 0 0 0;
	font-size:12.5px;
	color:var(--m-online);}

/* ---------->>> sarbatoritii zilei (pag/celebrated.php): profilurile ca in cautare, unul pe rand <<<-----------*/
#celebrated-half {
	float:none;
	clear:both;
	width:auto;}
#google-celebrate-160x600 {
	display:none;}
/* "Femei" / "Barbati" ca subtitlu simplu */
#celebrated-half-title {
	float:none;
	width:auto;
	height:auto;
	margin:16px 0 4px 0;
	line-height:1.3;
	background:none;
	text-align:left;
	font-size:18px;
	font-weight:700;
	color:var(--m-ink);}
#chat-box-celebrated, #chat-box-vip-celebrated {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:14px 0;
	background:none;
	border-bottom:1px solid var(--m-line);
	display:grid;
	grid-template-columns:46% 1fr;
	grid-template-rows:auto 1fr;
	column-gap:14px;
	text-align:left;}
#chat-box-celebrated > #celebrated-pic, #chat-box-vip-celebrated > #celebrated-pic {
	grid-column:1;
	grid-row:1 / span 2;}
#chat-box-celebrated > #chat-top, #chat-box-vip-celebrated > #chat-top-vip {
	grid-column:2;
	grid-row:1;}
#chat-box-celebrated > #celebrated-desc, #chat-box-vip-celebrated > #celebrated-desc {
	grid-column:2;
	grid-row:2;}
/* numele; iconita online/offline devine textul "online" (doar cand e online), ca in cautare */
#chat-top, #chat-top-vip {
	float:none;
	width:auto;
	height:auto;
	padding:2px 0 0 0;
	background:none;}
#chat-top img, #chat-top-vip img {
	display:none;}
#chat-top p, #chat-top-vip p {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 2px 0;
	padding:0;
	text-align:left;
	line-height:1.3;
	font-size:16px;
	font-weight:700;
	color:var(--m-ink);}
#celebrated-pic {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	position:relative;}
#celebrated-pic img {
	width:100%;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	padding:0;
	border:0;
	border-radius:14px;
	display:block;}
#chat-box-vip-celebrated #celebrated-pic > a:first-child img {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
#chat-box-vip-celebrated #celebrated-pic > a:first-child {
	position:relative;
	display:block;}
#chat-box-vip-celebrated #celebrated-pic > a:first-child::before {
	content:"VIP";
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
	padding:2px 7px;
	font-size:11px;
	font-weight:700;
	line-height:1.4;
	color:#FFF;
	background:var(--m-red);
	border-radius:6px;}
/* butoanele (mesaj, vot, cadou) se folosesc din profil, ca in cautare */
#celebrated-pic img.chat, #celebrated-pic a:has(img.chat), #chat-btns {
	display:none;}
#celebrated-desc {
	float:none;
	width:auto;
	height:auto;
	padding:0;
	font-size:14px;
	line-height:1.35;
	text-align:left;
	color:var(--m-muted);}
#celebrated-desc p, #celebrated-desc p.height-weight {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-indent:0;
	text-align:left;
	line-height:1.35;
	color:var(--m-muted);}
/* raman varsta si orasul ("La multi ani!" e deja titlul paginii) */
#celebrated-desc p:nth-child(1), #celebrated-desc p:nth-child(2), #celebrated-desc p:nth-child(3) {
	display:none;}
#celebrated-desc::after {
	display:block;
	margin:4px 0 0 0;
	font-size:12.5px;
	color:var(--m-online);}
#chat-box-celebrated:has(#chat-top img[src*="online-medium"]) #celebrated-desc::after,
#chat-box-vip-celebrated:has(#chat-top-vip img[src*="online-medium"]) #celebrated-desc::after {
	content:"online";}

/* ---------->>> vizitele / membrii inregistrati in ultima luna (pag/visits.php, pag/last-registered.php): ca la sarbatoriti <<<-----------*/
/* data sus, apoi poza in stanga (cu "Trimite mesaj" dedesubt), numele si datele in dreapta */
#visits-box, #visits-box-vip {
	float:none;
	clear:both;
	width:auto;
	height:auto;
	margin:0;
	padding:14px 0;
	background:none;
	border-bottom:1px solid var(--m-line);
	display:grid;
	grid-template-columns:46% 1fr;
	grid-template-rows:auto auto 1fr;
	column-gap:14px;
	font-size:14px;
	line-height:1.35;
	text-align:left;}
#visit-date {
	grid-column:1 / -1;
	grid-row:1;
	float:none;
	width:auto;
	height:auto;
	margin:0 0 8px 0;
	line-height:1.35;
	text-align:left;
	font-size:12.5px;
	color:var(--m-muted);}
#visits-box > #visits-pic, #visits-box-vip > #visits-pic {
	grid-column:1;
	grid-row:2 / span 2;}
#visits-box > #visits-top, #visits-box-vip > #visits-top-vip {
	grid-column:2;
	grid-row:2;}
#visits-box > #visits-description, #visits-box-vip > #visits-description {
	grid-column:2;
	grid-row:3;}
/* numele; iconita online/offline devine textul "online" (doar cand e online) */
#visits-box #visits-top, #visits-box-vip #visits-top-vip {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:2px 0 0 0;
	line-height:1.3;
	color:var(--m-ink);
	background:none;}
#visits-top p, #visits-top-vip p {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 2px 0;
	line-height:1.3;
	font-size:16px;
	font-weight:700;
	color:var(--m-ink);}
#visits-top p.face, #visits-top-vip p.face {
	display:none;}
#visits-pic {
	float:none;
	width:auto;
	height:auto;
	text-align:left;}
#visits-pic > a:first-child {
	position:relative;
	display:block;}
#visits-box img.novip, #visits-box-vip img.novip {
	width:100%;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	border:0;
	border-radius:14px;
	display:block;}
#visits-box-vip #visits-pic > a:first-child img {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
#visits-box-vip #visits-pic > a:first-child::before {
	content:"VIP";
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
	padding:2px 7px;
	font-size:11px;
	font-weight:700;
	line-height:1.4;
	color:#FFF;
	background:var(--m-red);
	border-radius:6px;}
/* "Trimite mesaj": imaginea-buton devine buton roz cu text, sub poza */
#visits-pic a:has(img.btn) {
	display:block;
	margin:10px 0 0 0;
	padding:11px 0;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	color:#FFF;
	background:var(--m-rose);
	border-radius:14px;}
#visits-pic a:has(img.btn)::after {
	content:"Trimite mesaj";}
#visits-pic a[href*="/en/"]:has(img.btn)::after {
	content:"Send message";}
#visits-pic img.btn {
	display:none;}
#visits-description {
	float:none;
	width:auto;
	height:auto;
	padding:0;
	text-align:left;
	color:var(--m-muted);}
#visits-description p, #visits-description p.height-weight {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	line-height:1.35;
	text-align:left;
	color:var(--m-muted);}
/* sexul nu mai e nevoie (se vede din poza si nume) */
#visits-description p:first-child {
	display:none;}
#visits-description::after {
	display:block;
	margin:4px 0 0 0;
	font-size:12.5px;
	color:var(--m-online);}
#visits-box:has(#visits-top img[src*="online-medium"]) #visits-description::after,
#visits-box-vip:has(#visits-top-vip img[src*="online-medium"]) #visits-description::after {
	content:"online";}
/* votul nu mai exista; cadoul se trimite din profil */
#visits-buttons {
	display:none;}

/* paginarea */
#paging-container, #paging-small {
	float:none;
	width:auto;
	height:auto;
	text-align:center;
	padding:10px 0;}
#paging {
	float:none;
	height:auto;
	display:inline-block;}

/* ---------->>> profilul (pag/profile.php) <<<-----------*/
/* ordinea pe telefon: galeria, numele, datele, salveaza/blocheaza, cadou, Detalii/Poze, detaliile */
#main:has(#profile-top) #main-content {
	display:flex;
	flex-direction:column;
	padding-bottom:90px;}
#m-gallery {
	order:0;
	margin:0 -16px;}
#profile-top {
	display:contents;}
#profile-top .left {
	order:0;
	float:none;
	width:auto;
	margin:12px 0 0 0;}
#profile-top .left img {
	width:150px;
	height:auto;
	border:0;
	padding:0;
	border-radius:18px;}
#main-content > #profile-title {
	order:1;
	margin:16px 0 4px 0;}
#profile-title-M h3 {
	font-size:24px;
	font-weight:700;
	color:var(--m-ink);}
#profile-top .middle {
	order:2;
	float:none;
	width:auto;
	color:var(--m-muted);}
#profile-top .middle p.desc {
	float:none;
	width:auto;
	margin:0 0 2px 0;
	font-size:15px;
	color:var(--m-muted);}
#profile-top .middle p.vip {
	float:none;
	width:auto;
	height:auto;
	margin:0;}
#profile-top .middle p.vip img {
	height:28px;
	width:auto;}
#profile-top p.description {
	float:none;
	width:auto;
	margin:12px 0 0 0;
	padding:0;
	border:0;
	font-size:16px;
	line-height:1.5;
	color:var(--m-ink);}
#main-content > #profile-subtitle {
	order:3;
	float:none;
	width:auto;
	height:auto;
	margin:14px 0 0 0;
	padding:0;
	background:none;
	font-size:14px;
	color:var(--m-line);}
#profile-subtitle a {
	color:var(--m-muted);}
#profile-right {
	order:4;
	float:none;
	width:auto;
	margin:14px 0 0 0;}
/* votul nu mai exista */
#btn-vote {
	display:none;}
/* butoanele sunt imagini: pe mobil le inlocuim cu text */
#btn-message img, #btn-chat img, #btn-gift img {
	display:none;}
#btn-gift {
	float:none;
	width:auto;
	height:auto;}
#btn-gift a {
	display:block;
	padding:11px 0;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:var(--m-ink);
	border:1px solid var(--m-line);
	border-radius:12px;
	text-decoration:none;}
#btn-gift a::after {
	content:"Cadou virtual";}
/* "Chat" si "Trimite mesaj" fixe jos; Chat exista doar cand persoana e online */
#btn-message, #btn-chat {
	position:fixed;
	bottom:0;
	z-index:30;
	float:none;
	width:auto;
	height:auto;
	padding:12px 0 22px 0;
	background:var(--m-paper);}
#btn-chat {
	left:0;
	width:42%;
	padding-left:16px;
	padding-right:5px;}
#btn-message {
	right:0;
	width:58%;
	padding-left:5px;
	padding-right:16px;}
#btn-chat:not(:has(a)) {
	display:none;}
#profile-right:not(:has(#btn-chat a)) #btn-message {
	width:100%;
	padding-left:16px;}
#profile-right:has(#btn-message) {
	border-top:0;}
#btn-message a, #btn-chat a {
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	font-weight:600;
	border-radius:14px;
	text-decoration:none;}
#btn-message a {
	color:#FFF;
	background:var(--m-rose);}
#btn-chat a {
	color:var(--m-rose);
	border:1.5px solid var(--m-rose);
	box-sizing:border-box;}
#btn-message a::after {
	content:"Trimite mesaj";}
#btn-chat a::after {
	content:"Chat";}
#btn-message a:is([href*="/en/"])::after {
	content:"Send message";}
#btn-gift a:is([href*="/en/"])::after {
	content:"Virtual gift";}
/* linia de deasupra butoanelor fixe */
#main:has(#profile-top)::after {
	content:"";
	position:fixed;
	left:0;
	right:0;
	bottom:84px;
	z-index:30;
	border-top:1px solid var(--m-line);}
/* "Detalii profil" / "Poze" ca file */
#profile-menu {
	order:5;
	float:none;
	clear:none;
	width:auto;
	margin:18px 0 6px 0;
	display:flex;
	gap:22px;
	border-bottom:1px solid var(--m-line);}
#btn-profile-menu-L, #btn-profile-menu-R, #profile-menu .fb_google {
	display:none;}
#btn-profile-menu-M {
	float:none;
	width:auto;
	height:auto;
	line-height:1.2;
	padding:10px 0;
	background:none;
	text-align:left;}
#btn-profile-menu-M a {
	font-size:15px;
	color:var(--m-muted);}
/* fila activa: "Detalii profil" (al 2-lea element din meniu) sau "Poze" (al 5-lea), pe pagina cu toate pozele */
#layout:not(:has(#profile-pics-main)) #profile-menu > #btn-profile-menu-M:nth-child(2),
#layout:has(#profile-pics-main) #profile-menu > #btn-profile-menu-M:nth-child(5) {
	border-bottom:2.5px solid var(--m-rose);}
#layout:not(:has(#profile-pics-main)) #profile-menu > #btn-profile-menu-M:nth-child(2) a,
#layout:has(#profile-pics-main) #profile-menu > #btn-profile-menu-M:nth-child(5) a {
	color:var(--m-ink);
	font-weight:700;}
/* detaliile: eticheta in stanga, valoarea in dreapta */
#profile-module {
	order:6;
	float:none;
	width:auto;}
#profile-modul-title {
	margin:18px 0 4px 0;}
/* pe desktop e display:inline + float; fara float trebuie sa fie bloc */
#account-modul-body, html>body #account-modul-body {
	display:block;
	float:none;
	width:auto;
	margin:0 0 6px 0;
	border:0;
	overflow:hidden;
	font-size:15px;
	color:var(--m-ink);}
#account-modul-body .details, #account-modul-body .last,
#account-modul-body .firstabout, #account-modul-body .lastabout {
	float:none;
	width:auto;
	height:auto;
	display:flex;
	justify-content:space-between;
	gap:12px;
	padding:11px 0;
	font-size:15px;
	line-height:1.35;
	border-bottom:1px solid var(--m-line);}
#account-modul-body .details label, #account-modul-body .last label,
#account-modul-body .firstabout label, #account-modul-body .lastabout label {
	float:none;
	width:auto;
	flex:0 1 45%;
	text-indent:0;
	color:var(--m-muted);}
#account-modul-body .details p, #account-modul-body .last p,
#account-modul-body .firstabout p, #account-modul-body .lastabout p {
	float:none;
	width:auto;
	flex:0 1 55%;
	text-align:right;
	font-weight:500;
	color:var(--m-ink);}
#account-pics {
	order:7;
	float:none;
	width:auto;
	text-align:left;}
#account-pics img {
	width:31%;
	margin:0 1% 6px 0;
	border:0;
	border-radius:10px;}
/* cand galeria e construita (js/various.js), poza mica si pozele de dedesubt nu mai apar */
.m-gallery-on #profile-top .left, .m-gallery-on #account-pics {
	display:none;}

/* galeria: pozele mari se gliseaza cu degetul, una dupa alta */
#m-gallery {
	position:relative;}
.m-slides {
	display:flex;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	overscroll-behavior-x:contain;}
.m-slides::-webkit-scrollbar {
	display:none;}
.m-slides img, #layout .m-slides img {
	flex:0 0 100%;
	width:100%;
	max-width:none;
	height:430px;
	object-fit:cover;
	object-position:center 30%;
	scroll-snap-align:start;
	background-size:cover;
	background-position:center;
	display:block;}
.m-dots {
	position:absolute;
	left:0;
	right:0;
	bottom:12px;
	display:flex;
	justify-content:center;
	gap:6px;
	pointer-events:none;}
.m-dots span {
	width:7px;
	height:7px;
	border-radius:50%;
	background:rgba(255,255,255,.55);
	transition:background .2s, transform .2s;}
.m-dots span.on {
	background:#FFF;
	transform:scale(1.25);}
.m-back {
	position:absolute;
	top:12px;
	left:12px;
	width:38px;
	height:38px;
	border:0;
	border-radius:50%;
	background:rgba(255,255,255,.92);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;}
@media (prefers-reduced-motion: reduce) {
	.m-dots span {
		transition:none;}
}

/* pagina cu toate pozele (profil/.../pictures/) */
#profile-pics-main {
	float:none;
	width:auto;
	height:auto;
	margin:0 -16px;
	padding:0;}
#profile-pics-main img {
	width:100%;}
#profile-pics-right {
	float:none;
	width:auto;}

/* ---------->>> bara de jos, doar pentru cei logati: Mesaje / Cadouri / Contul meu <<<-----------*/
/* sunt chiar linkurile din meniul contului (inc/authentication-logged-y.php), fixate jos */
#modul ul {
	display:flex;
	flex-direction:column;
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px solid var(--m-line);}
#modul ul li {
	display:block;}
#modul ul li a {
	display:block;
	padding:13px 0;
	font-size:15px;
	line-height:1.3;
	font-weight:700;
	color:var(--m-blue);
	border-bottom:1px solid var(--m-line);
	text-decoration:none;}
/* votul nu mai exista */
#modul ul li:has(a[href*="who-voted-me"]) {
	display:none;}
#modul ul li:nth-child(1), #modul ul li:nth-child(3),
#modul ul li:has(a[href*="gifts-received"]), #modul ul:not(:has(a[href*="gifts-received"])) li:nth-child(6) {
	position:fixed;
	bottom:0;
	z-index:40;
	width:33.34%;
	height:64px;
	background:var(--m-paper);
	border-top:1px solid var(--m-line);}
#modul ul li:nth-child(3) {
	left:0;}
#modul ul li:has(a[href*="gifts-received"]), #modul ul:not(:has(a[href*="gifts-received"])) li:nth-child(6) {
	left:33.33%;}
#modul ul li:nth-child(1) {
	right:0;}
#modul ul li:nth-child(1) a, #modul ul li:nth-child(3) a,
#modul ul li:has(a[href*="gifts-received"]) a, #modul ul:not(:has(a[href*="gifts-received"])) li:nth-child(6) a {
	height:64px;
	padding:8px 2px 0 2px;
	border:0;
	text-align:center;
	font-size:11.5px;
	line-height:1.2;
	color:var(--m-muted);}
#modul ul li:nth-child(1) a::before, #modul ul li:nth-child(3) a::before,
#modul ul li:has(a[href*="gifts-received"]) a::before, #modul ul:not(:has(a[href*="gifts-received"])) li:nth-child(6) a::before {
	content:"";
	display:block;
	width:24px;
	height:24px;
	margin:0 auto 4px auto;
	background:currentColor;
	-webkit-mask:var(--m-icon) center / contain no-repeat;
	mask:var(--m-icon) center / contain no-repeat;}
#modul ul li:nth-child(3) a {
	--m-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E");}
#modul ul li:has(a[href*="gifts-received"]) a, #modul ul:not(:has(a[href*="gifts-received"])) li:nth-child(6) a {
	--m-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='5' rx='1'/%3E%3Cpath d='M5 13v8h14v-8M12 8v13M12 8c-1.5-3-5-4-5-1.5S10 8 12 8zm0 0c1.5-3 5-4 5-1.5S14 8 12 8z'/%3E%3C/svg%3E");}
#modul ul li:nth-child(1) a {
	--m-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E");
	font-size:0;}
/* "Activitate/Statistici" se afiseaza ca "Contul meu" */
#modul ul li:nth-child(1) a::after {
	content:"Contul meu";
	font-size:11.5px;}
#modul ul li:nth-child(1) a[href*="/en/"]::after {
	content:"My account";}
/* mesaje / cadouri necitite: punct rosu langa iconita (site-ul le marcheaza deja cu id="blinky") */
#modul ul li:has(#blinky, #blinkyg) a {
	color:var(--m-rose);
	font-weight:600;}
#modul ul li:has(#blinky, #blinkyg)::after {
	content:"";
	position:absolute;
	top:6px;
	left:calc(50% + 8px);
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--m-red);
	border:2px solid #FFF;}
/* meniul complet doar in "Contul meu" ($p == account; doar acolo index.php pune #testimonial in #main-left); pe celelalte pagini ramane doar bara de jos */
#main-left:not(:has(#testimonial)) #modul:has(> ul) {
	margin:0;}
#main-left:not(:has(#testimonial)) #modul ul {
	border-top:0;}
#main-left:not(:has(#testimonial)) #modul ul li:not(:nth-child(1)):not(:nth-child(3)):not(:has(a[href*="gifts-received"])):not(ul:not(:has(a[href*="gifts-received"])) > li:nth-child(6)) {
	display:none;}
#main-left:not(:has(#testimonial)):has(#modul > ul) {
	margin-top:0;}
/* loc pentru bara de jos, ca sa nu acopere continutul */
body:has(#modul > ul) {
	padding-bottom:70px;}
body:has(#modul > ul) #btn-message, body:has(#modul > ul) #btn-chat {
	bottom:64px;
	padding-bottom:12px;}
body:has(#modul > ul) #main:has(#profile-top)::after {
	bottom:138px;}
body:has(#modul > ul) #main:has(#profile-top) #main-content {
	padding-bottom:150px;}

/* ---------->>> mesajele primite / trimise (pag/message-box.php) <<<-----------*/
/* fiecare mesaj: [bifa] [expeditor ......... data] / subiectul */
/* fara chenarele laterale si liniile dintre coloane de pe desktop */
#read-mess {
	width:auto;
	border:0;}
#read-mess form {
	display:grid;
	/* fara spatiu intre coloane (altfel linia dintre mesaje are o intrerupere); distantele vin din coloane */
	grid-template-columns:36px 24px 1fr auto;
	/* data vine in HTML dupa subiect; "dense" o urca pe randul expeditorului */
	grid-auto-flow:row dense;
	align-items:center;
	column-gap:0;
	font-size:15px;}
#top-read-mess, #subtop-read-mess {
	grid-column:1 / -1;
	float:none;
	width:auto;
	height:auto;
	background:none;
	border:0;}
#top-read-mess {
	display:flex;
	justify-content:flex-end;
	padding:4px 0;}
#top-read-mess .btn_del_mess, #main-content form #top-read-mess input.btn_del_mess {
	width:auto;
	height:auto;
	margin:0;
	padding:6px 0;
	color:var(--m-red);
	background:none;
	border:0;
	font-size:15px;
	font-weight:600;}
#subtop-read-mess {
	display:flex;
	align-items:center;
	padding:4px 0 8px 0;
	border-bottom:1px solid var(--m-line);
	color:var(--m-muted);
	font-size:14px;}
#top-reply-mess, #top-onoff-mess, #top-title-mess, #top-date-mess {
	display:none;}
#top-checkbox-mess, #top-expeditor-mess {
	float:none;
	width:auto;
	padding:0;
	border:0;}
#top-checkbox-mess {
	margin:0 10px 0 0;}
#checkbox-mess, #reply-mess, #onoff-mess, #expeditor-mess, #title-mess, #date-mess {
	float:none;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	background:none;
	border:0;}
#reply-mess {
	display:none;}
/* bifa ocupa ambele randuri ale mesajului, ca "dense" sa nu urce bifa urmatoare langa subiect */
#checkbox-mess {
	grid-row:span 2;
	align-self:stretch;}
/* linia dintre mesaje pe toata latimea, inclusiv sub bifa */
#layout #checkbox-mess {
	border-bottom:1px solid var(--m-line);}
#checkbox-mess, #onoff-mess, #expeditor-mess, #date-mess {
	padding-top:14px;}
#onoff-mess img {
	width:12px;}
#expeditor-mess, #expeditor-mess a, #expeditor-mess h3 {
	font-size:16px;
	font-weight:600;
	color:var(--m-blue);}
#expeditor-mess h3, #title-mess h3 {
	font-weight:700;}
#title-mess {
	grid-column:2 / -1;
	padding:3px 0 14px 0;
	line-height:1.35;
	border-bottom:1px solid var(--m-line);}
#title-mess a {
	font-size:15px;
	color:var(--m-blue);}
#title-mess h3 {
	font-size:15px;
	color:var(--m-blue);}
#date-mess {
	padding-left:8px;
	font-size:13px;
	color:var(--m-muted);
	text-align:right;}

/* "Mesaje trimise" ca buton sus pe paginile de mesaje: e linkul din meniul contului (al 4-lea), */
/* care altfel ramane jos, sub lista; "Mesaje noi" e deja in bara de jos */
#main:has(#read-mess) {
	position:relative;}
#main:has(#read-mess) #main-content {
	padding-top:56px;}
/* daca e si "Ti-a scris pe chat", acesta vine imediat sub butonul "Mesaje trimise" (care e asezat absolut, sus) */
#main:has(#read-mess):has(#invitation_chat *) #invitation_chat {
	margin-top:56px;}
#main:has(#read-mess):has(#invitation_chat *) #main-content {
	padding-top:0;}
#layout #main:has(#read-mess) #modul ul li:nth-child(4) {
	/* ramane vizibil si dupa ce meniul contului e ascuns in afara paginii "Contul meu" */
	display:block;
	position:absolute;
	top:0;
	left:16px;
	z-index:5;
	border:0;}
#layout #main:has(#read-mess) #modul ul li:nth-child(4) a {
	display:inline-block;
	padding:9px 16px;
	font-size:15px;
	font-weight:500;
	line-height:1.2;
	color:var(--m-blue);
	border:1.5px solid var(--m-line);
	border-radius:999px;}
/* pe pagina cu mesajele trimise (linkurile din lista duc la .../out/) butonul e activ */
#layout #main:has(#title-mess a[href*="/out/"]) #modul ul li:nth-child(4) a {
	color:var(--m-rose);
	background:var(--m-blush);
	border-color:var(--m-rose);
	font-weight:600;}

/* citirea unui mesaj (pag/message-read.php) */
#mess-read-left {
	clear:left;
	width:80px;
	height:auto;
	padding:8px 0;
	font-size:13px;
	color:var(--m-muted);
	background:none;
	border:0;}
#mess-read-right {
	float:left;
	clear:none;
	width:calc(100% - 80px);
	height:auto;
	padding:8px 0;
	font-size:15px;
	background:none;
	border:0;}
#mess-read-right-big {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	padding:14px 0;
	font-size:16px;
	line-height:1.5;
	background:none;
	border:0;}
#read-mess > #top-read-mess {
	clear:both;
	justify-content:flex-start;
	gap:10px;
	padding:8px 0;}
#top-read-mess a {
	float:none;
	width:auto;
	height:auto;
	min-width:110px;
	line-height:42px;
	margin:0;
	padding:0 16px;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:var(--m-rose);
	background:#FFF;
	border:1.5px solid var(--m-rose);
	border-radius:12px;}

/* ---------->>> Activitate/Statistici (pag/account-status.php, cont complet) <<<-----------*/
/* sus: poza contului in stanga, datele si abonamentul in dreapta, vizitele dedesubt */
#account-top {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 18px 0;
	display:grid;
	grid-template-columns:46% 1fr;
	column-gap:14px;
	align-items:start;}
/* pagina Optiuni (pag/account-options.php) foloseste acelasi bloc, dar doar cu text si linkuri "schimba": */
/* acolo ramane text normal, cu randuri aerisite */
#account-top:not(:has(.left)) {
	display:block;
	font-size:15px;
	line-height:2.2;
	color:var(--m-ink);}
/* "schimba" e intre paranteze drepte in textul paginii: link roz simplu, fara chenar */
#account-top:not(:has(.left)) a {
	padding:0 2px;
	font-weight:600;
	color:var(--m-rose);
	text-decoration:underline;}
#account-top .left {
	float:none;
	width:auto;
	height:auto;
	margin:0;}
#account-top .left img {
	width:100%;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	padding:0;
	border:0;
	border-radius:14px;}
#account-top .middle {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	font-size:14px;
	line-height:1.4;
	color:var(--m-muted);}
#account-top .middle br {
	display:none;}
#account-top .middle img {
	max-width:140px;
	margin:10px 0 4px 0;}
#views {
	float:none;
	width:auto;
	height:auto;
	margin:6px 0 0 0;}
#cont-inactiv {
	float:none;
	width:auto;
	margin:6px 0 0 0;}
#account-top-right {
	grid-column:1 / -1;
	float:none;
	width:auto;
	height:auto;
	margin:16px 0 0 0;
	padding:12px 14px;
	background:var(--m-blush);
	border-radius:14px;
	font-size:14px;
	line-height:1.45;
	text-align:left;}
#account-top-right p {
	width:auto;
	text-align:left;}
/* profilurile compatibile: poze pe 3 coloane, numele si varsta sub poza */
/* meniul contului (#main-left) intre datele contului si "Profiluri compatibile": #main-content se "desface" (display:contents) ca sa poata fi intercalat */
#main:has(#account-status-all) #main-content {
	display:contents;}
#main:has(#account-status-all) #main-content > * {
	order:1;
	margin-left:16px;
	margin-right:16px;}
#main:has(#account-status-all) #main-left {
	order:2;
	margin:8px 0 0 0;}
#main:has(#account-status-all) #modul {
	margin-top:8px;}
#main:has(#account-status-all) #main-content > #account-status-all {
	order:3;}
#main:has(#account-status-all) #main-content::after {
	order:4;}
#account-status-all, #account-status-module, #account-search {
	float:none;
	width:auto;
	height:auto;
	margin:0;}
#account-status-modul-title, #account-status-search-modul-title {
	float:none;
	width:auto;
	height:auto;
	margin:18px 0 8px 0;
	text-align:left;}
#account-status-modul-title h3, #account-status-search-modul-title h3 {
	text-align:left;}
/* "Bazat pe criteriile dumneavoastra de cautare": link mic sub titlu */
/* profilul propriu (pag/account-profile.php): titlul sectiunii in stanga, "Editeaza" ca buton mic in dreapta */
#layout #account-profile-modul-title {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin:20px 0 6px 0;}
#layout #account-profile-modul-title > #account-modul-title-R {
	display:block;
	flex:none;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	background:none;}
#layout #account-profile-modul-title > #account-modul-title-R a {
	display:inline-block;
	padding:6px 14px;
	font-size:14px;
	font-weight:600;
	line-height:1.2;
	color:var(--m-rose);
	border:1.5px solid var(--m-rose);
	border-radius:999px;
	text-decoration:none;}
#layout #account-status-modul-title > #account-modul-title-R {
	display:block;
	float:none;
	width:auto;
	height:auto;
	margin:2px 0 0 0;
	background:none;
	font-size:14px;
	text-align:left;}
#account-view-comp {
	float:none;
	width:auto;
	height:auto;
	border:0;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:14px 8px;}
#account-view-comp > *:not(#profil-compatibil-vip):not(#profil-compatibil-novip) {
	grid-column:1 / -1;}
#profil-compatibil-vip, #profil-compatibil-novip {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:none;
	display:flex;
	flex-direction:column;
	text-align:left;}
#profil-compatibil-vip > a, #profil-compatibil-novip > a {
	order:0;
	display:block;}
#profil-compatibil-vip img, #profil-compatibil-novip img {
	width:100%;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	padding:0;
	border:0;
	border-radius:12px;}
#profil-compatibil-vip img {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
#profil-comp-user {
	order:1;
	float:none;
	width:auto;
	height:auto;
	margin:6px 0 0 0;
	padding:0;
	background:none;
	text-align:left;}
#profil-comp-user a {
	font-size:14px;
	font-weight:700;
	color:var(--m-ink);}
#profil-comp-user-det {
	order:2;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	font-size:12.5px;
	color:var(--m-muted);
	text-align:left;}
#account-view-comp #paging-small {
	text-align:left;
	padding:4px 0 0 0;
	font-size:14px;}
/* formularul de cautare din dreapta: sub profilurile compatibile, pe toata latimea */
form.searchACCOUNT, form.searchACCOUNT-NICK {
	float:none;
	width:auto;
	min-height:0;
	margin:0;
	padding:0;
	border:0;
	background:none;}
#account-view-search-age, #account-view-search-locations {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 12px 0;}
#account-search form p, #account-search form p.little {
	height:auto;}
#delete-profile {
	float:none;
	width:auto;
	height:auto;
	margin:20px 0 0 0;
	background:none;
	line-height:1.4;
	text-align:left;}
#delete-profile a {
	font-size:14px;
	color:var(--m-red);}

/* ---------->>> chat (pag/chat-list.php): cautarea sus, apoi cei online ca in cautare, cu butonul Chat <<<-----------*/
/* titlul paginii e gol (doar imaginea de fundal de pe desktop) */
#main:has(form#searchCHAT) #title {
	display:none;}
/* pe desktop formularul e urcat peste imaginea titlului (top:-65px); pe mobil sta la locul lui */
form.searchCHAT {
	position:static;
	float:none;
	width:auto;
	margin:4px 0 16px 0;
	padding:14px;
	background:var(--m-blush);
	border-radius:16px;
	color:var(--m-ink);}
#main-content form.searchCHAT label.radio {
	float:none;
	display:inline-block;
	width:auto;
	margin:0 18px 10px 0;}
#main-content form.searchCHAT label.locations, #main-content form.searchCHAT label.age {
	float:none;
	display:block;
	width:auto;
	margin:0 0 10px 0;
	color:var(--m-muted);}
#main-content form.searchCHAT input.btn {
	position:static;
	float:none;}
/* "Judetul/Tara:" si "Varsta intre:" sunt text simplu in HTML: listele trec pe rand nou, pe toata latimea */
/* randul e flexibil: textele "Judetul/Tara:", "Varsta intre:", "si" devin elemente proprii; */
/* judetul ocupa un rand intreg, iar cele doua liste de varsta se impart spatiul ramas, ca sa incapa mereu pe un rand */
#main-content form.searchCHAT p {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	column-gap:8px;
	row-gap:6px;
	color:var(--m-muted);
	font-size:14px;}
#main-content form.searchCHAT label.radio {
	margin:0 10px 0 0;
	padding:0;}
#main-content form.searchCHAT select[name=select_state] {
	flex:0 0 100%;
	width:100%;
	margin:0 0 6px 0;}
#main-content form.searchCHAT select[name=agemin_w], #main-content form.searchCHAT select[name=agemax_w] {
	flex:1 1 0;
	width:auto;
	min-width:0;
	margin:0;}
#chat-all {
	float:none;
	width:auto;}
#chat-box, #chat-box-vip {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:14px 0;
	background:none;
	border-bottom:1px solid var(--m-line);
	display:grid;
	grid-template-columns:46% 1fr;
	grid-template-rows:auto 1fr;
	column-gap:14px;
	text-align:left;}
#chat-box > #chat-pic, #chat-box-vip > #chat-pic {
	grid-column:1;
	grid-row:1 / span 2;
	align-self:start;}
#chat-pic > a {
	display:block;}
#chat-box > #chat-top, #chat-box-vip > #chat-top-vip {
	grid-column:2;
	grid-row:1;
	float:none;
	width:auto;
	height:auto;
	margin:0 0 2px 0;
	padding:2px 0 0 0;
	background:none;
	text-align:left;
	line-height:1.3;
	font-size:16px;
	font-weight:700;
	color:var(--m-ink);}
#chat-box > #chat-desc, #chat-box-vip > #chat-desc {
	grid-column:2;
	grid-row:2;
	float:none;
	width:auto;
	height:auto;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:1.35;
	color:var(--m-muted);}
#chat-desc p {
	margin:0;
	color:var(--m-muted);}
/* raman varsta si orasul, ca in cautare */
#chat-desc p:nth-child(1), #chat-desc p:nth-child(2), #chat-desc p.height-weight {
	display:none;}
/* pe pagina de chat apar doar cei online: "online" in verde, ca in cautare */
#chat-box > #chat-desc::after, #chat-box-vip > #chat-desc::after {
	content:"online";
	display:block;
	margin:4px 0 0 0;
	font-size:12.5px;
	color:var(--m-online);}
#chat-pic {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	text-align:left;}
#chat-pic > a img {
	/* latime fixa (46% din ecranul fara margini), ca grila sa stie inaltimea pozei si butonul Chat sa ramana in card */
	width:calc((100vw - 46px) * 0.46);
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:0;
	padding:0;
	border:0;
	border-radius:14px;
	display:block;}
#chat-box-vip #chat-pic > a img {
	outline:3px solid var(--m-red);
	outline-offset:-3px;}
/* eticheta VIP pe poza, ca in cautare */
#chat-box-vip #chat-pic > a {
	position:relative;}
#chat-box-vip #chat-pic > a::before {
	content:"VIP";
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
	padding:2px 7px;
	font-size:11px;
	font-weight:700;
	line-height:1.4;
	color:#FFF;
	background:var(--m-red);
	border-radius:6px;}
/* butonul Chat sub poza: imaginea veche devine buton roz */
#chat-box-btn {
	float:none;
	margin:8px 0 0 0;}
#chat-box-btn img.chat {
	display:none;}
#chat-box-btn a {
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:#FFF;
	background:var(--m-rose);
	border-radius:12px;
	text-decoration:none;}
#chat-box-btn a::after {
	content:"Chat";}
/* votul nu mai exista; cadoul se trimite din profil */
#chat-box #chat-btns, #chat-box-vip #chat-btns {
	display:none;}

/* ---------->>> cartea de oaspeti (pag/guestbook.php): fiecare comentariu cu poza mica in stanga <<<-----------*/
#all-guestbook {
	float:none;
	width:auto;
	margin:0;}
#comment {
	float:none;
	width:auto;
	height:auto;
	padding:14px 0;
	border-bottom:1px solid var(--m-line);
	display:grid;
	grid-template-columns:72px 1fr;
	column-gap:12px;
	align-items:start;}
#comment-picture {
	grid-column:1;
	grid-row:1 / span 3;
	float:none;
	width:auto;}
#comment-picture img {
	float:none;
	width:72px;
	height:83px;
	object-fit:cover;
	border:0;
	border-radius:10px;
	display:block;}
#comment-user, #comment-date, #comment-text {
	grid-column:2;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	text-align:left;}
#comment-user {
	font-size:16px;
	font-weight:700;
	line-height:1.3;}
#comment-user a {
	color:var(--m-ink);}
#comment-date {
	margin:0 0 6px 0;
	font-size:12.5px;
	color:var(--m-muted);}
#comment-text {
	font-size:15px;
	line-height:1.45;
	color:var(--m-ink);
	overflow-wrap:anywhere;}
#title-comment {
	height:auto;
	margin:10px 0 10px 0;
	font-size:18px;
	font-weight:700;
	text-align:left;}
form.addCOMMENT textarea.description {
	float:none;
	width:100%;}

/* ---------->>> cadourile primite / trimise (pag/gifts-received.php, pag/gifts-sent.php) <<<-----------*/
/* "Cadouri primite | Cadouri trimise" ca doua butoane rotunde */
#account-supratop {
	height:auto;
	margin:0 0 14px 0;
	display:flex;
	gap:8px;
	font-size:0;
	text-align:left;}
#account-supratop a {
	padding:8px 15px;
	font-size:15px;
	font-weight:500;
	line-height:1.2;
	color:var(--m-ink);
	border:1.5px solid var(--m-line);
	border-radius:999px;
	text-decoration:none;}
/* butonul paginii curente: cadourile primite au #gift-details cu paragrafe, cele trimise au #gift-details-left */
#layout:has(#gift-details > p) #account-supratop a[href*="gifts-received"],
#layout:has(#gift-details-left) #account-supratop a[href*="gifts-sent"] {
	color:var(--m-rose);
	background:var(--m-blush);
	border-color:var(--m-rose);
	font-weight:600;}
/* capul de tabel "Cadou / Mesaj" nu mai e necesar: fiecare cadou e un card */
#gifts-top {
	display:none;}
#gifts-body {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:14px 0;
	border-bottom:1px solid var(--m-line);
	display:grid;
	grid-template-columns:40% 1fr;
	column-gap:14px;
	align-items:start;}
#gifts-picture {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:0;}
#gifts-picture img {
	width:100%;
	height:auto;
	margin:0;
	border:0;
	border-radius:14px;
	display:block;}
#gifts-message {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	font-size:15px;
	line-height:1.4;
	color:var(--m-ink);
	overflow-wrap:anywhere;}
#gifts-message br {
	display:none;}
#gift-details, #gift-details-left, #gift-details-right {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 8px 0;
	padding:0;
	font-size:13px;
	line-height:1.4;
	color:var(--m-muted);}
#gift-details p {
	margin:0;}

/* ---------->>> pozele mele (pag/edit-pics.php) <<<-----------*/
#edit-top-pics {
	float:none;
	width:auto;
	margin:10px 0 20px 0;
	font-size:13px;
	overflow:hidden;}
#edit-top-pics img {
	width:31%;
	margin:4px 1%;
	border-radius:10px;}
#edit-pics-detail {
	width:48%;
	height:auto;
	margin:0 2% 10px 0;
	padding:5px 0;
	border-radius:12px;}
#picture-message {
	float:none;
	width:auto;
	font-size:14px;}
/* incarcarea pozelor: cele doua poze exemplu una langa alta, apoi formularul */
#main:has(form.contentPICS) #main-content {
	display:grid;
	grid-template-columns:1fr 1fr;
	column-gap:12px;}
#main:has(form.contentPICS) #main-content > * {
	grid-column:1 / -1;}
/* elementul :after (folosit pentru float-uri) ar ocupa o celula si ar impinge pozele exemplu pe randuri diferite */
#main:has(form.contentPICS) #main-content::after {
	display:none;}
#main:has(form.contentPICS) #main-content > #recommendation-pic {
	grid-column:auto;
	order:4;}
#main:has(form.contentPICS) #main-content > form.contentPICS {
	order:5;}
#main:has(form.contentPICS) #main-content > #finish {
	order:6;}
#warning {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 14px 0;
	font-size:14px;
	line-height:1.45;}
#warning img {
	float:left;
	width:32px;
	height:auto;
	margin:2px 10px 4px 0;}
#recommendation-pic {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 14px 0;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:var(--m-red);}
#recommendation-pic img {
	width:100%;
	max-width:150px;
	height:auto;
	aspect-ratio:130 / 150;
	object-fit:cover;
	margin:6px auto 0 auto;
	border:0;
	border-radius:12px;
	display:block;}
/* campul de alegere a pozei: chenar punctat, butonul "Alege" ca buton roz deschis */
#main-content form input[type=file] {
	width:100%;
	height:auto;
	padding:12px;
	font-size:15px;
	line-height:1.3;
	border:1.5px dashed var(--m-field);
	border-radius:12px;
	background:var(--m-blush);
	box-sizing:border-box;}
#main-content form input[type=file]::file-selector-button {
	margin:0 10px 0 0;
	padding:8px 14px;
	font-family:inherit;
	font-size:15px;
	font-weight:600;
	color:var(--m-rose);
	background:#FFF;
	border:1.5px solid var(--m-rose);
	border-radius:999px;}
form.contentPICS {
	float:none;
	width:auto;
	padding:0;}
#main-content form.contentPICS p {
	color:var(--m-ink);
	font-size:15px;
	line-height:1.45;}
#finish {
	float:none;
	width:auto;
	height:auto;
	margin:16px 0 0 0;
	padding:0;
	background:none;}
#finish a {
	display:block;
	padding:13px 0;
	text-align:center;
	font-size:16px;
	font-weight:600;
	color:#FFF;
	background:var(--m-rose);
	border-radius:14px;}

/* ---------->>> abonamentul (pag/membership.php) <<<-----------*/
/* din poza de fundal (790x440) ramane doar banda de sus cu cardurile (69px), fara poza cu cuplul; pachetele vin dedesubt */
#ro-membership-big-1, #en-membership-big-1, #ro-membership-big-2, #en-membership-big-2 {
	float:none;
	width:auto;
	height:auto;
	padding:8.7% 0 0 0;
	background-size:100% auto;
	border-radius:14px;
	overflow:hidden;}
/* spatiul de sub banda e alb (altfel s-ar vedea inceputul pozei in fundal) */
#ro-membership-big-1::before, #en-membership-big-1::before, #ro-membership-big-2::before, #en-membership-big-2::before {
	content:"";
	display:block;
	height:18px;
	background:var(--m-paper);}
#ro-membership-big-1 > .membershipTable:first-of-type, #en-membership-big-1 > .membershipTable:first-of-type,
#ro-membership-big-2 > .membershipTable:first-of-type, #en-membership-big-2 > .membershipTable:first-of-type {
	margin-top:0;}
/* fiecare pachet: chenar alb cu colturi rotunde; perioada + pretul in stanga, butonul in dreapta, descrierea dedesubt */
.membershipTable {
	float:none;
	width:auto;
	height:auto;
	margin:18px 0 0 0;
	padding:14px 14px 4px 14px;
	background:var(--m-paper);
	border:1px solid var(--m-line);
	border-radius:14px;}
.membershipTitle {
	float:none;
	width:auto;
	margin:0 0 6px 0;
	text-indent:0;
	font-size:18px;
	font-style:normal;
	font-weight:700;
	color:var(--m-red);}
.membershipDetailsTop {
	float:none;
	width:auto;
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 0 0 0;
	font-size:15px;}
.membershipPeriod, .membershipPrice {
	float:none;
	width:auto;
	margin:0;
	text-indent:0;
	font-size:15px;
	line-height:1.3;}
.membershipPeriod {
	color:var(--m-ink);}
.membershipPrice {
	font-size:16px;
	font-weight:700;
	white-space:nowrap;}
#main-content .membershipDetailsTop form {
	margin:0 0 0 auto;}
#main-content .membershipDetailsTop form input.BTNcc {
	width:auto;
	height:42px;
	padding:0 16px;
	margin:0;
	font-size:15px;
	font-weight:700;}
.formLiveUpdate {
	float:none;
	width:100%;
	height:auto;}
.membershipDetails {
	float:none;
	width:auto;
	height:auto;
	margin:6px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid var(--m-line);
	font-size:13px;
	font-style:normal;
	line-height:1.4;
	color:var(--m-rose);}
.membershipDetails:last-child, .membershipDetails:empty {
	border-bottom:0;}
/* tabelul de comparatie VIP / Standard: 3 coloane (facilitate | VIP | Standard) */
#vip-table {
	float:none;
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	display:grid;
	grid-template-columns:1fr 60px 70px;}
#vip-table-top-col-1, #vip-table-top-col-2, #vip-table-top-col-3,
#vip-table-col-1, #vip-table-col-2, #vip-table-col-3 {
	float:none;
	width:auto;
	height:auto;
	min-height:20px;
	padding:6px 4px;
	font-size:13px;
	line-height:1.3;}
#vip-bottom-ro, #vip-bottom-en {
	float:none;
	width:auto;
	background-size:contain;}

/* ---------->>> blogul (pag/blog.php) <<<-----------*/
#layout #blog {
	width:auto;
	font-size:16px;
	line-height:1.6;
	color:var(--m-ink);}
#layout #blog h1 {
	font-size:24px;
	line-height:1.25;
	font-weight:700;
	color:var(--m-red);}
#layout #blog h2 {
	font-size:19px;
	line-height:1.3;
	font-weight:700;
	color:var(--m-ink);}
#layout #blog .breadcrumb, #layout #blog .meta {
	font-size:13px;}
#layout #blog .post {
	padding:14px 16px;
	border:1px solid var(--m-line);
	border-left:4px solid var(--m-rose);
	border-radius:14px;}
#layout #blog .post h2 {
	font-size:18px;}
#layout #blog .post h2 a {
	color:var(--m-ink);}
#layout #blog .category {
	font-size:12px;
	color:var(--m-rose);
	background:var(--m-blush);}
#layout #blog .post .more {
	color:var(--m-rose);}
#layout #blog .tip, #layout #blog .cta {
	border-color:var(--m-field);
	border-radius:14px;
	background:var(--m-blush);}
#layout #blog .cta a.button {
	display:block;
	padding:12px 16px;
	border-radius:999px;
	text-align:center;
	background:var(--m-rose);}

/* ---------->>> jos de tot <<<-----------*/
#footer {
	margin:28px 0 0 0;
	padding:0 16px 16px 16px;}
#pink-footer {
	width:auto;
	height:auto;
	overflow:hidden;
	padding:8px 0;
	background:none;
	border:0;
	border-top:1px solid var(--m-line);}
#pink-footer-left, #pink-footer-right1, #pink-footer-right2 {
	display:none;}
#pink-footer-center {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-size:15px;
	line-height:36px;}
/* "Sfaturi si articole" (ultimele articole de pe blog): deasupra linkurilor din footer */
#pink-footer-blog {
	float:none;
	width:auto;
	margin:0 0 10px 0;
	padding:4px 0 12px 0;
	border:0;
	border-bottom:1px solid var(--m-line);
	font-size:15px;
	line-height:1.35;}
#layout #pink-footer-blog a {
	padding:7px 0;
	white-space:normal;
	font-weight:400;
	color:var(--m-blue);}
#layout #pink-footer-blog a.title {
	margin:0 0 2px 0;
	font-size:17px;
	font-weight:700;
	color:var(--m-red);}
#layout #pink-footer-blog a.all {
	margin:2px 0 0 0;
	font-weight:600;
	color:var(--m-rose);}
#footer a {
	font-weight:700;
	color:var(--m-blue);}
#copyright {
	float:none;
	width:auto;
	height:auto;
	font-size:12.5px;
	color:var(--m-muted);}

}

/* ---------------------------------------------------------------------------------------------------*/
/* ---------->>> fereastra de chat (chat/chat.php), doar pe telefoane si tablete <<<-----------*/
/* pe desktop chatul se deschide intr-o fereastra de 500x600, deci nu ajunge conditia de latime: */
/* regulile se aplica doar pe ecranele tactile (pointer: coarse); cu mouse, fereastra ramane ca acum */
/* ---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) and (pointer: coarse) {

body:has(#dialog_chat) {
	background:#FFF !important;
	font-family:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	color:#1F2430;}
/* sus: poza, numele, varsta si butonul de blocare, pe un rand */
#top_chat {
	float:none;
	width:auto;
	height:auto;
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	background:#FFF !important;
	border-bottom:1px solid #EEE6E8;
	box-sizing:border-box;}
#top-left-chat {
	position:relative;
	float:none;
	flex:1;
	width:auto;
	height:auto;
	min-height:46px;
	margin:0;
	padding:0 0 0 56px;
	font-size:13px;
	line-height:1.35;
	color:#6E6A72;
	text-align:left;
	overflow:hidden;}
#top-left-chat a:first-child {
	font-size:16px;
	font-weight:700;
	color:#1F2430;}
/* poza rotunda in stanga numelui */
#top-left-chat a:last-child {
	position:absolute;
	left:0;
	top:0;}
#top-left-chat img {
	width:46px;
	height:46px;
	object-fit:cover;
	padding:0;
	border:0;
	border-radius:50%;}
#top-right-chat {
	float:none;
	flex:none;
	width:auto;
	text-align:right;}
#top-right-chat > img {
	display:none;}
#top-right-chat-links {
	width:auto;
	height:auto;
	line-height:1.2;}
#btn_block {
	float:none;
	width:auto;
	height:auto;
	padding:7px 12px;
	line-height:1.2;
	font-size:13px;
	color:#B3122E;
	background:none;
	border:1.5px solid #EEE6E8;
	border-radius:999px;}
/* conversatia pe tot ecranul ramas (sus ~70px, emoticoanele ~44px si campul de scris ~62px jos) */
#dialog_chat_top, #dialog_chat_bottom, #dialog_chat_left, #dialog_chat_right {
	display:none;}
#dialog_chat_content {
	float:none;
	width:auto;
	height:calc(100vh - 180px);
	height:calc(100dvh - 180px);
	margin:0;
	background:none;}
#dialog_chat {
	float:none;
	width:auto;
	height:100%;
	padding:10px 12px;
	box-sizing:border-box;
	font-family:inherit;
	font-size:16px;
	line-height:1.45;
	-webkit-overflow-scrolling:touch;}
#dialog-rows {
	float:none;
	width:auto;
	margin:0 0 8px 0;}
#dialog-rows b {
	font-weight:700;}
/* emoticoanele: un rand care se gliseaza orizontal, deasupra campului de scris */
#bottom_chat {
	position:fixed;
	left:0;
	right:0;
	bottom:62px;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:8px 12px;
	white-space:nowrap;
	overflow-x:auto;
	background:#FFF;
	border-top:1px solid #EEE6E8;
	box-sizing:border-box;}
#bottom_chat img {
	height:24px;
	width:auto;
	margin:0 6px 0 0;
	vertical-align:middle;}
/* campul de scris si "Trimite", fixe jos */
form.dialogCHAT {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:8px 10px;
	display:flex;
	gap:8px;
	align-items:center;
	background:#FFF;
	border-top:1px solid #EEE6E8;
	box-sizing:border-box;}
form.dialogCHAT textarea {
	float:none;
	flex:1;
	width:auto;
	height:44px;
	margin:0;
	padding:10px 12px;
	font-family:inherit;
	font-size:16px;
	line-height:1.4;
	border:1px solid #EBD3D9;
	border-radius:12px;
	box-sizing:border-box;
	resize:none;}
form.dialogCHAT input.btn {
	float:none;
	flex:none;
	width:auto;
	height:44px;
	line-height:44px;
	margin:0;
	padding:0 18px;
	font-family:inherit;
	font-size:16px;
	font-weight:600;
	color:#FFF;
	background:#E5466B;
	border:0;
	border-radius:12px;}

}