/*
Theme Name: Merlin Units
Theme URI: https://themezee.com/themes/merlin/
Author: Daniele Albrizio
Author URI: https://themezee.com
Description: Merlin is a beautiful designed Magazine WordPress theme with a responsive layout. The theme comes with a gorgeous Post Slider, Magazine Homepage template and a Header Widget area. Settings can be configured easily in the Customizer. Units flavour has some University of Trieste brandings
Template: merlin
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: merlin-units
Tags: two-columns, custom-background, custom-header, custom-menu, editor-style, rtl-language-support, blog, entertainment, news, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* ── Typography ──────────────────────────────────────────── */

body,
input, textarea, select, button,
.main-navigation-menu a,
.site-title, .entry-title,
h1, h2, h3, h4, h5, h6 {
	font-family: "Titillium Web", "Helvetica", "Arial", sans-serif;
}

/* ── Links ───────────────────────────────────────────────── */

a {
	color: #007185;
	text-decoration: none;
	transition: color 0.2s ease;
}

a:link,
a:visited {
	color: #007185;
}

a:hover,
a:focus,
a:active {
	color: #01404b;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* ── Widgets & Search ────────────────────────────────────── */

.widget-title {
	background: #16355a;
}

.search-form .search-submit {
	background: #16355a;
	transition: background 0.2s ease;
}

.search-form .search-submit:hover {
	background: #007185;
}

/* ── Background & Layout ─────────────────────────────────── */

body {
	background: #f4f6f8;
}

#page,
.site-content,
.site-main,
#content {
	background: #ffffff;
	box-shadow: none;
}

.site-header,
#masthead {
	border-top: 4px solid #16355a;
}

h2 {
	border-left: 3px solid #007185;
	padding-left: 0.6rem;
}

h3 {
	border-left: 2px solid rgba(0, 113, 133, 0.4);
	padding-left: 0.5rem;
}

/* ── Site Header ─────────────────────────────────────────── */

.site-header,
#masthead {
	background-color: #ffffff;
}

#header-bar,
.header-bar,
.header-main {
	background-color: #ffffff;
}

/* ── Main Navigation ─────────────────────────────────────── */

/* Hamburger/toggle buttons */
.main-navigation-toggle,
.sidebar-navigation-toggle {
	background: #16355a !important;
}

.main-navigation-toggle:hover,
.main-navigation-toggle:active,
.sidebar-navigation-toggle:hover,
.sidebar-navigation-toggle:active {
	background: #007185 !important;
}

/* Top-level items */
.main-navigation-menu > li > a {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 600;
	font-size: 0.82rem;
}

.main-navigation-menu > li.current-menu-item > a,
.main-navigation-menu > li.current-menu-ancestor > a {
	background: rgba(255, 255, 255, 0.15) !important;
}

.main-navigation-menu a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
}

/* Dropdown sub-menu — override Customizer inline CSS */
.main-navigation-menu ul,
.main-navigation-menu .sub-menu {
	background: #16355a !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.main-navigation-menu ul li,
.main-navigation-menu .sub-menu li {
	background: #16355a !important;
	color: #ffffff !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-navigation-menu ul li:last-child,
.main-navigation-menu .sub-menu li:last-child {
	border-bottom: none;
}

.main-navigation-menu ul a,
.main-navigation-menu .sub-menu a {
	background: #16355a !important;
	color: #ffffff !important;
}

.main-navigation-menu ul a:link,
.main-navigation-menu ul a:visited,
.main-navigation-menu .sub-menu a:link,
.main-navigation-menu .sub-menu a:visited {
	color: #ffffff !important;
	text-decoration: none;
}

.main-navigation-menu ul a:hover,
.main-navigation-menu .sub-menu a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	text-decoration: none;
}

/* Mobile: expanded menu */
.main-navigation-menu.toggled-on,
.primary-navigation.toggled-on .main-navigation-menu {
	background: #16355a !important;
}

.top-navigation-menu .submenu-dropdown-toggle:before,
.top-navigation-toggle:after {
	background: #16355a;
	color: #ffffff;
}

.page-item {
	background: #f0f0f0;
	color: #16355a;
}

/* ── Footer ──────────────────────────────────────────────── */

#colophon,
#footer,
.site-footer {
	background-color: #16355a;
	font-family: "Titillium Web", "Helvetica", "Arial", sans-serif;
}

#main-navigation,
.primary-navigation {
	background-color: #16355a;
}

.logobianco {
	margin-bottom: 1rem;
}

.logobianco img,
.logobianco svg {
	width: 200px;
	height: auto;
}

.footeraddress {
	color: #ffffff;
	text-align: center;
	font-size: 0.9rem;
	line-height: 1.7;
}

.copyright {
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-size: 0.85rem;
}

.copyright a:link,
.copyright a:visited {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: color 0.2s ease;
}

.copyright a[rel~="external"]:hover,
.copyright a:hover {
	color: #0cbede;
	text-decoration: none;
}

.footeraddress a:link,
.footeraddress a:visited {
	color: #ffffff;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footeraddress a:hover,
.footeraddress a:focus {
	color: #0cbede;
	text-decoration: none;
}

/* ── Mobile ──────────────────────────────────────────────── */

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

	/* Contenitore header: stack verticale centrato */
	#header-top,
	.header-bar-wrap,
	.header-bar,
	.header-main {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 1rem 0 !important;
		box-sizing: border-box;
	}

	/* Logo: rimuove float e centra */
	#logo,
	.site-branding {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin: 0 auto !important;
	}

	/* Immagine logo centrata */
	.custom-logo-link {
		display: block !important;
		text-align: center !important;
	}

	.custom-logo {
		display: inline-block !important;
		margin: 0 auto !important;
	}

	/* Titolo e descrizione sito */
	.site-title,
	.site-description {
		text-align: center !important;
		display: block !important;
		width: 100% !important;
	}

	/* Widget header (language switcher) */
	.header-widgets,
	#block-3 {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin-top: 0.75rem !important;
	}

	.header-widgets .pll-switcher-select,
	.header-widgets select {
		margin: 0 auto !important;
		display: block !important;
	}
}