@charset "utf-8";

/* Safari/WebKit only: stabilize vertical text sizing inside Elementor flex/grid layouts. */
@media screen and (min-width: 768px) {
  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-heading,
    .kiraku-writing-vertical-subheading,
    .kiraku-writing-vertical-body,
    .kiraku-writing-vertical,
    .kiraku-writing-vertical-upright,
    .kiraku-section-en-vertical,
    .kiraku-second-hero-en,
    .kiraku-home-hero-subcopy,
    .kiraku-top-lead-vertical,
    .kiraku-top-subheading-vertical,
    .kiraku-top-copy-vertical,
    .kiraku-writing-vertical-pc,
    .kiraku-writing-vertical-pc--small,
    .kiraku-writing-vertical-pc--body
  ):not(.kiraku-time-heading-horizontal) {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    width: auto;
    height: auto;
  }

  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-heading,
    .kiraku-writing-vertical-subheading,
    .kiraku-writing-vertical-body,
    .kiraku-writing-vertical,
    .kiraku-writing-vertical-upright,
    .kiraku-section-en-vertical,
    .kiraku-second-hero-en,
    .kiraku-home-hero-subcopy,
    .kiraku-top-lead-vertical,
    .kiraku-top-subheading-vertical,
    .kiraku-top-copy-vertical,
    .kiraku-writing-vertical-pc,
    .kiraku-writing-vertical-pc--small,
    .kiraku-writing-vertical-pc--body
  ):not(.kiraku-time-heading-horizontal) > .elementor-widget-container {
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
    display: block;
    position: relative;
    width: auto;
    height: auto;
  }

  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-body,
    .kiraku-section-en-vertical,
    .kiraku-second-hero-en,
    .kiraku-home-hero-subcopy,
    .kiraku-top-lead-vertical,
    .kiraku-top-copy-vertical,
    .kiraku-writing-vertical-pc,
    .kiraku-writing-vertical-pc--small,
    .kiraku-writing-vertical-pc--body
  ) > .elementor-widget-container > .elementor-text-editor {
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
    display: block;
    width: auto;
    height: auto;
  }

  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-heading,
    .kiraku-writing-vertical-subheading,
    .kiraku-writing-vertical,
    .kiraku-writing-vertical-upright,
    .kiraku-top-subheading-vertical
  ) .elementor-heading-title,
  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-body,
    .kiraku-section-en-vertical,
    .kiraku-second-hero-en,
    .kiraku-home-hero-subcopy,
    .kiraku-top-lead-vertical,
    .kiraku-top-copy-vertical,
    .kiraku-writing-vertical-pc,
    .kiraku-writing-vertical-pc--small,
    .kiraku-writing-vertical-pc--body
  ) > .elementor-widget-container > p,
  html.kiraku-is-safari :is(
    .kiraku-writing-vertical-body,
    .kiraku-section-en-vertical,
    .kiraku-second-hero-en,
    .kiraku-home-hero-subcopy,
    .kiraku-top-lead-vertical,
    .kiraku-top-copy-vertical,
    .kiraku-writing-vertical-pc,
    .kiraku-writing-vertical-pc--small,
    .kiraku-writing-vertical-pc--body
  ) > .elementor-widget-container > .elementor-text-editor > p {
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
    display: block;
    flex-shrink: 0;
    width: auto;
    height: auto;
  }

  html.kiraku-is-safari .kiraku-writing-vertical-button .elementor-button-text,
  html.kiraku-is-safari .kiraku-button-vertical .elementor-button-text {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: block;
    flex-shrink: 0;
    width: auto;
    height: auto;
  }

  /* Keep Elementor's editor controls horizontal even when the widget itself is vertical. */
  html.kiraku-is-safari .elementor-element-overlay {
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }
}