/* ==========================================================================
   EROSVENEZIANI — specifické styly hlavičky a navigace
   Načítá se POUZE na erosveneziani (.cz / .sk / .eu), vždy AŽ ZA indexR.css.

   ⚠️ PROČ TENTO SOUBOR EXISTUJE (nemazat, nesloučit zpět!)
   -------------------------------------------------------------------------
   cdn.shop.egate.cz/css/indexR.css je FYZICKY SDÍLENÝ i s www.ignite.cz,
   který běží na jiném (Windows Apache) serveru a má tam vlastní, STARŠÍ
   verzi šablony _indexR.php:
       - hamburger (.menu-toggle) a mobilní košík (#basket-mobile.basket-link)
         jsou uvnitř <nav>,
       - hlavička NEMÁ .mobile-icons, .menu-tiles ani .drawer-lang,
       - drawer používá klasické <ul> + akordeon .submenu.
   Mobilní redesign erosveneziani z 2026-07-26 zapsaný přímo do indexR.css
   proto ignitu rozbil hlavičku (zmizela nav lišta s hamburgerem, košík
   i přepínač měny, drawer zůstal prázdný).

   PRAVIDLO: jakákoli další eros-specifická úprava hlavičky / navigace /
   mobilního menu patří SEM, ne do indexR.css. Do indexR.css jen to, co je
   správně i pro ignite se starým markupem.

   Vytvořeno 2026-08-02 (split z indexR.css, viz zálohy indexR.css.bak-*).
   ========================================================================== */


/* ==========================================
   DESKTOP — opravy menu z 2026-07-26
   (v indexR.css by na ignitu byly neškodné, ale drží se u sebe se zbytkem
   eros úprav, ať je celý redesign na jednom místě)
   ========================================== */

@media (min-width: 768px) {

	/* Top-level položky menu: bez explicitní barvy dědily globální
	   a { color:#85663f } → hnědé písmo na tmavé liště */
	.menu-panel > UL > LI > A {
		color: var(--text-white);
	}

	/* Ikony kategorií v dropdownu (cat_icon renderuje inline-block <i>)
	   se bez flexu nezarovnaly na střed a chyběla mezera */
	.submenu UL LI A {
		display: flex;
		align-items: center;
		gap: 10px;
	}
}

/* ==========================================
   MOBILNÍ MENU — dlaždice + horní lišta (2026-07-26)
   Redesign dle mtbiker: čistá horní lišta + dlaždicová navigace v draweru.
   Desktop beze změny (vše pod max-width:899px).
   ========================================== */

/* Mobilní ikony v hlavičce + dlaždice + jazyk v draweru — skryté na desktopu (default) */
.mobile-icons { display: none; }
.menu-tiles { display: none; }
.drawer-lang { display: none; }

/* Reset seznamů v menu (base) — nahrazuje dřívější mobilní list styly.
   Bez něj by desktop dropdown submenu zobrazoval výchozí odrážky. */
.menu-panel ul { list-style: none; margin: 0; padding: 0; }
.menu-panel li { margin: 0; padding: 0; }

