/* ==================================================================
   Maeshima RC mobile fixed CTA（D-053／D-084）— C-AUTO-OVERNIGHT-02、staging
   mobile（≤800px）のみ。Web予約／電話／アクセス。tokens は design system と同値（#2F5D50 / #fff / #D8E3DC）。
   z-index 900：SERUM #header（1000）・#drawer_menu（10000）より下。drawer open 時（body.open_menu）は非表示（SERUM footer bar と同じ挙動）。
   body へ bottom padding を付与し本文・footer・末尾 CTA を隠さない。html scroll-padding-bottom で focus/anchor 移動先が bar に隠れない（WCAG 2.2 Focus Not Obscured）。
   rollback：本 CSS と mrc-mobile-cta.php の削除。
   ================================================================== */
.mrc-mcta { display: none; }
@media only screen and (max-width: 800px) {
  html.mrc-mcta-scroll, body.mrc-has-mcta { scroll-padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  body.mrc-has-mcta #container { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }   /* SERUM は body 高さが viewport 固定のため、最後の in-flow 要素 #container に付与（footer・copyright を隠さない） */
  body.mrc-has-mcta .mrc-mcta {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    background: #2F5D50; border-top: 1px solid rgba(255, 255, 255, .28);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-shadow: 0 -2px 10px rgba(36, 53, 47, .18);
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  }
  .open_menu .mrc-mcta { display: none !important; }   /* SERUM は drawer open 時に html.open_menu を付与 */
  .mrc-mcta__item {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 52px; padding: 6px 4px; color: #fff; font-size: 15px; font-weight: 650; line-height: 1.2; letter-spacing: .02em;
    text-decoration: none; border-left: 1px solid rgba(255, 255, 255, .28);
  }
  .mrc-mcta__item:first-child { border-left: 0; }
  .mrc-mcta__item:hover, .mrc-mcta__item:active { background: #315F52; color: #fff; text-decoration: underline; }
  body.mrc-has-mcta .mrc-mcta a.mrc-mcta__item:focus-visible { outline: 3px solid #fff !important; outline-offset: -5px !important; box-shadow: none; background: #315F52; color: #fff; }   /* C-19 共通 focus ring（#136cc1、deep green 上では 1.41:1）を bar 内では白 ring（7.49:1）へ置換。custom CSS は wp_head 末尾のため specificity＋!important で確実に */
  .mrc-mcta__item::before { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background-color: #fff; -webkit-mask: var(--mrc-mcta-icon) center / contain no-repeat; mask: var(--mrc-mcta-icon) center / contain no-repeat; }
  .mrc-mcta__item--web { --mrc-mcta-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2zm-1 8v10h12V10H6zm2 2h3v3H8v-3z'/></svg>"); }
  .mrc-mcta__item--tel { --mrc-mcta-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1L6.6 10.8z'/></svg>"); }
  .mrc-mcta__item--access { --mrc-mcta-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>"); }
  /* SERUM「PAGE TOP」ボタン（fixed、bottom 25px）を bar の上へ */
  body.mrc-has-mcta #return_top { bottom: calc(25px + 52px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .mrc-mcta__item { transition: none; } }