/* Efect underline animat */
nav ul li a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 5px;
	right: 0;
	background: #9bbe4b;
/* Underline verde pentru contrast */
	transition: width .3s ease, right .3s ease;
}

nav ul li a:hover::after {
	width: 100%;
	right: 0;
}

nav ul li a:hover {
	color: #9bbe4b;
/* Schimbare text în 9bbe4b la hover */
}

/* Font mai mare pentru ecrane mari */
@media (min-width: 1024px) {
	nav ul li a {
		font-size: 68px;
	}
}

/* Font mai mic pentru dispozitive mobile */
@media (max-width: 768px) {
	nav ul li a {
		font-size: 18px;
	}
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}

nav ul li {
	margin: 0 15px;
}

nav ul li a {
	text-decoration: none;
	color: #9bbe4b;
/* Font verde deschis */
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px;
	position: relative;
	display: inline-block;
	transition: color .3s ease;
}
/* --- EXTINDERE CONȚINUT LA 100% PENTRU TEMA GATEWAY --- */
@media only screen and (min-width: 50em) {
    
    /* 1. Elimină marginea din dreapta care lăsa spațiul liber pentru Facebook */
    .single-post .site-main,
    .single .site-main {
        margin-right: 0 !important;
    }

    /* 2. Resetează containerul principal pentru a ocupa toată lățimea */
    .single-post .content-area,
    .single .content-area {
        margin-right: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    /* 3. Ascunde complet zona de widget lateral goală pe paginile de tip articol */
    .single-post .site-content .widget-area,
    .single .site-content .widget-area {
        display: none !important;
        width: 0 !important;
    }
}

/* --- CONFIGURARE TEXT JUSTIFICAT ȘI CENTRAT (70% LĂȚIME) --- */
@media only screen and (min-width: 50em) {
    
    /* 1. Ascunde zona de widget lateral (fostul feed Facebook) */
    .single-post .site-content .widget-area,
    .single .site-content .widget-area {
        display: none !important;
        width: 0 !important;
    }

    /* 2. Resetează containerul structural general */
    .single-post .content-area,
    .single .content-area {
        margin-right: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    /* 3. Setează articolul la 70% lățime și îl centrează (margini egale stânga/dreapta) */
    .single-post .site-main {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 77% !important;
        max-width: 77% !important;
    }

    /* 4. Alinierea textului de tip Justify (stânga-dreapta) în interiorul articolului */
    .single-post .entry-content p,
    .single .entry-content p {
        text-align: justify !important;
        text-justify: inter-word; /* Optimizează spațierea dintre cuvinte */
    }
}

/* --- CONFIGURARE COMPACTĂ A FONTURILOR (OPTIMIZATĂ) --- */
@media only screen and (min-width: 50em) {

    /* Titlul principal al articolului - elegant și compact */
    .single-post .entry-title {
        font-size: 38px !important;
        font-weight: 700 !important;
        letter-spacing: -0.5px !important;
        line-height: 1.2 !important;
        margin-bottom: 1em !important;
			color: #99cc00 !important;
    }

    /* Headerele din conținut */
    .single-post .entry-content h1 {
        font-size: 21px !important;
        font-weight: 700 !important;
        margin-top: 1.5em !important;
        margin-bottom: 0.6em !important;
			color: #99cc00 !important;
    }

    .single-post .entry-content h2 {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-top: 1.4em !important;
        margin-bottom: 0.6em !important;
			color: #99cc00 !important;
    }

    /* H3 are aceeași dimensiune cu paragraful (16px), deci îl transformăm în Uppercase (Litere mari) pentru a se distinge ca subtitlu */
    .single-post .entry-content h3 {
        font-size: 17px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        margin-top: 1.4em !important;
    }

    /* H4 (15px) este mai mic decât textul normal, deci aplicăm Bold și Italic pentru a arăta ca o notă de subsol sau intertitlu secundar */
    .single-post .entry-content h4 {
        font-size: 15px !important;
        font-weight: 700 !important;
        margin-top: 1.3em !important;
    }

    .single-post .entry-content h5 {
        font-size: 14px !important;
        font-weight: normal !important;
        letter-spacing: 1px !important;
        color: #555 !important; /* Culoare ușor mai închisă pentru diferențiere */
    }

    /* Paragrafele de text */
    .single-post .entry-content p,
    .single .entry-content p {
        font-size: 15.3px !important;
        line-height: 1.4 !important; /* Înălțime compactă a rândului, optimă pentru text justified */
        margin-bottom: 1.2em !important; /* Spațiu curat între paragrafe */
    }
}
/* Blochează selectarea textului pe toate browserele moderne și vechi */
body {
    -webkit-touch-callout: none; /* iOS Safari: dezactivează meniul la apăsare lungă */
    -webkit-user-select: none;   /* Chrome, Safari, Opera, Edge, Android */
    -khtml-user-select: none;    /* Konqueror (browsere vechi bazate na Linux) */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer / Edge vechi */
    user-select: none;           /* Standard (Chrome modern, Firefox, Opera) */
}

/* Opțional: Permite selectarea textului doar în formulare (dacă aveți câmpuri de contact pe site) */
input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}