/* ==========================================================================
   Ebbie – krok 6: mobil a opravy šířky (načítá se poslední)
   ========================================================================== */

/* Filtry: dlouhé seznamy s posuvníkem, první (velikost) bez omezení */
.ebbie-filters { position: static; }
#ebbie-filters-toggle > summary { list-style: none; }
#ebbie-filters-toggle > summary::-webkit-details-marker { display: none; }
.ebbie-filter ul { max-height: 230px; overflow-y: auto; padding-right: 4px; }
.ebbie-filters .ebbie-filter:nth-of-type(1) ul { max-height: none; overflow: visible; }
@media (min-width: 992px) {
	#ebbie-filters-toggle > summary { pointer-events: none; }
	#ebbie-filters-toggle > summary a { pointer-events: auto; }
}

/* Mřížky se musí umět zúžit pod šířku obsahu */
@media (max-width: 991px) {
	.ebbie-shop__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.single-product div.product { grid-template-columns: minmax(0, 1fr); }
	.eh-hero__in, .eh-palette__in, .eh-story__in { grid-template-columns: minmax(0, 1fr); }

	.ebbie-filters { display: block; }
	.ebbie-filters__body { display: block; }
	#ebbie-filters-toggle { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper); }
	#ebbie-filters-toggle > summary { cursor: pointer; padding: 14px 16px; border-bottom: 0; align-items: center; }
	#ebbie-filters-toggle > summary strong::before { content: "Filtry: "; color: var(--plum); }
	#ebbie-filters-toggle > summary::after {
		content: ""; width: 8px; height: 8px; margin-left: auto; flex: none; transform: rotate(45deg); transition: transform .2s ease;
		border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
	}
	#ebbie-filters-toggle[open] > summary::after { transform: rotate(-135deg); }
	#ebbie-filters-toggle[open] > summary { border-bottom: 1px solid var(--line); }
	.ebbie-filters__body { padding: 0 16px 8px; }
	.ebbie-filters__body .ebbie-filter:last-child { border-bottom: 0; }
}

/* Stránkování se musí zalomit */
.woocommerce nav.woocommerce-pagination ul { flex-wrap: wrap; justify-content: center; }

/* Telefon */
@media (max-width: 767px) {
	.woocommerce div.product .product_title { overflow-wrap: anywhere; }
	.woocommerce div.product div.images .flex-control-thumbs { flex-wrap: wrap; }
	.woocommerce div.product div.images .flex-control-thumbs li { width: 60px; }
	.woocommerce .ebbie-shop__bar .woocommerce-ordering, .woocommerce .ebbie-shop__bar .woocommerce-ordering select { width: 100%; }
	.ebbie-card__stock small { display: block; width: 100%; }
	.woocommerce ul.products li.product .ebbie-card__foot .price { font-size: 16px; }
	.woocommerce ul.products li.product .ebbie-card__btn { padding: 9px 8px; font-size: 12px; }
	.ebbie-help__phone { font-size: 21px; }

	/* Košík a pokladna */
	.woocommerce-cart #site-content.main-container, .woocommerce-checkout #site-content.main-container { padding-left: 16px; padding-right: 16px; }
	.woocommerce-cart table.cart td.actions .coupon { display: flex; flex-direction: column; gap: 8px; }
	.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .button { width: 100% !important; float: none; margin: 0; }
	.woocommerce-cart table.cart td.actions > .button { width: 100%; margin-top: 8px; }
	.woocommerce .wc-proceed-to-checkout a.checkout-button { font-size: 16px; }
}

/* Mobilní menu ve stylu Ebbie */
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background: var(--white); }
.hc-offcanvas-nav .nav-content > .nav-close a, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
	background: var(--plum); color: var(--white); border-color: var(--plum-dark);
}
.hc-offcanvas-nav .nav-close a::before, .hc-offcanvas-nav .nav-close a::after { border-color: var(--white); }
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav a.nav-item-link {
	font-family: var(--sans); font-size: 16px; font-weight: 500; color: var(--ink);
	background: var(--white); border-bottom: 1px solid var(--line); padding: 15px 18px;
}
.hc-offcanvas-nav li:not(.custom-content) a:hover { background: var(--lilac-soft); color: var(--plum); }
.hc-offcanvas-nav .nav-next a, .hc-offcanvas-nav .nav-next span { background: var(--white); border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before { border-color: var(--plum); }
.hc-offcanvas-nav .nav-back a { background: var(--lilac); color: var(--plum); border-color: var(--lilac-line); }
.hc-offcanvas-nav .nav-back span::before { border-color: var(--plum); }