/**
* Theme Name: Bevesi Child
* Description: This is a child theme of Bevesi, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: bevesi
* Version: 1.1.2
*/

/* ==========================================================================
   Header refinements
   --------------------------------------------------------------------------
   Everything below is a small correction to the parent theme, not a restyle.
   Sizes, colours and spacing are read from the theme's own tokens so these
   rules follow along if the palette or type scale is ever changed.

   Selectors deliberately out-specify the parent by adding one more real
   ancestor rather than using !important, which would also block any future
   legitimate restyle.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shop mega menu
   -------------------------------------------------------------------------- */

/*
 * The parent theme makes every mega-menu column heading unclickable
 * (pointer-events: none) and paints it the same size as the links below it in
 * a light grey. Together those read as a disabled row rather than a heading —
 * and each of these headings is a real product category with stock behind it,
 * so refusing the click throws away the most useful link in the column.
 */
.site-header .site-menu.horizontal.primary-menu .mega-menu > .sub-menu > li > a {
	pointer-events: auto;
	color: var(--color-gray-900, #111827);
	font-weight: 600;
	padding-bottom: 0.625rem;
}

.site-header .site-menu.horizontal.primary-menu .mega-menu > .sub-menu > li > a:hover {
	color: rgb(var(--site-primary-color));
}

/* A heading needs air beneath it, or the column reads as one six-item list
   with a bold first entry instead of a heading and its contents. */
.site-header .site-menu.horizontal.primary-menu .mega-menu > .sub-menu > li > .sub-menu {
	padding-top: 0.125rem;
}

/* Keep the panel inside the header's own container width. Left-aligned to the
   nav rather than the viewport, so it lines up with "Shop". */
.site-header .site-menu.horizontal.primary-menu .mega-menu > .sub-menu {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* --------------------------------------------------------------------------
   Top bar contact details
   --------------------------------------------------------------------------
   Replaces the language and currency pickers. The parent theme styles top-bar
   items as menu links with a dropdown caret; these are plain contact links, so
   the caret and the hover underline are removed and an icon sits inline.
   -------------------------------------------------------------------------- */

.site-header-topbar .site-menu.horizontal .menu > li.contact-link > a {
	display: inline-flex;
	align-items: center;
	gap: 0.4375rem;
	line-height: 1;
}

.site-header-topbar .site-menu.horizontal .menu > li.contact-link > a::after {
	content: none;
}

/* The icon is drawn from the theme's own klbtheme font rather than added to
   the menu title as markup, which keeps the title plain text in the admin. */
.site-header-topbar .site-menu.horizontal .menu > li.contact-link > a::before {
	font-family: 'klbtheme';
	font-weight: normal;
	font-style: normal;
	font-size: 0.9375rem;
	line-height: 1;
	opacity: 0.75;
	speak: never;
}

.site-header-topbar .site-menu.horizontal .menu > li.contact-phone > a::before {
	content: '\e848';
}

.site-header-topbar .site-menu.horizontal .menu > li.contact-email > a::before {
	content: '\e8bb';
}

.site-header-topbar .site-menu.horizontal .menu > li.contact-link > a:hover::before {
	opacity: 1;
}

/* Two contact details sit closer together than eight menu links needed to. */
.site-header-topbar .site-menu.horizontal .menu > li.contact-link + li.contact-link {
	margin-left: 1.5rem;
}

/* --------------------------------------------------------------------------
   Mobile and tablet
   -------------------------------------------------------------------------- */

/*
 * Off-canvas, the mega menu is an ordinary accordion: the flex columns and the
 * always-open nested lists that make sense across a 1345px panel would
 * otherwise stack into one long undifferentiated list on a phone. Reset them
 * so the drawer's own accordion behaviour takes over, and keep the category
 * headings distinguishable from their children.
 */
@media (max-width: 1199px) {
	#menu-drawer .mega-menu > .sub-menu,
	.site-drawer .mega-menu > .sub-menu {
		display: block;
		width: auto;
	}

	#menu-drawer .mega-menu > .sub-menu > li,
	.site-drawer .mega-menu > .sub-menu > li {
		flex: none;
	}

	#menu-drawer .mega-menu > .sub-menu > li > a,
	.site-drawer .mega-menu > .sub-menu > li > a {
		pointer-events: auto;
		font-weight: 600;
	}
}

/* The contact links wrap rather than squeeze on a narrow tablet top bar. */
@media (max-width: 991px) {
	.site-header-topbar .site-menu.horizontal .menu > li.contact-link > a {
		gap: 0.3125rem;
	}
}