/* MounCake · Catalogue arrows are only for the two-column phone navigation.
   Desktop subsection menus use subtle vertical CSS separators.
   Keep the independent back-to-top icon below. */

/* The cake catalogue has more to explain than the old one-line placeholder.
   Leave enough room for the copy without losing its full-width hero photo. */
body.cakes-page.catalog-theme-cakes .cakes-page-hero p {
  max-width: 530px;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 760px) {
  .cakes-page[class*="catalog-theme-"] :is(.cake-category-nav,.small-desserts-nav,.decor-styles-nav) > .container > a::after,
  .cakes-page[class*="catalog-theme-"] :is(.cake-category-nav,.small-desserts-nav,.decor-styles-nav) > .container > a[href$=".html"]::after {
    content: "";
    display: block;
    background-color: #86786f;
    -webkit-mask: url("../assets/icons/arrow-up-right.svg") no-repeat center / contain;
    mask: url("../assets/icons/arrow-up-right.svg") no-repeat center / contain;
    margin-left: auto;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
  }
  .cakes-page[class*="catalog-theme-"] :is(.cake-category-nav,.small-desserts-nav,.decor-styles-nav) > .container > a:hover::after,
  .cakes-page[class*="catalog-theme-"] :is(.cake-category-nav,.small-desserts-nav,.decor-styles-nav) > .container > a[aria-current="location"]::after {
    background-color: #53453e;
  }
  .cakes-page[class*="catalog-theme-"] :is(.cake-category-nav,.small-desserts-nav,.decor-styles-nav) > .container > a::after {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
    margin-left: auto;
  }
  body.cakes-page.catalog-theme-cakes .cakes-page-hero p {
    max-width: 335px;
    font-size: 14px;
    line-height: 1.55;
  }
}

/* User-provided Lucide icon replaces the typography-dependent ↑ glyph. */
.page-back-to-top {
  width: 47px;
  height: 47px;
  border-radius: 13px;
  border-color: #e8dcd5;
  background: #fffdfb;
  box-shadow: 0 6px 20px rgba(52,35,31,.10);
}
.page-back-to-top::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #66564f;
  -webkit-mask: url("../assets/icons/arrow-big-up-dash.svg") no-repeat center / contain;
  mask: url("../assets/icons/arrow-big-up-dash.svg") no-repeat center / contain;
}
.page-back-to-top:hover::before { background-color: #3d322d; }
@media (max-width: 760px) {
  .page-back-to-top {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .page-back-to-top::before { width: 23px; height: 23px; }
}