/*
Theme Name: LVS Child
Template: hello-elementor
Description: Child-tema til LVS – Landsforeningen af Væresteder
Version: 0.1.0
Text Domain: lvs
*/

/* ==========================================================================
   LVS – minimal custom CSS (only where Elementor has no native control)
   Each block is documented in tools/CONVENTIONS.md ("Custom CSS the kit needs").
   ========================================================================== */

/* 1. Terracotta underline on links (no native control for text-decoration-color).
      Add CSS class "lvs-ul" to a Heading/Button widget, or use links in Text Editor. */
.lvs-ul a, a.lvs-ul, .lvs-ul .elementor-button-text,
.elementor-widget-text-editor a {
	text-decoration-line: underline;
	text-decoration-color: #CA5931;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
.lvs-ul a { text-underline-offset: 5px; }

/* 2. Header – Mega Menu (desktop): no caret on desktop (design has none), nowrap actions */
@media (min-width: 1025px) {
	.lvs-mainnav .e-n-menu-dropdown-icon { display: none !important; }
}
.lvs-header .elementor-button, .lvs-nowrap .elementor-heading-title { white-space: nowrap; }
.lvs-header { position: relative; z-index: 50; }
.lvs-megapanel a:hover, .lvs-megapanel .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #fff; }

/* 3. Header – tablet/mobile (<=1024): Mega Menu becomes a full-screen dark accordion menu (design: "menuOpen" overlay).
      Native parts: Mega Menu widget in Dropdown layout (breakpoint = tablet), +/- icons, panel containers hidden per device.
      CSS only skins the overlay, adds the "Menu"/"Luk" label and the sticky bottom CTA bar. */
@media (max-width: 1024px) {
	.lvs-mainnav.lvs-mainnav { margin-left: auto; flex: 0 0 auto; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle { position: relative; z-index: 201; display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
		font: 700 13px/1 Lato, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #23413B; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle::before { content: "Menu"; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle[aria-expanded="true"] { color: #F7F5EF !important; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle[aria-expanded="true"] * { fill: #F7F5EF !important; color: #F7F5EF !important; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-heading, .lvs-mainnav.lvs-mainnav .e-n-menu-item, .lvs-mainnav.lvs-mainnav .e-n-menu-title,
	.lvs-mainnav.lvs-mainnav .e-n-menu-dropdown-icon { background: transparent !important; box-shadow: none !important; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle[aria-expanded="true"]::before { content: "Luk"; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-toggle[aria-expanded="true"] svg { fill: #F7F5EF; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-wrapper { position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; max-height: none !important; z-index: 200 !important; background: #23413B !important; overflow-y: auto; padding: 72px 20px 120px !important; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 64px;
		border-bottom: 1px solid rgba(247,245,239,.16);
		background: url(/wp-content/uploads/2026/10/lvs-logo-negativ.svg) no-repeat 20px center / auto 36px; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-heading { max-width: 720px; margin: 0 auto; width: 100%; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-item { border-bottom: 1px solid rgba(247,245,239,.16); }
	.lvs-mainnav.lvs-mainnav .e-n-menu-title { display: flex; justify-content: space-between; align-items: center; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-title-container { flex: 1; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-title-text { font-family: Fraunces, serif !important; font-weight: 500 !important; font-size: 30px !important; line-height: 1.1; color: #F7F5EF !important; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-dropdown-icon { flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid rgba(247,245,239,.45);
		display: flex !important; align-items: center; justify-content: center; padding: 0; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-dropdown-icon svg { fill: #F7F5EF !important; width: 14px; height: 14px; }
	.lvs-mainnav.lvs-mainnav .lvs-megapanel { background: transparent !important; padding: 0 0 18px !important; }
	.lvs-mainnav.lvs-mainnav .lvs-megapanel > .e-con-inner { padding: 0; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-content { border-left: 2px solid #CA5931; margin: 0 0 18px; }
	.lvs-mainnav.lvs-mainnav .lvs-megapanel .elementor-icon-list-text, .lvs-mainnav.lvs-mainnav .lvs-megapanel a { color: #F7F5EF; font-size: 17px; font-weight: 400; }
	.lvs-mainnav.lvs-mainnav .lvs-megapanel .elementor-icon-list-item { padding: 6px 0 6px 16px; }
	.lvs-mainnav.lvs-mainnav .e-n-menu-heading { padding: 0 20px; }
	.lvs-mainnav.lvs-mainnav .lvs-megapanel .e-con { gap: 0 !important; }
	body { padding-bottom: 72px; }
	.lvs-mobile-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 210; box-shadow: 0 -8px 24px rgba(20,40,34,.10); }
}

/* Design: Fraunces uses the soft axis everywhere (axis is ignored by other fonts). */
body { font-variation-settings: "SOFT" 100; }