/*
  Loaded after theme-locks.css.
  Keep this file limited to editor UI overrides so locked published designs remain stable.
*/

.start-edit-text-mode [data-inline-text]::after,
.start-edit-text-mode [data-inline-text]:hover::after,
.start-edit-text-mode [data-inline-text]:focus::after,
.start-edit-text-mode [data-inline-text].inline-edit-selected::after,
.start-edit-text-mode [data-inline-text].inline-resize-selected::after,
.preview-modal.is-editing #modal-site-preview [data-inline-text]::after,
.preview-modal.is-editing #modal-site-preview [data-inline-text]:hover::after,
.preview-modal.is-editing #modal-site-preview [data-inline-text]:focus::after,
.preview-modal.is-editing #modal-site-preview [data-inline-text].inline-edit-selected::after,
.preview-modal.is-editing #modal-site-preview [data-inline-text].inline-resize-selected::after {
  display: none !important;
  content: none !important;
}

.start-edit-text-mode [data-inline-text] .inline-text-control,
.preview-modal.is-editing #modal-site-preview [data-inline-text] .inline-text-control {
  position: absolute !important;
  z-index: 40 !important;
  display: grid !important;
  width: 26px !important;
  height: 20px !important;
  place-items: center !important;
  border: 1.5px solid #fff !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #d85b34 !important;
  box-shadow: 0 4px 10px rgba(35, 40, 34, .18) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  text-align: center !important;
  text-decoration: none !important;
  text-orientation: mixed !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

.start-edit-text-mode [data-inline-text] .inline-text-resize-handle,
.preview-modal.is-editing #modal-site-preview [data-inline-text] .inline-text-resize-handle {
  inset: auto -14px -12px auto !important;
  cursor: nwse-resize !important;
  letter-spacing: -.12em !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
}

/* Authoring previews: keep hero copy clear of the photo slide controls. */
.route-start :is(.start-theme-phone, .start-live-preview):not(.theme-ryotei):not([class*="theme-ryotei--"]) .hero-copy,
.route-design-studio :is(.start-theme-phone, .start-live-preview):not(.theme-ryotei):not([class*="theme-ryotei--"]) .hero-copy,
.preview-modal:is(.theme-japanese, .theme-izakaya, .theme-cafe, .theme-natural, .theme-patisserie, .theme-simple, .theme-bistro, .theme-trattoria, .theme-premium, .theme-night, .theme-luxury) .hero-copy {
  bottom: 76px !important;
}

/* Ryotei authoring preview: use about 4/5 of the phone screen for the hero photo. */
.route-start :is(.start-theme-phone, .start-live-preview):is(.theme-ryotei, [class*="theme-ryotei--"]) .site-hero,
.route-design-studio :is(.start-theme-phone, .start-live-preview):is(.theme-ryotei, [class*="theme-ryotei--"]) .site-hero {
  height: min(592px, 80%) !important;
}

.route-start :is(.start-theme-phone, .start-live-preview):is(.theme-ryotei, [class*="theme-ryotei--"]) .hero-copy,
.route-design-studio :is(.start-theme-phone, .start-live-preview):is(.theme-ryotei, [class*="theme-ryotei--"]) .hero-copy {
  bottom: 58px !important;
}