/*
Theme Name: GeneratePress Child
Template: generatepress
*/

/* Proprietati generale pagini viewer */

.body-viewer-general {
	min-width:1300px;
	min-height:700px;
}

.container-viewer-general {
	display:flex;
	flex-direction:row;
	height:100%;
	width:100%;
}

/* Proprietati sidemenu */

.container-sidemenu {
	background-color: var(--accent);
    display: flex;
    flex-direction: column;
	
    max-width: 300px;
    min-width: 300px;
    min-height: 700px;
}

.sidemenu-upper-part {
    min-height: max-content;
    max-height: max-content;
}

.sidemenu-lower-part {
	height: 100%;
    min-height: 200px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
}

.sidemenu-logo {
	padding:25px;
}

.sidemenu-nav {
	width:100%;
	padding-right:0px;
	padding-top:25px;
}

	.sidemenu-menu-container {
		width:100%;
		display:flex;
		justify-content:right;
	}

	.sidemenu-nav li {
		display:flex;
		justify-content:right;
		padding-right:10px;
		align-items:center;
		width:250px;
		height:40px;
		background-color:var(--contrast-2);
		margin-bottom:3px;
	}

	.sidemenu-nav li a {
		color:var(--accent);
	}

	.sidemenu-nav li:hover {
		background-color:var(--base-2);
	}

	.sidemenu-nav li:hover a {
		color:var(--contrast-2);
	}

	/* 1. Schimbăm fundalul containerului (li) când pagina este activă */
	.sidemenu-nav li.current-menu-item {
		background-color: var(--base-2);
	}

	/* 2. Schimbăm culoarea textului din interiorul link-ului activ */
	.sidemenu-nav li.current-menu-item a {
		color: var(--contrast-2);
	}

	/* 3. Schimbăm culoarea iconiței (SVG-ul nostru) pentru a fi vizibilă pe noul fundal */
	.sidemenu-nav li.current-menu-item .menu-icon-wrapper {
		background-color: var(--contrast-2);
	}

/* Containerul iconiței */
.menu-icon-wrapper {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
	justify-self:center;
    margin-left: 8px;
    
    /* Aplicăm masca folosind variabila din PHP */
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
    
    /* Setări pentru ca masca să acopere tot span-ul */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;

    /* Aici alegi culoarea iconiței! */
    background-color: var(--accent); /* Exemplu: Roșu */
    transition: background-color 0.2s ease;
}

/* Efect de Hover: se colorează când pui mouse-ul pe link */
.menu-item:hover .menu-icon-wrapper {
    background-color: var(--base-2); /* Se face verde la hover */
}

/* Proprietati sidemenu redus */

.container-sidemenu-redus {
	background-color: var(--accent);
    display: flex;
    flex-direction: column;
	
    max-width: 50px;
    min-width: 50px;
    min-height: 700px;
}

	.container-sidemenu-redus li {
		display:flex;
		justify-content:center;
		padding-right:0px;
		align-items:center;
		width:50px;
		height:40px;
		background-color:var(--contrast-2);
		margin-bottom:3px;
	}

.sidemenu-logo-redus {
	min-height:131.25px;
	padding:25px;
}

/* propietati explorer proiecte */

.sidemenu-navigator {
	height: 100%;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: flex-start;
	max-width:270px;
}

.sidemenu-navigator-titlu {
	display:flex;
	background-color:var(--contrast-2);
	color:var(--accent);
	min-height:40px !important;
	align-content:center;
	justify-content:center;
}

	.sidemenu-navigator-titlu h5 {
		margin:0px;
		justify-self:center;
		align-self:center;
	}

.explorer-menu-wrapper {
    height: 100%; /* Înălțimea ferestrei */
    overflow-y: auto;  /* Scroll-ul de care ziceai */
    border: 1px solid #d1d1d1;
    background: #ffffff;
}

.explorer-menu-list {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.explorer-menu-list li {
    margin-bottom: 2px;
}

.explorer-link {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    text-decoration: none;
    color: #444;
    font-size: 14px;
    border-radius: 3px;
    transition: 0.2s;
}

.explorer-link:hover {
    background-color: #f0f7ff; /* Albastru deschis Windows */
    color: #0078d7;
}

.explorer-link .dashicons {
    font-size: 16px;
    margin-right: 10px;
    color: #888;
}

.explorer-menu-wrapper::-webkit-scrollbar { /* Stil scrollbar pentru aspect modern */
    width: 6px;
}
.explorer-menu-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.explorer-link.is-active {
    background-color: var(--base-2); /* Culoarea de accent a temei */
    color: #ffffff; /* Text alb pentru contrast */
    font-weight: bold;
    border-left: 3px solid var(--contrast); /* O dungă subtilă în lateral */
}

/* propietati container content */

.container-content {
	width: 100%;
	height: 100%;
}

.container-content-potree {
	width: 100%;
	height: 100%;
}

/* propietati container specific pagina PROIECTE si ZONA TABURI */

.container-proiecte {
	padding: 25px;
}

.separator-taburi {
	border-top:7.5px solid;
	margin-top:0px;
	color: var(--base-2);
}

.style-taburi {
	gap: 0px;
}