/* ---- [ Block: Button ] ---- */
.fix-button-hovers a:focus,
.fix-button-hovers a:hover {
  background-color: var(--wp--preset--color--base-alt) !important;
  border-color: var(--wp--preset--color--base-alt) !important;
  color: var(--wp--preset--color--contrast) !important;
}

.has-icon.has-icon-chevron .wp-element-button::before, .has-icon.has-icon-chevron .wp-element-button::after,
.has-icon.has-icon-chevron .wp-block-button__link::before,
.has-icon.has-icon-chevron .wp-block-button__link::after {
  font-size: 0.8em;
}

.has-icon.has-icon-search .wp-element-button::before, .has-icon.has-icon-search .wp-element-button::after,
.has-icon.has-icon-search .wp-block-button__link::before,
.has-icon.has-icon-search .wp-block-button__link::after {
  font-size: 1.2em;
}

/* modify existing icons */
.has-icon.has-icon-chevron .wp-element-button::before, .has-icon.has-icon-chevron .wp-element-button::after,
.has-icon.has-icon-chevron .wp-block-button__link::before,
.has-icon.has-icon-chevron .wp-block-button__link::after, .has-icon.has-icon-chevron.wp-block-read-more::before, .has-icon.has-icon-chevron.wp-block-read-more::after,
.has-icon.has-icon-chevron .wp-block-navigation-item__label::before,
.has-icon.has-icon-chevron .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
}

.has-icon.has-icon-arrow .wp-element-button::before, .has-icon.has-icon-arrow .wp-element-button::after,
.has-icon.has-icon-arrow .wp-block-button__link::before,
.has-icon.has-icon-arrow .wp-block-button__link::after, .has-icon.has-icon-arrow.wp-block-read-more::before, .has-icon.has-icon-arrow.wp-block-read-more::after,
.has-icon.has-icon-arrow .wp-block-navigation-item__label::before,
.has-icon.has-icon-arrow .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg>');
}

/* add new icons */
.has-icon.has-icon-box .wp-element-button::before, .has-icon.has-icon-box .wp-element-button::after,
.has-icon.has-icon-box .wp-block-button__link::before,
.has-icon.has-icon-box .wp-block-button__link::after, .has-icon.has-icon-box.wp-block-read-more::before, .has-icon.has-icon-box.wp-block-read-more::after,
.has-icon.has-icon-box .wp-block-navigation-item__label::before,
.has-icon.has-icon-box .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M240 64l102.4 0c12.6 0 24.1 7.4 29.2 19l34.2 77L240 160l0-96zm0 128l176 0 0 224c0 17.7-14.3 32-32 32L64 448c-17.7 0-32-14.3-32-32l0-224 176 0 32 0zm-32-32L42.1 160 76.3 83c5.1-11.6 16.6-19 29.2-19L208 64l0 96zM400.9 70c-10.3-23.1-33.2-38-58.5-38L105.6 32C80.3 32 57.4 46.9 47.1 70L5.5 163.6c-3.6 8.2-5.5 17-5.5 26L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-226.4c0-9-1.9-17.8-5.5-26L400.9 70zM146.7 264.5c14.3-14.3 37.4-14.3 51.7 0l14.3 14.3c3 3 7.1 4.7 11.3 4.7s8.3-1.7 11.3-4.7l14.3-14.3c14.3-14.3 37.4-14.3 51.7 0s14.3 37.4 0 51.7L224 393.4l-77.3-77.3c-14.3-14.3-14.3-37.4 0-51.7zM221 241.8c-26.8-26.8-70.2-26.8-96.9 0s-26.8 70.2 0 96.9L201.4 416c12.5 12.5 32.8 12.5 45.3 0l77.3-77.3c26.8-26.8 26.8-70.2 0-96.9s-70.2-26.8-96.9 0l-3 3-3-3z"/></svg>');
  --icon-transform_hover: none;
}

.has-icon.has-icon-filter .wp-element-button::before, .has-icon.has-icon-filter .wp-element-button::after,
.has-icon.has-icon-filter .wp-block-button__link::before,
.has-icon.has-icon-filter .wp-block-button__link::after, .has-icon.has-icon-filter.wp-block-read-more::before, .has-icon.has-icon-filter.wp-block-read-more::after,
.has-icon.has-icon-filter .wp-block-navigation-item__label::before,
.has-icon.has-icon-filter .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M27.6 64C12.4 64 0 76.4 0 91.6c0 6.7 2.4 13.2 6.8 18.2L112 230l0 130c0 10 4.7 19.5 12.7 25.5l76.2 57.5c4.2 3.2 9.4 4.9 14.7 4.9c13.5 0 24.4-10.9 24.4-24.4L240 230 345.2 109.8c4.4-5 6.8-11.5 6.8-18.2C352 76.4 339.6 64 324.4 64L27.6 64zM140 213.5L37.3 96l277.5 0L212 213.5c-2.6 2.9-4 6.7-4 10.5l0 184.3L144 360l0-136c0-3.9-1.4-7.6-4-10.5zM336 400c-8.8 0-16 7.2-16 16s7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0zM320 256c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16zM400 80c-8.8 0-16 7.2-16 16s7.2 16 16 16l96 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-96 0z"/></svg>');
  --icon-transform_hover: none;
}