@media (max-width: 899px) {

	/* NAV bar na mobilu jen nese fixed drawer → zrušit prázdný pruh (dřív hamburger+košík) */
	NAV { height: 0; background: transparent; position: static; }
	NAV .inner { height: 0; padding: 0; }

	/* ── Horní lišta: logo vlevo | vlajka+měna + ikony vpravo ─────────── */
	HEADER .inner {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		gap: 10px 8px;
		align-items: center;
	}
	HEADER .left  { grid-column: 1; grid-row: 1; }
	HEADER .right {
		grid-column: 2; grid-row: 1;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: 10px;
	}
	HEADER .center { grid-column: 1 / -1; grid-row: 2; }

	/* kontaktní/nav textové odkazy + přepínač jazyka pryč z lišty (nevešly by se);
	   jazyk+měna přesunuty do draweru (.drawer-lang) */
	.links_container { display: none; }
	A#basket { display: none; }
	.lang-currency-switcher { display: none; }

	/* jazyk + měna v draweru */
	.drawer-lang {
		display: block;
		padding: 16px 14px 4px;
	}
	.drawer-lang__row {
		display: flex; gap: 8px; margin-bottom: 8px;
	}
	.drawer-lang__opt {
		display: inline-flex; align-items: center; gap: 6px;
		padding: 7px 12px; border-radius: 8px;
		border: 1px solid rgba(255,255,255,.14);
		color: var(--text-light); text-decoration: none;
		font-size: 13px; font-weight: 600;
	}
	.drawer-lang__opt .fi { width: 20px; height: 15px; border-radius: 2px; }
	.drawer-lang__opt.is-active {
		border-color: var(--brand-primary);
		background: rgba(156,120,74,.18);
		color: var(--text-white);
	}

	/* ikony košík/účet/hamburger */
	.mobile-icons { display: flex; align-items: center; gap: 4px; }
	.micon {
		position: relative;
		width: 40px; height: 40px;
		display: flex; align-items: center; justify-content: center;
		color: var(--text-white); font-size: 20px; text-decoration: none;
	}
	.micon:hover { color: var(--brand-accent); }
	.micon-count {
		position: absolute; top: 3px; right: 3px;
		background: var(--brand-accent); color: #fff;
		font-size: 11px; font-weight: 600; line-height: 1;
		min-width: 17px; height: 17px; border-radius: 50%;
		display: flex; align-items: center; justify-content: center; padding: 0 4px;
	}

	/* hamburger uvnitř .mobile-icons (reset původního mobilního umístění) */
	.mobile-icons .menu-toggle {
		position: static; width: 40px; height: 40px; padding: 9px;
	}

	/* vyhledávací pole — vždy viditelné pod lištou */
	HEADER .center form { margin: 0; }
	DIV#search { height: 46px; }

	/* ── Drawer: skrýt desktop <ul>, ukázat dlaždice ─────────────────── */
	.menu-panel > ul { display: none; }
	.menu-tiles { display: block; padding: 14px 14px 24px; }

	.mtile-section-head {
		display: block;
		margin: 18px 2px 10px;
		font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
		color: var(--text-light); text-decoration: none;
	}
	.mtile-section-head:first-child { margin-top: 4px; }

	.mtile-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.mtile-grid--extra { margin-top: 20px; }

	.mtile {
		display: flex; flex-direction: column; align-items: center; justify-content: center;
		gap: 8px; text-align: center;
		min-height: 92px; padding: 14px 8px;
		border: 1px solid rgba(255,255,255,.14); border-radius: 10px;
		background: rgba(255,255,255,.03);
		color: var(--text-white); text-decoration: none;
		transition: border-color .15s, background .15s;
	}
	.mtile:hover, .mtile:active { border-color: var(--brand-primary); background: rgba(255,255,255,.07); }

	.mtile-ico {
		width: 34px; height: 34px;
		display: flex; align-items: center; justify-content: center;
		color: var(--brand-primary); font-size: 30px;
	}
	/* cat_icon renderuje <span> s CSS mask + currentColor → dědí barvu ze .mtile-ico */
	.mtile-ico > span { width: 34px !important; height: 34px !important; }
	.mtile-name { font-size: 13px; line-height: 1.25; font-weight: 500; }

	/* zvýrazněné dlaždice (Novinky, Bestsellery) — zlatavý akcent */
	.mtile--accent {
		border-color: rgba(156,120,74,.55);
		background: linear-gradient(180deg, rgba(156,120,74,.20), rgba(156,120,74,.06));
	}
	.mtile--accent .mtile-ico { color: #d6b06c; }

	/* drawer trochu širší kvůli 2 sloupcům */
	.menu-panel { width: 340px; max-width: 90%; }
}