/* ============================================================
   Полиране на усещането (v1.2.193) по правилата от Apple design:
   1) реакция още при натискане  2) видим фокус от клавиатура
   3) цели за докосване поне ~44px  4) reduced-motion / reduced-transparency
   / prefers-contrast  5) един общ изглед на движението (крива).
   Нарочно е отделен файл, зареден СЛЕД style.css - изтриването му връща
   предишното поведение. Не се променя нито един цвят или размер на вид.
   ============================================================ */

:root {
	--daga-ease: cubic-bezier(.22, .8, .24, 1);
}

/* ---------- 1. Реакция при натискане ----------
   Ползва се свойството "scale" (не "transform"), за да не пречи на
   вече зададени transform (центриране, лек подскок при посочване). */
:is(
	.button, .ct-button, .wp-element-button, .single_add_to_cart_button, .added_to_cart,
	button[type="submit"], .forminator-button,
	.dh-btn, .daga-cta__btn, .daga-back-btn,
	.daga-up__pick, .daga-up__skip, .daga-up__x,
	.daga-wishlist-btn, .daga-scroller-nav, .dh-rcar__prev, .dh-rcar__next,
	.daga-ft-mockup-clear, .daga-ft-text__colors button, .daga-ft-text__chips button,
	.daga-ft-text__fonts button, .daga-ft-text__places button, .daga-ft-text__toggle
) {
	transition:
		scale .12s var(--daga-ease),
		transform .15s var(--daga-ease),
		background-color .15s var(--daga-ease),
		color .15s var(--daga-ease),
		border-color .15s var(--daga-ease),
		box-shadow .15s var(--daga-ease),
		opacity .15s var(--daga-ease);
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}
:is(
	.button, .ct-button, .wp-element-button, .single_add_to_cart_button, .added_to_cart,
	button[type="submit"], .forminator-button,
	.dh-btn, .daga-cta__btn, .daga-back-btn,
	.daga-up__pick, .daga-up__skip, .daga-up__x,
	.daga-wishlist-btn, .daga-scroller-nav, .dh-rcar__prev, .dh-rcar__next,
	.daga-ft-mockup-clear, .daga-ft-text__colors button, .daga-ft-text__chips button,
	.daga-ft-text__fonts button, .daga-ft-text__places button, .daga-ft-text__toggle
):not(:disabled):not([aria-disabled="true"]):active {
	scale: .96;
}

/* ---------- 2. Видим фокус от клавиатура ----------
   Blocksy рисува жълт контур (palette-color-1) - добър върху тъмния футър, но
   с слаб контраст върху светлия фон. Тук е тъмен контур извън футъра. Селекторите
   са със същата специфичност като на Blocksy и са по-късно в реда; правилата с
   по-висока специфичност или !important (форми, полета с рамка) остават по-силни. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
	outline: 2px solid var(--daga-ink, #0a0500);
	outline-offset: var(--outline-offset, 2px);
}
.ct-footer a:focus-visible,
.ct-footer button:focus-visible {
	outline-color: var(--theme-palette-color-1);
}

/* ---------- 3. Цели за докосване ----------
   Видимият размер остава същият; невидим слой разширява зоната на допир. */
.daga-ft-mockup-clear::after,
.daga-up__x::after {
	content: "";
	position: absolute;
	inset: -7px;
}
.daga-up__x::after { inset: -5px; }
.daga-ft-text__colors button { position: relative; }
.daga-ft-text__colors button::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 50%;
}

/* ---------- 4. Поп-ъп: лист, който се хваща и дърпа (само телефон) ---------- */
.daga-up__grab { display: none; }
@media (max-width: 560px) {
	.daga-up__grab {
		display: block;
		position: relative;
		height: 30px;
		margin: -1.6rem -1.4rem -.4rem;
		touch-action: none;
		cursor: grab;
	}
	.daga-up__grab::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 50%;
		width: 38px;
		height: 4px;
		margin-left: -19px;
		border-radius: 2px;
		background: rgba(10, 5, 0, .18);
	}
	.daga-up__box { overscroll-behavior: contain; }
}

/* ---------- 5. Хедър: стъклото да се чете и без прозрачност ---------- */
@media (prefers-reduced-transparency: reduce) {
	body.daga-fh.dh-stuck #header {
		background: #fff;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	#search-modal.ct-panel {
		background: rgba(10, 5, 0, .45) !important;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}
@media (prefers-contrast: more) {
	body.daga-fh.dh-stuck #header {
		background: #fff;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		box-shadow: 0 0 0 1.5px var(--daga-ink, #0a0500);
	}
}

/* ---------- 6. Намалено движение (допълва вече наличните правила) ---------- */
@media (prefers-reduced-motion: reduce) {
	html,
	html:has(body.daga-quote) { scroll-behavior: auto; }
	body.daga-fh #header,
	body.daga-fh #header [data-row] > .ct-container {
		transition-duration: .01ms;
	}
	:is(
		.button, .ct-button, .wp-element-button, .single_add_to_cart_button, .added_to_cart,
		button[type="submit"], .forminator-button,
		.dh-btn, .daga-cta__btn, .daga-back-btn,
		.daga-up__pick, .daga-up__skip, .daga-up__x,
		.daga-wishlist-btn, .daga-scroller-nav, .dh-rcar__prev, .dh-rcar__next,
		.daga-ft-mockup-clear, .daga-ft-text__colors button, .daga-ft-text__chips button,
		.daga-ft-text__fonts button, .daga-ft-text__places button, .daga-ft-text__toggle
	) {
		transition-duration: .01ms;
	}
	.daga-up__box { transition: none; }
}


/* ---------- 8. Допълнителни зони за допир на телефон (само сензорни екрани) ----------
   Видимият размер и подредбата не се променят. */
@media (pointer: coarse) {
	/* Точките на слайдера: ::after е лентата за прогрес, затова зоната е прозрачна рамка
	   (фонът е само във вътрешността, а отрицателният margin пази височината на реда). */
	.dh-dots .dh-dot:not(.dh-rev__ui .dh-dot) {
		box-sizing: content-box;
		height: 6px;
		border: 0 solid transparent;
		border-block-width: 19px;
		background-clip: padding-box;
		margin-block: -19px;
		/* вътрешният радиус на рамката = външен - 19px: 3px хоризонтално, 22px - 19px = 3px
		   вертикално, т.е. същата заоблена "хапка" като на десктоп (преди ъглите излизаха квадратни) */
		border-radius: 3px / 22px;
	}
	.ct-footer .ct-social-box a,
	.ct-footer a:not(.ct-button) { position: relative; }
	.ct-footer .ct-social-box a::after {
		content: "";
		position: absolute;
		inset: -14px;
	}
	/* връзките са на 6px една от друга - по-голяма зона би взела клика на съседната */
	.ct-footer a:not(.ct-button):not(.ct-social-box a)::after {
		content: "";
		position: absolute;
		inset: -3px -6px;
	}
	.ct-cookies-content .ct-button { min-height: 44px; }
}

/* ---------- 7. Типография: най-големите заглавия са малко по-стегнати ---------- */
.dh h1,
:where(.dq) h1 { letter-spacing: -.02em; }