/* Temptations – lilla header på én række (Shoptimizer header-4). Baggrundsfarven sættes i Customizer (#a967bf). */

/* "Forside" i menuen (menupunkt 804, desktop og mobilmenu) – logoet linker hjem */
#nav-menu-item-804,li[id$="menu-item-804"]{display:none!important}

/* Temaet forskyder headeren 32/46 px for admin-bjælken, men Off-Canvas-pluginets #ocs-site starter allerede under den → hvidt hul for indloggede */
body.admin-bar.header-4 .header-4-container:not(#thx){top:0}
/* Let gradient og skygge i stedet for temaets lyse kant */
.header-4 .header-4-container:not(#thx){border-bottom:0;background:linear-gradient(90deg,#a967bf,#9d5cb3);box-shadow:0 6px 20px -12px rgba(60,20,80,.45)}

/* Søgevindue: højere oppe, og uden "Nyeste produkter" (slået fra i Customizer; overskriften stod tom tilbage) */
.search-main-modal .modal-dialog{margin-top:12vh!important}
.search-main-modal .search-extras{display:none}

/* Burger på mobil */
.site-header .menu-toggle{color:#fff;background:transparent}
.site-header .menu-toggle .bar,.site-header .menu-toggle span{background-color:#fff}

/* Mega-panel og mobilmenu er skjult, indtil de er på plads/åbne */
#th-mega,.th-shade{display:none}
#th-dh,#th-drawer{display:none}

@media (min-width:993px){
	.header-4-inner>.site-header,.header-4-inner .site-branding,.header-4-inner .main-header{width:auto;max-width:none;flex:0 0 auto}
	/* Imagify pakker logoet i <picture class="custom-logo"> – størrelsen skal på selve <img> */
	/* Temaet sætter inline .header-4 .site-header .custom-logo-link img{height:30px} – denne regel er stærkere */
	body.header-4 .header-4-inner .site-header .custom-logo-link img,body .header-4-inner .site-header .custom-logo-link img{height:40px;width:auto;max-width:none;max-height:none}

	/* Menupunkter: hvid tekst, flugter med logoets ordmærke (symbolet stikker op over teksten → 7 px ned) */
	.main-navigation ul.menu>li>a,.main-navigation ul.menu>li>a:link,.main-navigation ul.menu>li>a:visited,.main-navigation ul.menu>li>a:not([href]){color:#fff}
	body .main-navigation ul.menu>li>a:not(#thx){font-size:15px;letter-spacing:.01em;padding-top:7px;position:relative;box-shadow:none;opacity:1}
	.main-navigation ul.menu>li>a .caret,.main-navigation ul.menu>li>a svg{color:#fff;fill:#fff;stroke:#fff}
	/* Hvid streg, der glider ind ved hover – og står fast på den aktive side */
	.main-navigation ul.menu>li>a:after{content:'';position:absolute;left:0;right:0;bottom:24px;height:2px;border-radius:2px;background:#fff;opacity:.9;transform:scaleX(0);transition:transform .2s}
	.main-navigation ul.menu>li:hover>a:after,.main-navigation ul.menu>li.th-open>a:after,.main-navigation ul.menu>li.current-menu-item>a:after,.main-navigation ul.menu>li.current-menu-ancestor>a:after,.main-navigation ul.menu>li.current-menu-parent>a:after{transform:scaleX(1)}
	/* "Sexlegetøj" linker til forsiden og ville ellers stå som aktiv dér */
	.home .main-navigation ul.menu>li:not(:hover):not(.th-open)>a:after{transform:scaleX(0)}

	/* Søgeknap med tekst (temaets søge-ikon, så søgevinduet virker som før) */
	.col-full-nav .search-trigger:not(#thx){display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;line-height:1;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 16px 8px 13px;color:#fff;transform:translateY(6px);transition:background .15s}
	.col-full-nav .search-trigger:not(#thx):hover{background:rgba(255,255,255,.26);opacity:1}
	.col-full-nav .search-trigger svg{color:#fff;stroke:#fff;width:16px;height:16px}
	.col-full-nav .search-trigger span{border-right:0;padding:0;margin:0}
	.col-full-nav .search-trigger:after{content:'Søg';font:600 14px 'Open Sans',sans-serif;color:#fff}

	/* Temaets egen dropdown under "Sexlegetøj" erstattes af mega-panelet */
	#nav-menu-item-211778>.sub-menu-wrapper,#nav-menu-item-211778>ul.sub-menu{display:none!important}
	/* Øvrige dropdowns (Om os): hvidt kort */
	.main-navigation ul.menu>li:not(#nav-menu-item-211778) .sub-menu{background:#fff;border-radius:12px;box-shadow:0 18px 40px -14px rgba(40,10,60,.3);padding:8px 0}
	.main-navigation ul.menu>li:not(#nav-menu-item-211778) .sub-menu a{color:#221a27}
	.main-navigation ul.menu>li:not(#nav-menu-item-211778) .sub-menu a:hover{color:#7d3f94}

	/* Mega-panel */
	.header-4-container{position:sticky}
	html.th-mega-open #th-mega{display:block}
	html.th-mega-open .th-shade{display:block}
	#th-mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 24px 50px -18px rgba(40,10,60,.35);z-index:50;font-family:'Open Sans',sans-serif;text-align:left}
	.th-shade{position:fixed;inset:0;background:rgba(20,8,26,.28);z-index:40}
	.header-4 .header-4-container:not(#thx){z-index:60}
	.th-mega-in{max-width:992px;margin:0 auto;padding:32px 0 26px;display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;gap:36px}
	#th-mega .th-col-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font:700 12px Roboto,'Open Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
	#th-mega .th-col-h a{color:#7d3f94;text-decoration:none}
	#th-mega .th-col-h a.th-all{font:600 11px 'Open Sans',sans-serif;letter-spacing:0;text-transform:none;color:#a967bf}
	#th-mega a.th-l,#th-mega a.th-l:link,#th-mega a.th-l:visited{display:block;color:#221a27;text-decoration:none;font-size:14.5px;line-height:1.5;padding:6px 0;transition:color .15s,padding .15s}
	#th-mega a.th-l:hover{color:#7d3f94;padding-left:4px}
	#th-mega .th-guides{background:#f7eff9;border-radius:16px;padding:22px 22px 18px}
	#th-mega .th-gh{font:700 20px Fraunces,Georgia,serif;color:#221a27;margin:0 0 4px}
	#th-mega .th-gp{margin:0 0 12px;color:#6b5f72;font-size:13px;line-height:1.5}
	#th-mega a.th-g,#th-mega a.th-g:link,#th-mega a.th-g:visited{display:flex;align-items:center;gap:12px;padding:7px 0;color:#221a27;text-decoration:none;font-size:14px;font-weight:600}
	#th-mega a.th-g:hover{color:#7d3f94}
	#th-mega .th-g i{width:44px;height:34px;border-radius:8px;background:#fff center/cover;flex:none}
	#th-mega a.th-gall{display:inline-block;margin-top:10px;color:#7d3f94;font-weight:700;font-size:14px;text-decoration:none}
	#th-mega .th-strip{border-top:1px solid #f0eaf2;background:#fcfafd}
	#th-mega .th-strip-in{max-width:992px;margin:0 auto;padding:12px 0;display:flex;gap:26px;font-size:13.5px;color:#6b5f72}
	#th-mega .th-strip b{color:#e8455c}
}

/* Mobilmenu (temaets skuffe med eget indhold) */
@media (max-width:992px){
	.col-full-nav .main-navigation{display:none!important}
	.col-full-nav:not(#thx){padding-left:0;padding-right:0}
	.col-full-nav #th-dh{display:block;background:#a967bf;padding:16px 18px;margin:0}
	.col-full-nav #th-dh img{height:34px;width:auto;display:block}
	.col-full-nav #th-drawer{display:flex;flex-direction:column;font-family:'Open Sans',sans-serif}
	.col-full-nav .site-search{padding:16px 18px 6px}
	.col-full-nav .site-search input.search-field{border:1.5px solid #e6d8ec;border-radius:999px;background:#fff;padding-left:42px;height:46px}
	#th-drawer .th-dl{padding:6px 0}
	#th-drawer summary,#th-drawer a.th-row{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;color:#221a27;text-decoration:none;font-size:17px;font-weight:600;border-bottom:1px solid #f3eef5;cursor:pointer;list-style:none}
	#th-drawer summary::-webkit-details-marker{display:none}
	#th-drawer summary:after{content:'';width:8px;height:8px;border-right:2px solid #7d3f94;border-bottom:2px solid #7d3f94;transform:rotate(45deg);margin-right:4px;transition:transform .2s}
	#th-drawer details[open]>summary{background:#faf6fb}
	#th-drawer details[open]>summary:after{transform:rotate(-135deg)}
	#th-drawer a.th-row span{color:#a967bf;font-size:20px}
	#th-drawer .th-subs{background:#faf6fb;padding:4px 22px 16px;border-bottom:1px solid #f3eef5}
	#th-drawer .th-sh{margin:12px 0 8px;font:700 11px Roboto,'Open Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
	#th-drawer .th-sh a{color:#7d3f94;text-decoration:none}
	#th-drawer .th-chips{display:flex;flex-wrap:wrap;gap:7px}
	#th-drawer .th-chips a{display:inline-block;border:1px solid #e6d8ec;background:#fff;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;color:#221a27;text-decoration:none}
	#th-drawer .th-chips a.more{color:#7d3f94}
	#th-drawer .th-subs-list a{display:block;padding:9px 0;color:#221a27;text-decoration:none;font-size:15px}
	#th-drawer .th-df{margin-top:8px;padding:16px 22px 22px;background:#faf6fb;font-size:13px;color:#6b5f72}
	#th-drawer .th-df span{display:block;margin-bottom:6px}
	#th-drawer .th-df a{display:inline-block;color:#7d3f94;font-weight:700;text-decoration:none;margin-right:14px;white-space:nowrap}
}