/*
 * Hlavička na užších desktopoch (922–1279px) a košík v mobilnej hlavičke.
 *
 * Astra prepína na mobilnú hlavičku až pod 922px. Medzi tým a ~1200px sa
 * logo (250px), menu so siedmimi položkami (613px), košík so sumou a účet
 * nezmestia do jedného riadku: menu sa zalomí na dva riadky, suma v košíku
 * sa rozpadne pod seba a hlavička narastie zo 76 na 140px.
 *
 * Zmenšujeme preto v troch krokoch, od najmenej viditeľného zásahu:
 * 1. do 1279px — užšie odsadenie položiek menu, menšie logo a košík;
 * 2. do 1099px — ešte menšie logo, písmo menu a odsadenie v košíku;
 * 3. do 1023px — najmenšie logo a odsadenie menu (viď nižšie).
 *
 * Sumu v košíku neskrývame: košík a účet tvoria jednu bielu „pilulku“
 * a bez sumy by sa košík scvrkol na nižší tvar než účet.
 *
 * #ast-desktop-header v selektoroch prebíja dynamické CSS Astry bez
 * !important a zároveň zaručí, že sa mobilnej hlavičky nedotkneme (tú
 * riešime zvlášť cez #ast-mobile-header na konci súboru).
 */

/* Suma v košíku sa nikdy nemá zalomiť na „79,00“ a „€“ pod sebou. */
#ast-desktop-header .ast-header-woo-cart .ast-woo-header-cart-info-wrap {
	white-space: nowrap;
}

@media (min-width: 922px) and (max-width: 1279px) {
	#ast-desktop-header .site-logo-img img.custom-logo {
		width: 200px;
		max-width: 200px;
		height: auto;
	}

	#ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 10px;
		padding-right: 10px;
	}

	#ast-desktop-header .ast-header-woo-cart .ast-addon-cart-wrap {
		padding-left: 18px;
		padding-right: 16px;
	}
}

@media (min-width: 922px) and (max-width: 1099px) {
	#ast-desktop-header .site-logo-img img.custom-logo {
		width: 160px;
		max-width: 160px;
	}

	#ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 14px;
	}

	/*
	 * Child téma (custom.scss) spája košík s účtom do jednej pilulky až od
	 * 992px, desktopová hlavička je však už od 922px — medzi tým bol košík
	 * samostatne zaoblený a o pár px vyšší než účet.
	 */
	#ast-desktop-header .ast-header-woo-cart .ast-addon-cart-wrap {
		padding: 4px 12px 6px 14px;
		border-radius: 50px 0 0 50px;
	}
}

/*
 * 3. do 1023px — posledná rezerva pre päťmiestnu sumu v košíku
 *    („32 980,00 €“), s ktorou sa hlavička pri ~924px opäť zalomila.
 */
@media (min-width: 922px) and (max-width: 1023px) {
	#ast-desktop-header .site-logo-img img.custom-logo {
		width: 140px;
		max-width: 140px;
	}

	#ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* ------------------------------------------------- Mobilná hlavička */

/*
 * Child téma dáva košíku v mobilnej hlavičke vzdušné odsadenie len do 768px.
 * Medzi 769 a 921px (mobilná hlavička, ale nad hranicou témy) ostávalo
 * Astrino tesné odsadenie — suma sa lepila na ľavý okraj a ikona s počtom
 * kusov na pravý. Doťahujeme rovnaké hodnoty ako téma pod 768px.
 */
@media (min-width: 769px) and (max-width: 921px) {
	#ast-mobile-header .ast-header-woo-cart .ast-addon-cart-wrap {
		padding: 0.2em 1.5rem;
	}
}

#ast-mobile-header .ast-header-woo-cart .ast-woo-header-cart-info-wrap {
	white-space: nowrap;
}