/*
 * Theme-wide brand styling.
 *
 * Imports tokens (no auto-enqueue for partials starting with `_`) and applies
 * the Teledom brand palette to GeneratePress shells: links, buttons, primary
 * navigation, and the WPML language switcher.
 */

@import url('./base/_tokens.css');

/* Body typography baseline (GeneratePress lets Customizer override) */
body,
button,
input,
select,
textarea {
	font-family: var(--teledom-font-body);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--teledom-font-heading);
}

/* Links — use brand green for hover states */
a:hover,
a:focus,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--teledom-color-primary);
}

/* Buttons (GeneratePress + GenerateBlocks) */
button.gp-button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: var(--teledom-color-primary);
	border-color: var(--teledom-color-primary);
}

button.gp-button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: var(--teledom-color-primary-dark);
	border-color: var(--teledom-color-primary-dark);
}

/* Mobile burger menu accent */
.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
	background-color: var(--teledom-color-primary);
}

/* WPML language switcher (markup ported from Morrison Hotel) */
#header-language-switcher {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-size: 0.9rem;
	line-height: 1;
}

#header-language-switcher > li {
	position: relative;
	cursor: pointer;
}

#header-language-switcher > li > span,
#header-language-switcher a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	color: inherit;
	text-decoration: none;
}

#header-language-switcher img {
	display: inline-block;
	vertical-align: middle;
}

#header-language-switcher ul {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 100%;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	z-index: 1000;
}

#header-language-switcher > li:hover > ul,
#header-language-switcher > li:focus-within > ul {
	opacity: 1;
	visibility: visible;
}

#header-language-switcher ul a:hover {
	background: rgba(18, 137, 74, 0.08);
	color: var(--teledom-color-primary);
}