/* Topic contact controls reuse the homepage contact.css and mobile bar design. */
[data-topic-contact] .float-header { display:block; width:100%; padding:0; border:0; font-family:inherit; }
[data-topic-contact] .tel-number { text-decoration:none; }
[data-topic-contact] .float-content { max-height:calc(100dvh - 150px); overflow-y:auto; }
.topic-contact-toggle { padding:0; border:0; font-family:inherit; font-size:18px; }
[data-topic-contact].hide { visibility:hidden; pointer-events:none; }
[data-topic-contact] button:focus-visible, .topic-contact-toggle:focus-visible { outline:2px solid #333; outline-offset:-4px; }
.topic-contact-spacer, .topic-contact-bar { display:none; }
.float-spacer { height:calc(52px + env(safe-area-inset-bottom, 0px)); }
#wechat-qr.qr-modal { z-index:10020; }
.topic-copy-toast { position:fixed; left:50%; bottom:calc(70px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); z-index:10030; max-width:85%; width:max-content; padding:10px 18px; border-radius:24px; color:#fff; background:rgba(23,26,31,.88); font-size:14px; line-height:1.5; text-align:center; pointer-events:none; }
@media (max-width:767px) {
  [data-topic-contact], .topic-contact-toggle { display:none; }
  .topic-contact-spacer { display:block; height:calc(52px + env(safe-area-inset-bottom, 0px)); }
  .topic-contact-bar { position:fixed; left:0; right:0; bottom:0; z-index:99; display:flex; background:#fff; border-top:1px solid rgba(232,233,236,.9); padding-bottom:env(safe-area-inset-bottom, 0px); box-shadow:0 -8px 24px rgba(24,28,35,.09); }
  .topic-contact-bar a { flex:1; min-width:0; height:50px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:15px; font-weight:600; text-decoration:none; }
  .topic-contact-bar .wechat { background:#fff; color:#d9272e; border-right:1px solid #e8e9ec; }
  .topic-contact-bar .tel { background:#d9272e; color:#fff; }
  .topic-contact-bar .tel:active { background:#b51f25; }
  .topic-contact-bar svg { width:18px; height:18px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-topic-contact], .topic-contact-toggle { transition:none; }
}
