/* Matrimoniale3x - stilul forumului (punBB) pentru designul nou al site-ului.
   Aceleasi culori si tipografie ca /nou/css/m3x.css: albastrul #3F89C3,
   portocaliul sagetilor, fonturi de sistem. Mobile-first: la 360px tabelele
   de forum isi ascund coloanele secundare, iar mesajele si formularele
   se aseaza pe verticala. Fisier doar ASCII (forumul e in iso-8859-1). */

/* ---------- baza ---------- */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

BODY {
	margin: 0;
	padding: 8px;
	background: #F5F8FB;
	color: #1E2A36;
	font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@media (min-width: 900px) {
	BODY { padding: 20px; max-width: 1180px; margin: 0 auto; }
}

TD, TH {
	font-family: inherit;
	font-size: 15px;
	line-height: 1.45;
	color: #1E2A36;
}

IMG { max-width: 100%; height: auto; border: 0; }

FORM { margin: 0 }

PRE {
	font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	margin: 0;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* reclama din antet (are latime fixa inline) */
DIV[id^="div-gpt-ad"] { max-width: 100% !important; overflow: hidden; margin: 0 auto 8px; }

/* ---------- linkuri ---------- */

A:link, A:visited { color: #2A6CA3; text-decoration: none; }
A:hover { color: #1D4F7A; text-decoration: underline; }
A:focus-visible { outline: 3px solid rgba(63,137,195,.55); outline-offset: 2px; border-radius: 3px; }
A:link.punhot, A:visited.punhot { color: #C9590C; font-weight: 600; }
A:hover.punhot { color: #A84A09; }
A:link.punclosed, A:visited.punclosed { color: #5E6E7E; }
A:hover.punclosed { color: #1E2A36; }

/* ---------- formulare ---------- */

INPUT, SELECT, TEXTAREA {
	font: 16px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #1E2A36;
	background: #FFFFFF;
	border: 1px solid #B9CCDD;
	border-radius: 6px;
	padding: 8px 10px;
	max-width: 100%;
	box-sizing: border-box;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus { outline: none; border-color: #3F89C3; box-shadow: 0 0 0 3px rgba(63,137,195,.25); }
INPUT[type=checkbox], INPUT[type=radio] { width: 18px; height: 18px; padding: 0; vertical-align: middle; accent-color: #2A6CA3; }
INPUT[type=file] { padding: 6px; }
TEXTAREA { width: 100%; min-height: 140px; }

INPUT[type=submit], INPUT[type=button], INPUT[type=reset], BUTTON {
	-webkit-appearance: none;
	appearance: none;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid #2A6CA3;
	border-radius: 6px;
	background: #2A6CA3;
	color: #FFFFFF;
	font-weight: 600;
	cursor: pointer;
}
INPUT[type=submit]:hover, INPUT[type=button]:hover, BUTTON:hover { background: #1D4F7A; border-color: #1D4F7A; }
INPUT[type=submit]:disabled { opacity: .6; cursor: default; }

@media (min-width: 900px) {
	INPUT, SELECT, TEXTAREA { font-size: 15px; }
	INPUT[type=submit], INPUT[type=button], INPUT[type=reset], BUTTON { min-height: 40px; }
}

/* ---------- tabelele punBB ---------- */

/* cellspacing="1" lasa sa se vada fundalul tabelului: devine linia dintre celule */
TABLE.punmain {
	border: 1px solid #DCE6EF;
	border-radius: 10px;
	width: 100%;
	background-color: #DCE6EF;
	overflow: hidden;
}
TABLE.punplain {
	border: none;
	width: 100%;
}
TABLE.punspacer {
	border: none;
	width: 100%;
}
TABLE.punspacer TD { padding: 6px 2px; }

TR.punhead { background-color: #2A6CA3; }
TR.puncon1 { background-color: #FFFFFF; }
TR.puncon2 { background-color: #F7FBFE; }
TR.puncon3 { background-color: #EDF5FB; }
TR.puntopic { height: 1.5em; }

TD.punhead, TD.punheadcent {
	background-color: #2A6CA3;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 14px;
}
TD.punhead A:link, TD.punhead A:visited, TD.punheadcent A:link, TD.punheadcent A:visited { color: #FFFFFF; text-decoration: underline; }
TD.punheadcent { text-align: center; }

TD.puncon1 { background-color: #FFFFFF; }
TD.puncon1cent { background-color: #FFFFFF; text-align: center; }
TD.puncon1right {
	background-color: #F7FBFE;
	text-align: right;
	color: #5E6E7E;
	font-weight: 600;
}
TD.puncon2 { background-color: #F7FBFE; }
TD.puncon2cent { background-color: #F7FBFE; text-align: center; }
/* randul de categorie de pe prima pagina a forumului */
TD.puncon3 {
	background-color: #EDF5FB;
	color: #1D4F7A;
	font-weight: 700;
}
TD.puncent { text-align: center; }
TD.punright { text-align: right; }
TD.puntop { vertical-align: top; }
TD.puntopright { text-align: right; vertical-align: top; }

/* citate */
TD.punquote {
	background-color: #FFF6E5;
	border: 1px solid #F3D59E;
	border-left: 4px solid #E8822A;
	border-radius: 6px;
	color: #3D2C10;
}

/* ---------- text ---------- */

IMG.punavatar { margin: 4px 0; border-radius: 6px; }

.puntext { font-size: 15px; overflow-wrap: anywhere; }
.punedited { font-size: 13px; font-style: italic; color: #5E6E7E; }
.punsignature { font-size: 13px; color: #5E6E7E; }
.punheadline { font-size: 15px; font-weight: 700; }
.puntitle { font-size: 22px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; }
TD.punhead .puntitle { color: #FFFFFF; }
.punhot { color: #C9590C; }

/* ---------- telefon ---------- */

@media (max-width: 640px) {
	TD, TH { font-size: 15px; }
	TABLE.punmain TD { white-space: normal !important; overflow-wrap: anywhere; }
	.puntitle { font-size: 19px; }

	/* prima pagina: ascunde coloanele Subiecte si Mesaje */
	TD.punheadcent[style*="width: 6%"],
	TR.puncon1 > TD.puncent:nth-child(3),
	TR.puncon1 > TD.puncent:nth-child(4) { display: none; }

	/* lista de subiecte: ascunde Autor, Raspunsuri, Vizualizari */
	TD.punhead[style*="width: 14%"],
	TD.punheadcent[style*="width: 7%"],
	TR.puntopic > TD:nth-child(3),
	TR.puntopic > TD:nth-child(4),
	TR.puntopic > TD:nth-child(5) { display: none; }

	/* "ultimul mesaj": mai mic, pe doua randuri */
	TR.puntopic > TD:nth-child(6),
	TR.puncon1 > TD.puncent:nth-child(5),
	TD.punhead[style*="width: 25%"],
	TD.punheadcent[style*="width: 18%"] { font-size: 13px; width: 32% !important; }

	/* subiectul: autorul deasupra mesajului, nu in coloana de 185px */
	TABLE.punmain TD[style*="185px"],
	TABLE.punmain TD[style*="185px"] + TD { display: block; width: auto !important; }
	TABLE.punmain TD[style*="185px"] { border-bottom: 1px solid #DCE6EF; }

	/* formulare (profil, mesaj nou, cautare): eticheta deasupra campului */
	TD.puncon1right,
	TD.puncon1right + TD,
	TD.punright[style*="width: 35%"],
	TD.punright[style*="width: 35%"] + TD { display: block; width: auto !important; text-align: left; }
	TD.puncon1right { padding-bottom: 2px; }

	/* barele de navigare (unde esti / mesaj nou / pagini) */
	TABLE.punspacer TD { display: block; width: auto !important; text-align: left !important; }
	TABLE.punplain TD { display: block; width: auto !important; text-align: left !important; }

	INPUT[type=text], INPUT[type=password], INPUT:not([type]), SELECT, TEXTAREA { width: 100%; font-size: 16px; }
	INPUT[size] { max-width: 100%; }
}