/*
Theme Name: nori Child
Theme URI: https://motivoweb.com/nori
Author: motivoweb
Author URI: https://themeforest.net/user/motivoweb/
Template:  nori
Description: Business Consulting WordPress Theme.
Version: 1.0
Text Domain: nori
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
License: GNU General Public License
License URI: license.txt
*/

/*
 * The parent theme's compiled CSS hides several header-right icons
 * (search, call, quote button, color switcher, menu toggle) below an
 * unusually wide "@media (max-width:1470px)" breakpoint — which covers
 * most common desktop/laptop screens, not just tablets/phones. That's why
 * they only ever show up on very wide monitors regardless of the
 * "Menu Right Icons" toggles in Theme Options. Restore them for genuine
 * desktop widths; real mobile/tablet hiding below 992px is untouched.
 */
@media only screen and (min-width: 992px) {
	.mo-header-v2 .btn-nav.button {
		display: inline-block !important;
	}
	.mo-header-v2 .mo-search-header,
	.mo-header-v2 .menu_other_v2 .call-us,
	.mo-header-v5 .menu_other_v5 .call-us,
	.mo-header-v4 .menu_other_v4 .color-switcher,
	.mo-header-v4 .menu_other_v4 .menu-toggle,
	.mo-header-v4 .menu_other_v4 .mo-search-header {
		display: block !important;
	}
	.mo-header-v7 .menu_other_v7 .button.btn-nav {
		display: inline-block !important;
	}
}

/* Account area: login trigger (logged out) / "Compte" dropdown (logged in) */
.edumiaa-account-area {
	display: flex;
	align-items: center;
	/* The Nori theme sets overflow:hidden on this exact element (it only
	   ever expected a single plain <a> child); that clips the dropdown
	   menu, which needs to render outside its bounds. */
	overflow: visible !important;
}

.edumiaa-account-trigger {
	/* Fixed 40x40 box to match the theme's other header icon-buttons
	   (cart, search, switcher), which all render as 40px circles. Only
	   used icon-only unless .has-label is present (see below). */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	overflow: visible !important;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

.edumiaa-account-trigger svg {
	flex-shrink: 0;
}

/*
 * With a visible text label ("Se connecter" / "Mon Compte"), the trigger
 * needs to grow into a pill instead of staying locked to a 40px icon
 * circle. The theme also force-hides the <span> inside every link in this
 * header area (it only ever expected an icon-only button here), so it has
 * to be re-shown explicitly.
 */
.edumiaa-account-trigger.has-label {
	width: auto !important;
	min-width: 40px !important;
	padding: 0 18px !important;
	border-radius: 20px !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

.edumiaa-account-trigger.has-label span {
	display: inline !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	color: inherit !important;
}

/*
 * Moved next to the hamburger icon by account-menu.js when the theme's own
 * "menu right icons" container is hidden on mobile. Kept compact
 * (icon-only, no label) since space next to the hamburger is tight.
 */
.edumiaa-account-area--mobile {
	display: inline-flex !important;
	float: right;
	margin-right: 8px;
}

.edumiaa-account-area--mobile .edumiaa-account-trigger.has-label {
	width: 40px !important;
	padding: 0 !important;
	background: none !important;
	border-radius: 50% !important;
}

.edumiaa-account-area--mobile .edumiaa-account-trigger.has-label span {
	display: none !important;
}

.edumiaa-account-dropdown {
	position: relative;
	/* The theme only sizes <a> elements that are a direct child of
	   .header-top-login-register; this wrapper div isn't, so it needs its
	   own explicit sizing or it collapses to 0x0 as a flex item. */
	display: inline-flex !important;
	align-items: center !important;
	min-width: 40px !important;
	min-height: 40px !important;
}

.edumiaa-account-menu {
	display: none;
	position: absolute;
	top: calc(100% + 14px);
	right: 0;
	min-width: 220px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(18, 18, 18, 0.16);
	padding: 10px;
	z-index: 999;
}

.edumiaa-account-dropdown.is-open .edumiaa-account-menu {
	display: block;
}

.edumiaa-account-menu-user {
	display: block;
	padding: 8px 12px;
	font-weight: 600;
	color: #121212;
	border-bottom: 1px solid #f0f2f4;
	margin-bottom: 6px;
}

/*
 * The Nori theme applies width/padding/border/line-height to every <a>
 * nested anywhere inside .header-top-login-register (it only ever expected
 * one single icon-sized link there). Since our dropdown menu links live
 * inside that same container, they inherit those rules and get squeezed
 * to a ~40px icon box. Reset everything relevant with !important so the
 * menu links render as normal, full-width rows instead.
 */
.edumiaa-account-menu a {
	display: block !important;
	width: auto !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 1.4 !important;
	white-space: normal !important;
	padding: 8px 12px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 6px !important;
	color: #1f1f1f !important;
	background: none !important;
	text-decoration: none !important;
	text-align: left !important;
	text-transform: none !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
}

.edumiaa-account-menu a:hover {
	background: #f0f2f4 !important;
	color: #1f1f1f !important;
	border-color: transparent !important;
}