/* Shared support contacts: explicit HTML, flat theme surfaces and independent icons. */
.alfares-support-contacts {
  --support-ink: var(--my-shell-ink, var(--auth-ink, #143f61));
  --support-muted: var(--my-shell-muted, var(--auth-muted, #65758b));
  --support-line: var(--my-shell-line, var(--auth-line, #d6e2f1));
  --support-surface: var(--my-shell-surface, var(--auth-surface, #fff));
  --support-accent: var(--my-shell-primary, var(--auth-primary, #143f61));
  box-sizing: border-box; width: 100%; min-width: 0; color: var(--support-ink);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif; text-align: start;
}
.alfares-support-contacts *, .alfares-support-contacts *::before, .alfares-support-contacts *::after { box-sizing: border-box; }
.alfares-support-heading { margin: 0 0 7px; padding: 0; font-size: 12px; line-height: 1.5; color: var(--support-accent); }
.alfares-support-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 7px; min-width: 0; }
.alfares-support-contact { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; padding: 4px 7px; border: 1px solid var(--support-line); border-radius: 11px; background: var(--support-surface); }
.alfares-support-copy { display: grid; gap: 2px; min-width: 0; }
.alfares-support-city { color: var(--support-muted); font-size: 10px; font-weight: 700; line-height: 1.4; }
.alfares-support-phone { display: inline-flex; align-items: center; min-height: 24px; color: var(--support-ink); text-decoration: none; font-size: 12px; line-height: 1.4; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.alfares-support-whatsapp { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid #c3e9d6; border-radius: 10px; background: #eaf8f0; color: #087849; text-decoration: none; }
.alfares-support-whatsapp svg { display: block; width: 20px; height: 20px; fill: currentColor; stroke: none; }
.alfares-support-whatsapp svg path { fill: currentColor; stroke: none; }
.alfares-support-phone:hover { text-decoration: underline; }
.alfares-support-whatsapp:hover { background: #dbf1e5; color: #075d39; }
.alfares-support-contacts a:focus-visible { outline: 2px solid var(--support-accent); outline-offset: 3px; }
html[data-my-theme="dark"] .alfares-support-contacts { --support-ink: #e8eef7; --support-muted: #bdcada; --support-line: #3b516d; --support-surface: #14233a; --support-accent: #c4d6ed; }
html[data-my-theme="dark"] .alfares-support-whatsapp { border-color: #275645; background: #153c2d; color: #87e8b2; }
html[data-my-theme="dark"] .alfares-support-whatsapp:hover { background: #1a4c39; }
.alfares-support-footer { position: relative; z-index: 1; width: 100%; min-width: 0; margin-top: 12px; padding: 10px; border: 1px solid var(--auth-line, #d6e2f1); border-radius: 15px; background: var(--auth-surface, #fff); box-shadow: 0 3px 12px #0f172a14; }
.alfares-support-footer .alfares-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alfares-support-footer > small { display: block; margin-top: 7px; color: var(--auth-muted, #65758b); font-size: 9px; text-align: center; }
.alfares-support-auth-stack { position: relative; z-index: 1; width: min(560px, 100%); min-width: 0; }
.alfares-support-auth-stack .auth-access-card { width: 100%; }
.alfares-support-error { padding: 14px 20px; border-top: 1px solid #d6e2f1; }
.register-auth-panel .register-page:has(.alfares-support-register-footer) { grid-template-rows: 52px minmax(0, 1fr) auto; }
.alfares-support-register-footer { position: relative; z-index: 1; min-width: 0; padding: 7px 9px; border: 1px solid var(--register-line, #d6e2f1); border-radius: 12px; background: var(--register-surface, #fff); }
.alfares-support-register-footer .alfares-support-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.alfares-support-register-footer .alfares-support-heading { margin-bottom: 4px; }
.alfares-support-site-footer { padding-block: 16px; }
.alfares-support-branch-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 44px; min-height: 44px; padding: 6px 10px; border: 1px solid #c3e9d6; border-radius: 10px; background: #eaf8f0; color: #087849; text-decoration: none; }
.alfares-support-branch-whatsapp svg { width: 18px; height: 18px; }
.alfares-support-branch-whatsapp:focus-visible { outline: 2px solid #087849; outline-offset: 3px; }
.site-footer .alfares-support-contacts { --support-ink: #f3f7fc; --support-muted: #c3d2e2; --support-line: #45647e; --support-surface: #143f61; --support-accent: #f3f7fc; }
.site-footer .alfares-support-whatsapp { border-color: #c3e9d6; background: #eaf8f0; color: #087849; }
.site-footer .alfares-support-whatsapp:hover { background: #dbf1e5; color: #075d39; }
.site-footer .alfares-support-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.my-footer-support { grid-column: 1 / -1; min-width: 0; padding-block: 6px; }
.my-slider-shell:has(.my-footer-support) .my-slider-workspace { grid-template-rows: var(--my-shell-topbar-h) minmax(0, 1fr) auto; }
.my-footer-support .alfares-support-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.alfares-support-menu { box-sizing: border-box; width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 16px; border: 1px solid var(--my-shell-line, #d6e2f1); border-radius: 18px; color: var(--my-shell-ink, #143f61); background: var(--my-shell-surface, #fff); box-shadow: 0 12px 40px #0f172a30; }
.alfares-support-menu::backdrop { background: #0f172a26; }
.alfares-support-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.alfares-support-menu-head h2 { margin: 0; color: var(--my-shell-primary, #143f61); font: 800 17px/1.5 Tahoma, "Segoe UI", Arial, sans-serif; }
.alfares-support-menu-head h2 svg, .alfares-support-menu-remote svg { width: 18px; height: 18px; margin-inline-end: 6px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.alfares-support-menu .alfares-support-heading { display: none; }
.alfares-support-menu-close { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--my-shell-line, #d6e2f1); border-radius: 10px; color: var(--my-shell-primary, #143f61); background: var(--my-shell-surface-soft, #f7faff); cursor: pointer; }
.alfares-support-menu-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.alfares-support-menu-remote { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 12px; padding: 7px 12px; border: 1px solid var(--my-shell-line, #d6e2f1); border-radius: 10px; color: var(--my-shell-primary, #143f61); text-decoration: none; font: 700 12px/1.5 Tahoma, "Segoe UI", Arial, sans-serif; }
.alfares-support-menu button:focus-visible, .alfares-support-menu > a:focus-visible { outline: 2px solid var(--my-shell-primary, #143f61); outline-offset: 3px; }
html[data-my-theme="dark"] .alfares-support-menu { border-color: #3b516d; color: #e8eef7; background: #14233a; }
html[data-my-theme="dark"] .alfares-support-menu-head h2, html[data-my-theme="dark"] .alfares-support-menu-remote { color: #c4d6ed; }
@media (max-width: 760px) {
  .alfares-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alfares-support-contact { padding-inline: 5px; gap: 4px; }
  .alfares-support-phone { font-size: 11px; }
  .alfares-support-error { padding-inline: 12px; }
  .register-auth-panel .register-page:has(.alfares-support-register-footer) { grid-template-rows: 48px minmax(0, 1fr) auto; }
  .alfares-support-register-footer .alfares-support-grid, .site-footer .alfares-support-grid, .my-footer-support .alfares-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px), (pointer: coarse) {
  :is(.auth-login-stage, .alfares-support-auth-stack, .alfares-support-register-footer) .alfares-support-phone { min-height: 40px; }
}
@media (max-width: 340px) {
  .alfares-support-contacts { font-size: 11px; }
  .alfares-support-phone { font-size: 10.5px; }
}

/* Login support numbers stay on one row; phones show them as a two-column grid. */
.auth-login-stage .alfares-support-footer .alfares-support-grid { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; padding: 2px 0 5px; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--auth-line, #d6e2f1) transparent; }
.auth-login-stage .alfares-support-footer .alfares-support-contact { flex: 1 0 118px; padding-inline: 4px; gap: 4px; }
.auth-login-stage .alfares-support-footer .alfares-support-city { display: none; }
.auth-login-stage .alfares-support-footer .alfares-support-phone { font-size: 10px; }
@media (max-width: 560px) {
  .auth-login-stage .alfares-support-footer .alfares-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding: 0; }
  .auth-login-stage .alfares-support-footer .alfares-support-phone { font-size: 11px; }
}

/* Phones: sign-up and login keep the numbers fixed below their form as compact
   rows. The whole row calls the number; the green button opens WhatsApp. */
@media (max-width: 660px), (max-width: 980px) and (max-height: 520px) {
  .alfares-support-register-footer { padding: 5px; border-radius: 12px; }
  .alfares-support-register-footer .alfares-support-heading { display: none; }
  .alfares-support-register-footer .alfares-support-grid { gap: 5px; }
  .alfares-support-register-footer .alfares-support-phone { font-size: 12.5px; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-contact { position: relative; min-height: 46px; padding-block: 2px; padding-inline: 8px 2px; border-radius: 10px; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-copy { gap: 0; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-city { line-height: 1.25; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-phone { min-height: 0; line-height: 1.4; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-phone::after { content: ""; position: absolute; inset: 0; }
  :is(.alfares-support-register-footer, .auth-login-stage .alfares-support-footer) .alfares-support-whatsapp { position: relative; z-index: 1; flex-basis: 40px; width: 40px; height: 40px; min-height: 40px; }
}
/* Short landscape screens show the four numbers in one row. */
@media (max-width: 980px) and (max-height: 520px) {
  .alfares-support-register-footer .alfares-support-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}