.has-icon.has-icon-thumbtack .wp-element-button::before, .has-icon.has-icon-thumbtack .wp-element-button::after,
.has-icon.has-icon-thumbtack .wp-block-button__link::before,
.has-icon.has-icon-thumbtack .wp-block-button__link::after, .has-icon.has-icon-thumbtack.wp-block-read-more::before, .has-icon.has-icon-thumbtack.wp-block-read-more::after,
.has-icon.has-icon-thumbtack .wp-block-navigation-item__label::before,
.has-icon.has-icon-thumbtack .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3L32 352c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 384l64 0 0 96c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-96z"/></svg>');
  --icon-transform_hover: rotate(8deg);
}

.has-icon.has-icon-utensils .wp-element-button::before, .has-icon.has-icon-utensils .wp-element-button::after,
.has-icon.has-icon-utensils .wp-block-button__link::before,
.has-icon.has-icon-utensils .wp-block-button__link::after, .has-icon.has-icon-utensils.wp-block-read-more::before, .has-icon.has-icon-utensils.wp-block-read-more::after,
.has-icon.has-icon-utensils .wp-block-navigation-item__label::before,
.has-icon.has-icon-utensils .wp-block-navigation-item__label::after {
  --icon-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M42.6 .2c8.7 1.5 14.6 9.7 13.2 18.4L32.7 157.4c-.4 2.6-.7 5.2-.7 7.9L32 176c0 26.5 21.5 48 48 48l32 0 32 0c26.5 0 48-21.5 48-48l0-10.7c0-2.6-.2-5.3-.7-7.9L168.2 18.6c-1.5-8.7 4.4-17 13.2-18.4s17 4.4 18.4 13.2l23.1 138.8c.7 4.3 1.1 8.7 1.1 13.2l0 10.7c0 44.2-35.8 80-80 80l-16 0 0 240c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-240-16 0c-44.2 0-80-35.8-80-80l0-10.7c0-4.4 .4-8.8 1.1-13.2L24.2 13.4C25.7 4.7 33.9-1.2 42.6 .2zM88.8 0c8.8 .4 15.6 8 15.2 16.8l-8 160c-.4 8.8-8 15.6-16.8 15.2s-15.6-8-15.2-16.8l8-160C72.5 6.4 80-.4 88.8 0zm46.4 0C144-.4 151.5 6.4 152 15.2l8 160c.4 8.8-6.4 16.3-15.2 16.8s-16.3-6.4-16.8-15.2l-8-160C119.6 8 126.4 .5 135.2 0zM320 176l0 112c0 17.7 14.3 32 32 32l64 0 0-287.8-.2 .1c-1.7 .4-6.7 1.5-14.3 4.6C391.4 41 379 47.8 367 58.2c-23.2 20.1-47 55.3-47 117.8zM416 0c17.7 0 32 14.3 32 32l0 288 0 16 0 16 0 144c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-144-64 0c-35.3 0-64-28.7-64-64l0-112C288 32 400 0 416 0z"/></svg>');
  --icon-transform_hover: none;
}

/* ---- [ Layout: Grid Overlays ] ---- */
.overlay-contents {
  display: grid;
  grid-template: "overlay";
}
.overlay-contents > * {
  grid-area: overlay;
}
.overlay-contents .pointer-events-none {
  pointer-events: none;
}
.overlay-contents.top-left {
  place-items: start;
}
.overlay-contents.top-right {
  place-items: start end;
}
.overlay-contents.bottom-right {
  place-items: end;
}
.overlay-contents.bottom-left {
  place-items: end start;
}

/* -- [ Layout: Ingredients ] -- */
@media (max-width: 781px) {
  .mobile-move-banner-up {
    background-position-y: 100% !important;
  }
}
/* -- [ Modify: .flex-scroll ] -- */
.flex-scroll {
  padding-bottom: 4px;
  scrollbar-width: initial;
}

.flex-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.flex-scroll::-webkit-scrollbar:horizontal {
  height: 8px;
}

.flex-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.5);
}