/* shopdaikoku-layout-fix.css
 * The theme clips horizontal overflow globally (`body, html { overflow-x: clip }`), but product.css re-opens it on
 * product pages at >=768px (`.template-product { overflow-x: visible }`), so normally-clipped theme boxes (footer
 * currency dropdown, header/product/footer row gutters) widen the document. Restore the theme's own default on
 * product pages only. `clip` creates no scroll container, so sticky elements keep working. The higher-specificity
 * selector wins regardless of whether this file loads before or after product.css.
 */
body.template-product {
  overflow-x: clip;
}

/* Footer currency selector: from 1280px the theme places it at the right end of the footer bar while its upward
 * dropdown stays left-anchored (223px wide), so the opened menu would be cut off at the viewport edge. Anchor it to
 * the trigger's right edge there; narrower layouts keep the theme's left-anchored dropdown (selector is on the left). */
@media screen and (min-width: 1280px) {
  .f-footer--currency-language .f-select-custom--options.f-select-custom--options-top {
    left: auto;
    right: 0;
  }
}
