/* Kategooriamenüü välimus (popsikook-core plokk popsikook/kategooriamenuu). Paigutus (.pk-catlayout) on woocommerce.css-is.
   Eraldi failis, et sama stiil laeks ka saidiredaktoris (functions.php add_editor_style): woocommerce.css ainult esilehel. */
.pk-catnav { padding: .375rem .375rem .5rem; background-color: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius); }
.pk-catnav__title { margin: 0; font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.pk-catnav__label { display: block; padding: .625rem .625rem .5rem; }
.pk-catnav__toggle { display: none; }
.pk-catnav__list, .pk-catnav__sub { margin: 0; padding: 0; list-style: none; }
.pk-catnav li { margin: 0; }
.pk-catnav :is(a, button) { box-sizing: border-box; }
.pk-catnav__row { display: flex; align-items: center; gap: .125rem; border-radius: var(--wp--custom--radius-s); }
.pk-catnav__link { display: flex; flex: 1; align-items: center; gap: .625rem; min-width: 0; min-height: 3.25rem; padding: .375rem .5rem; color: var(--wp--preset--color--ink); font-size: 1rem; font-weight: 600; line-height: 1.25; text-decoration: none; border-radius: var(--wp--custom--radius-s); }
.pk-catnav__pic { flex: none; width: 2.5rem; height: 2.5rem; overflow: hidden; background-color: var(--wp--preset--color--sand-2); border: 2px solid var(--wp--preset--color--base); border-radius: 50%; box-sizing: border-box; }
.pk-catnav__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pk-catnav__name { min-width: 0; overflow-wrap: break-word; hyphens: auto; }
.pk-catnav__more { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; color: var(--wp--preset--color--brand); background: none; border: 0; border-radius: var(--wp--custom--radius-s); cursor: pointer; }
.pk-catnav__chev { display: block; flex: none; }
.pk-catnav [aria-expanded="true"] > .pk-catnav__chev { rotate: 180deg; }
.pk-catnav__sub { margin: .125rem 0 .375rem 1.75rem; padding-left: .5rem; border-left: 2px solid var(--wp--preset--color--line); }
.pk-catnav__sub[hidden] { display: none; }
.pk-catnav__sub--deep { margin: 0 0 .25rem .75rem; }
.pk-catnav__sublink { display: flex; align-items: center; min-height: 2.75rem; padding: .375rem .75rem; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); line-height: 1.3; text-decoration: none; border-radius: var(--wp--custom--radius-s); }
.pk-catnav :is(.pk-catnav__link, .pk-catnav__sublink, .pk-catnav__more):focus-visible { outline-offset: 1px; }
/* Hover valge taust ja pruun tekst (ainult hiirega, puutel ei jää valge taust nupule külge); praegune leht pruun taust ja valge tekst
   (8,8:1); vanemad pruunid ja paksud (7,7:1 liival). */
@media (hover: hover) {
	.pk-catnav :is(.pk-catnav__link, .pk-catnav__sublink, .pk-catnav__more):hover { color: var(--wp--preset--color--brand); background-color: var(--wp--preset--color--base); }
}
.pk-catnav a.is-ancestor { color: var(--wp--preset--color--brand); font-weight: 700; }
.pk-catnav__item.is-current > .pk-catnav__row { background-color: var(--wp--preset--color--brand); }
.pk-catnav__item.is-current > .pk-catnav__row > :is(.pk-catnav__link, .pk-catnav__more), .pk-catnav .pk-catnav__sublink[aria-current="page"] { color: var(--wp--preset--color--base); font-weight: 700; background-color: var(--wp--preset--color--brand); }
.pk-catnav__item.is-current > .pk-catnav__row > .pk-catnav__link:hover, .pk-catnav .pk-catnav__sublink[aria-current="page"]:hover { text-decoration: underline; }
.pk-catnav__item.is-current > .pk-catnav__row > .pk-catnav__more:hover { background-color: var(--wp--preset--color--brand-hover); }
/* Praeguse rea fookusrõngas pruunil: tavaline pruun rõngas oleks pruunil ~1,3:1, seega hele „fookus tumedal” (6,5:1) ja nupu sees,
   et ei sõltuks naabrist (noolenupp ja link on 2 px vahega, mõlemad pruunid). */
.pk-catnav__item.is-current > .pk-catnav__row > :is(.pk-catnav__link, .pk-catnav__more):focus-visible, .pk-catnav .pk-catnav__sublink[aria-current="page"]:focus-visible { outline-color: var(--wp--preset--color--focus-dark); outline-offset: -5px; }
@media (prefers-reduced-motion: no-preference) {
	.pk-catnav__chev { transition: rotate .15s ease-out; }
	.pk-catnav :is(.pk-catnav__link, .pk-catnav__sublink, .pk-catnav__more, .pk-catnav__toggle) { transition: background-color .15s ease-out, color .15s ease-out; }
}
@media (scripting: none) { .pk-catnav__more { display: none; } }
@media (max-width: 767.98px) {
	.pk-catnav__title { font-size: 1.125rem; }
}
@media (max-width: 767.98px) and (scripting: enabled) {
	.pk-catnav { padding: 0; }
	.pk-catnav__label { display: none; }
	.pk-catnav__toggle { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; min-height: 3rem; padding: .5rem .875rem .5rem 1rem; color: var(--wp--preset--color--ink); font: inherit; text-align: left; background: none; border: 0; border-radius: var(--wp--custom--radius); cursor: pointer; }
	@media (hover: hover) { .pk-catnav__toggle:hover { color: var(--wp--preset--color--brand); } } /* puutel ei jää pruun külge */
	.pk-catnav__toggle .pk-catnav__chev { color: var(--wp--preset--color--brand); }
	.pk-catnav:not(.is-open) > .pk-catnav__list { display: none; }
	.pk-catnav.is-open > .pk-catnav__list { padding: 0 .375rem .5rem; }
}
/* Saidiredaktori eelvaade: JS seal ei tööta ja kitsas lõuend näitaks ainult kinnist nuppu. Redaktoris on loend alati lahti. */
.editor-styles-wrapper .pk-catnav > .pk-catnav__list { display: block !important; }
.editor-styles-wrapper .pk-catnav__toggle { display: none !important; }
.editor-styles-wrapper .pk-catnav__label { display: block !important; }