/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 04 2026 | 17:38:07 */
/* =========================================================
   MEGA MENU — hover swap (čisté CSS)
   Kategorie: obrazy · zalozky · cosplay · domacnost · hracky
   ========================================================= */

/* ---- 0. layout sloupců ---- */
.mega { gap: 0; }                 /* zruší mrtvou zónu mezi sloupci */
.mega__panels { display: grid; }  /* prostřední sloupec = stack panelů */

/* ---- 1. položka railu (jeden zdroj pravdy) ---- */
.mega__item {
  position: relative;   /* kotva pro můstek */
  z-index: 2;           /* nad panelem, aby můstek chytal hover */
  color: #0d3b66;       /* výchozí barva vedoucí ikony (navy) */
  border-radius: 10px;
  transition: background-color .12s ease, box-shadow .12s ease, color .12s ease;
}

/* neviditelný můstek přes mezeru rail → panel */
.mega__item::after {
  content: "";
  position: absolute;
  top: 0; left: 100%;
  width: 48px; height: 100%;
}

/* vedoucí ikona (FA i UAG) dědí barvu z položky přes currentColor */
.mega__item > .wp-block-group .svg-inline--fa { color: inherit; }
.mega__item > .wp-block-group .uagb-svg-wrapper svg,
.mega__item > .wp-block-group .uagb-svg-wrapper svg path { fill: currentColor; }

/* ---- 2. panely naskládané na sobě ---- */
.mega__panel {
  grid-area: 1 / 1;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .15s ease;
}

/* ---- 3. VÝCHOZÍ stav (na nic nejedu) = Obrazy ---- */
.mega__panel--obrazy { opacity: 1; visibility: visible; pointer-events: auto; }
.mega__item--obrazy  { background:#fff; box-shadow:0 2px 8px rgba(13,59,102,.12); color:#f95738; }

/* jakmile najedu na cokoli, Obrazy zhasnou (panel i highlight) */
.mega:has(.mega__item:hover)  .mega__panel--obrazy,
.mega:has(.mega__panel:hover) .mega__panel--obrazy {
  opacity: 0; visibility: hidden; pointer-events: none;
}
.mega:has(.mega__item:hover)  .mega__item--obrazy,
.mega:has(.mega__panel:hover) .mega__item--obrazy {
  background: transparent; box-shadow: none; color:#0d3b66;
}

/* ---- 4. AKTIVNÍ kategorie = položku NEBO její panel mám pod myší ---- */
/* 4a) zobraz panel */
.mega:has(.mega__item--obrazy:hover)    .mega__panel--obrazy,
.mega:has(.mega__panel--obrazy:hover)   .mega__panel--obrazy,
.mega:has(.mega__item--zalozky:hover)   .mega__panel--zalozky,
.mega:has(.mega__panel--zalozky:hover)  .mega__panel--zalozky,
.mega:has(.mega__item--cosplay:hover)   .mega__panel--cosplay,
.mega:has(.mega__panel--cosplay:hover)  .mega__panel--cosplay,
.mega:has(.mega__item--domacnost:hover) .mega__panel--domacnost,
.mega:has(.mega__panel--domacnost:hover) .mega__panel--domacnost,
.mega:has(.mega__item--hracky:hover)    .mega__panel--hracky,
.mega:has(.mega__panel--hracky:hover)   .mega__panel--hracky {
  opacity: 1; visibility: visible; pointer-events: auto;
}
/* 4b) zvýrazni položku + obarvi ikonu */
.mega:has(.mega__item--obrazy:hover)    .mega__item--obrazy,
.mega:has(.mega__panel--obrazy:hover)   .mega__item--obrazy,
.mega:has(.mega__item--zalozky:hover)   .mega__item--zalozky,
.mega:has(.mega__panel--zalozky:hover)  .mega__item--zalozky,
.mega:has(.mega__item--cosplay:hover)   .mega__item--cosplay,
.mega:has(.mega__panel--cosplay:hover)  .mega__item--cosplay,
.mega:has(.mega__item--domacnost:hover) .mega__item--domacnost,
.mega:has(.mega__panel--domacnost:hover) .mega__item--domacnost,
.mega:has(.mega__item--hracky:hover)    .mega__item--hracky,
.mega:has(.mega__panel--hracky:hover)   .mega__item--hracky {
  background:#fff; box-shadow:0 2px 8px rgba(13,59,102,.12); color:#f95738;
}

/* nové (UAG/Spectra) ikony — vynucená velikost + barva přes currentColor */
.mega__item > .wp-block-group .uagb-svg-wrapper { display: inline-flex; }
.mega__item > .wp-block-group .uagb-svg-wrapper svg {
  width: 16px;
  height: 16px;
  fill: currentColor;     /* = barva položky (navy / oranžová) */
}
.mega__item > .wp-block-group .uagb-svg-wrapper svg path { fill: currentColor; }



.current-menu-item {
	font-weight: bold;
}

.wp-block-ollie-mega-menu__menu-container {
	left: -250px;
}

.wp-block-ollie-mega-menu__menu-container.menu-width-content {

}

@media screen and (max-width: 1090px) {
	#mega-menu-1-dropdown {
		top: 105px!important;
		left: 0;
		position: fixed;
		width: 100%;
		max-width: unset;
	}
}