/* (017, 11.10.2026) Менюто на телефон и таблет (≤ 980): целият екран в синьо-зелената гама на сайта (Сашо: „може ли да е в синьо-зелената
   гама?“), разкрива се кръгово от хамбургера, точките влизат една след друга, отдолу — „Свържи се с нас“, търсачката, езиците и мрежите.
   На компютър остава белият панел (menu.css). Без движение при „намалено движение“. Скриптът: view.js (центърът на кръга, фокусът). */
.xp-hd__mfoot { display: none; }
@media (max-width: 980px) {
	.xp-hd__burger { position: relative; z-index: 60; transition: color .3s; }
	/* отвореното меню: X-ът горе вдясно на екрана (Сашо, 11.10: „вдигни менюто нагоре, да се виждат и елементите под търсачката“) */
	.xp-menu-open .xp-hd__burger { position: fixed; top: var(--wp--custom--header--sheet-x-top); right: var(--wp--custom--header--sheet-x-right); }
	.xp-menu-open .xp-hd__burger { color: var(--wp--preset--color--white); }
	.xp-menu-open, .xp-menu-open body { overflow: hidden; }
	.xp-hd__menu, .xp-hd__menu[hidden] {
		position: fixed; inset: 0; top: 0; right: 0; z-index: 50; display: flex; flex-direction: column; width: auto; margin: 0;
		padding: var(--wp--custom--header--sheet-pad); overflow-y: auto; overscroll-behavior: contain;
		background: var(--wp--custom--header--sheet-bg); color: var(--wp--preset--color--white); border: 0; box-shadow: none;
		clip-path: circle(0 at var(--xp-bx, 92%) var(--xp-by, 60px)); visibility: hidden;
		transition: clip-path .7s cubic-bezier(.7, 0, .2, 1), visibility 0s .7s;
	}
	.xp-hd__menu:not([hidden]) { clip-path: circle(150% at var(--xp-bx, 92%) var(--xp-by, 60px)); visibility: visible; transition: clip-path .7s cubic-bezier(.7, 0, .2, 1), visibility 0s; }
	/* светлото петно долу вдясно — само украса */
	.xp-hd__menu::before { content: ""; position: fixed; right: -20vw; bottom: -10vh; width: 70vw; height: 70vw; border-radius: 50%; background: radial-gradient(closest-side, rgb(255 255 255 / .1), transparent); pointer-events: none; }
	.xp-hd__menu { counter-reset: xpm; }
	.xp-hd__menu > li { opacity: 0; transform: translateY(18px); transition: opacity .45s, transform .55s cubic-bezier(.2, .7, .2, 1); }
	.xp-hd__menu:not([hidden]) > li { opacity: 1; transform: none; }
	.xp-hd__menu:not([hidden]) > li:nth-child(1) { transition-delay: .25s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(2) { transition-delay: .29s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(3) { transition-delay: .33s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(4) { transition-delay: .37s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(5) { transition-delay: .41s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(6) { transition-delay: .45s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(7) { transition-delay: .49s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(8) { transition-delay: .53s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(9) { transition-delay: .57s; }
	.xp-hd__menu:not([hidden]) > li:nth-child(n+10) { transition-delay: .61s; }
	/* точките: номер, главни, черта отдолу при посочване и на текущата страница */
	.xp-hd__menu > li:not(.xp-hd__mlang, .xp-hd__mfoot) { counter-increment: xpm; }
	.xp-hd .xp-hd__menu > li:not(.xp-hd__mlang, .xp-hd__mfoot) > a { position: relative; display: flex; align-items: baseline; gap: var(--wp--custom--header--sheet-num-gap); padding: var(--wp--custom--header--sheet-link-pad); border: 0; color: var(--wp--preset--color--white); font-size: var(--t-sub); font-weight: var(--wp--custom--weight--bold); line-height: var(--t-lh-head); letter-spacing: 0; text-transform: uppercase; opacity: 1; }
	.xp-hd__menu > li:not(.xp-hd__mlang, .xp-hd__mfoot) > a::before { content: counter(xpm, decimal-leading-zero); min-width: var(--wp--custom--header--sheet-num-w); font-size: var(--t-small); font-weight: var(--wp--custom--weight--light); letter-spacing: .08em; opacity: .75; }
	.xp-hd__menu > li:not(.xp-hd__mlang, .xp-hd__mfoot) > a::after { content: ""; position: absolute; left: var(--wp--custom--header--sheet-line-left); right: 0; bottom: 4px; height: 3px; border-radius: 3px; background: var(--wp--preset--color--white); transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
	.xp-hd__menu > li > a:is(:hover, :focus-visible, [aria-current])::after { transform: scaleX(1); }
	.xp-hd .xp-hd__menu a:focus-visible { outline: 2px solid var(--wp--preset--color--white); outline-offset: 3px; opacity: 1; }
	.xp-hd .xp-hd__menu ul { padding: 0 0 0 var(--wp--custom--header--sheet-line-left); }
	.xp-hd .xp-hd__menu ul a { padding: 6px 0; border: 0; color: var(--wp--preset--color--white); font-size: var(--t-text); font-weight: var(--wp--custom--weight--light); }
	/* езиците: в долната част един до друг (копие на флаговете); редовете с флаговете от панела на компютър — скрити */
	.xp-hd__menu > .xp-hd__mlang { display: none; }
	.xp-hd__mlangs { display: flex; gap: 8px; }
	.xp-hd .xp-hd__mlangs a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1.5px solid rgb(255 255 255 / .7); border-radius: 99px; color: var(--wp--preset--color--white); font-size: var(--t-small); font-weight: var(--wp--custom--weight--bold); line-height: var(--t-lh-small); opacity: 1; }
	.xp-hd__mlangs a::after { content: attr(hreflang); text-transform: uppercase; }
	.xp-hd .xp-hd__mlangs a:is(:hover, :focus-visible) { background: rgb(255 255 255 / .18); }
	/* долу: „Свържи се с нас“, търсачката, мрежите */
	.xp-hd__menu > .xp-hd__mfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin-top: auto; padding-top: var(--wp--custom--header--sheet-foot-gap); }
	.xp-hd .xp-hd__mcta { display: inline-block; padding: 12px 26px; border: 0; border-radius: 99px; background: var(--wp--preset--color--white); color: var(--wp--preset--color--blue); font-size: var(--t-button); font-weight: var(--wp--custom--weight--bold); line-height: var(--t-lh-small); text-transform: uppercase; box-shadow: 0 10px 30px rgb(0 0 0 / .18); opacity: 1; }
	.xp-hd .xp-hd__mcta:is(:hover, :focus-visible) { color: var(--wp--preset--color--blue); opacity: .9; }
	.xp-hd__msearch { display: flex; flex: 1 1 220px; max-width: 360px; margin: 0; border-bottom: 1.5px solid rgb(255 255 255 / .7); }
	.xp-hd__msearch input { flex: 1; min-width: 0; padding: 8px 0; border: 0; background: transparent; color: var(--wp--preset--color--white); font-size: var(--t-text); line-height: var(--t-lh-text); }
	.xp-hd__msearch input::placeholder { color: rgb(255 255 255 / .75); }
	.xp-hd__msearch button { padding: 0 4px; border: 0; background: none; color: var(--wp--preset--color--white); cursor: pointer; }
	.xp-hd__msearch svg { fill: currentColor; }
	.xp-hd__msocial { display: flex; gap: 10px; width: 100%; }
	.xp-hd .xp-hd__msocial a { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgb(255 255 255 / .18); color: var(--wp--preset--color--white); opacity: 1; }
	.xp-hd .xp-hd__msocial a:is(:hover, :focus-visible) { background: rgb(255 255 255 / .32); }
	.xp-hd__msocial svg { width: 17px; height: 17px; }
	/* (017) махаме менюто на телефон от menu.css: десен отстъп и ширина на панела */
	.xp-hd .xp-hd__menu { right: 0; width: auto; }
}
@media (min-width: 768px) and (max-width: 980px) {
	.xp-hd__menu, .xp-hd__menu[hidden] { padding: var(--wp--custom--header--sheet-pad-tablet); }
}
@media (prefers-reduced-motion: reduce) {
	.xp-hd__menu, .xp-hd__menu[hidden], .xp-hd__menu:not([hidden]) { transition: none; clip-path: none; }
	.xp-hd__menu > li, .xp-hd__menu:not([hidden]) > li { transition: none; transform: none; }
}
