/*
Theme Name: Hueman Child - Congres MOREOM
Theme URI: https://congres.mitropolia.eu
Description: Tema-copil pentru Hueman, folosita pentru personalizarile Congres MOREOM, fara riscul de a fi suprascrisa la o actualizare a temei-parinte.
Author: Episcopia Ortodoxa Romana a Italiei
Template: hueman
Version: 1.0.0
Text Domain: hueman-child
*/

/* --- Bare gri-inchis / negre inlocuite cu alb-perlat, pe tot site-ul --- */
/* meniul principal (#nav-mobile) si bara de copyright din footer (#footer-bottom) */

#nav-mobile,
#footer-bottom {
	background: #fff !important;
}

/* --- Logo mai mare/lizibil, centrat, in banda mobila de deasupra fotografiei --- */
.mobile-title-logo-in-header {
	height: 90px !important;
	line-height: 90px !important;
	width: 100% !important;
	float: none !important;
	text-align: center !important;
}
.mobile-title-logo-in-header .site-title {
	max-width: 90vw !important;
	left: auto !important;
	float: none !important;
	display: inline-block !important;
}
.mobile-title-logo-in-header .site-title a {
	position: static !important;
	transform: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}
.mobile-title-logo-in-header .site-title a img {
	max-height: 85px !important;
	max-width: 100% !important;
}


#footer-bottom,
#footer-bottom #copyright,
#footer-bottom #credit,
#footer-bottom a,
#footer-bottom .social-links a {
	color: #222 !important;
}

/* --- Meniul principal desktop (#nav-header): era gri inchis/negru, acum alb
   cu chenar; Acasa negru, Congres MOREOM rosu, Congres Nepsis MOREOM albastru --- */
#nav-header.nav-container {
	background: #fff !important;
	border: 1px solid #ddd !important;
	box-shadow: none !important;
}

#nav-header .nav > li > a {
	color: #222 !important;
}

#nav-header .nav li.menu-item-78 > a,
#nav-header .nav li.menu-item-315 > a,
#nav-header .nav li.menu-item-316 > a {
	font-size: 1.5em !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

#nav-header .nav li.menu-item-315 > a {
	color: #9c2b3a !important;
}

#nav-header .nav li.menu-item-316 > a {
	color: #2c5b8a !important;
}

/* --- Submeniurile (dropdown la hover): fiecare cu culoarea congresului lui, scris alb --- */
#nav-header .nav li.menu-item-315 .sub-menu {
	background: #9c2b3a !important;
}

#nav-header .nav li.menu-item-316 .sub-menu {
	background: #2c5b8a !important;
}

#nav-header .nav li.menu-item-315 .sub-menu a,
#nav-header .nav li.menu-item-316 .sub-menu a {
	color: #fff !important;
}

/* --- Butonul meniu-hamburger (mobil): liniile (.line, in .ham__navbar-toggler-two)
   erau albe (#fff), invizibile pe #nav-mobile alb. Comentariul din markup-ul temei
   (.ham-toggler-menu__span) e cod mort, neafisat - butonul real e .ham__navbar-toggler-two. --- */
#nav-mobile .line {
	background: #222 !important;
}

/* --- Fotografia Roma, pe mobil: imaginea (1500x428, foarte lata/subtire) urma
   strict raportul ei de aspect la width:100%, deci pe un ecran ingust se vedea
   doar o banda foarte subtire. Ii dam o inaltime fixa mai mare + decupaj
   (object-fit: cover), sa se vada mai mult din fotografie. --- */
@media only screen and (max-width: 719px) {
	#header-image-wrap .new-site-image {
		height: 45vh !important;
		object-fit: cover !important;
		object-position: center !important;
		width: 100% !important;
	}
}

/* --- Fundal pe toate paginile (nu doar Acasa): stanga rosu (MOREOM) / dreapta
   albastru (Nepsis) --- */
/* doar marginile din afara cutiei albe de continut - cutia alba (unde e textul
   si cartonasele) ramane neatinsa, la fel ca inainte */

body,
#header,
#page {
	background: linear-gradient(to right, #9c2b3a 0%, #9c2b3a 50%, #2c5b8a 50%, #2c5b8a 100%) !important;
	background-attachment: fixed !important;
}

/* --- Selector Congres MOREOM / Congres Nepsis MOREOM (pagina de start) --- */

.congres-intro {
	max-width: 900px;
	margin: 0 auto 30px;
}

.congres-alege-titlu {
	text-align: center;
	font-size: 1.15em;
	font-weight: 600;
	margin: 30px auto 20px;
	max-width: 700px;
}

.congres-selector {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
	margin: 0 auto 40px;
	max-width: 1000px;
}

.congres-card {
	flex: 1 1 320px;
	max-width: 440px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 32px 28px;
	border-radius: 12px;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.congres-card:hover,
.congres-card:focus {
	transform: translateY(-4px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.congres-card-moreom {
	background: linear-gradient(160deg, #9c2b3a 0%, #6e1b26 100%);
}

.congres-card-nepsis {
	background: linear-gradient(160deg, #2c5b8a 0%, #1c3e5e 100%);
}

.congres-card-titlu {
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 1.2;
}

.congres-card-text {
	font-size: 0.98em;
	line-height: 1.5;
	opacity: 0.95;
	margin-bottom: 20px;
}

.congres-card-buton {
	font-weight: 600;
	font-size: 0.95em;
	padding: 8px 18px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	border-radius: 30px;
	transition: background 0.18s ease, color 0.18s ease;
}

.congres-card:hover .congres-card-buton {
	background: #fff;
	color: #333 !important;
}

@media (max-width: 600px) {
	.congres-selector {
		flex-direction: column;
		align-items: stretch;
	}
	.congres-card {
		max-width: 100%;
	}
}

/* --- Carduri catre subpaginile fiecarui congres (Program/Formular/Locatie/Contact),
   pe pagina proprie a congresului (Congres MOREOM / Congres Nepsis MOREOM) --- */

.subpagini-selector {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 30px 0 10px;
}

.subpagina-card {
	flex: 1 1 200px;
	padding: 20px 22px;
	border-radius: 10px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 1.05em;
	text-align: center;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.subpagina-card:hover,
.subpagina-card:focus {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.subpagini-moreom .subpagina-card {
	background: linear-gradient(160deg, #9c2b3a 0%, #6e1b26 100%);
}

.subpagini-nepsis .subpagina-card {
	background: linear-gradient(160deg, #2c5b8a 0%, #1c3e5e 100%);
}

@media (max-width: 600px) {
	.subpagini-selector {
		flex-direction: column;
	}
}