/* Shared clinic selector for contact pages, the footer and the native appointment dialog. */
body.venusmed-native .vm-altegio-booking {
  width:100%;
  color:var(--vm130-dark,#352d34);
  font-family:var(--vm-font,Arial,sans-serif);
}
body.venusmed-native .vm-altegio-intro {
  margin:0 0 20px;
  font-size:16px;
  line-height:1.65;
}
body.venusmed-native .vm-altegio-clinics {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.venusmed-native .vm-altegio-clinic {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  padding:22px 18px;
  border:1px solid var(--vm130-line,#e9d4de);
  border-radius:14px;
  background:#fff;
}
body.venusmed-native .vm-altegio-clinic h3 {
  padding:0;
  margin:0 0 8px;
  color:var(--vm130-dark,#352d34);
  font-size:22px;
  font-weight:600;
  line-height:1.25;
  text-transform:none;
}
body.venusmed-native .vm-altegio-clinic p {
  margin:0 0 22px;
  color:var(--vm130-muted,#6c5b65);
  font-size:14px;
  line-height:1.6;
}
body.venusmed-native .vm-altegio-button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  min-height:48px;
  padding:12px 16px;
  margin-top:auto;
  border:1px solid var(--vm130-rose,#88465a);
  border-radius:999px;
  background:var(--vm130-rose,#88465a);
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  text-align:left;
  text-decoration:none;
}
body.venusmed-native .vm-altegio-button:hover { background:#71384c; border-color:#71384c; color:#fff; }
body.venusmed-native .vm-altegio-button:focus-visible { outline:3px solid #704053; outline-offset:4px; }
body.venusmed-native .vm-altegio-button span { color:inherit; }
body.venusmed-native .vm-altegio-button[aria-expanded="true"] { background:#352d34; border-color:#352d34; }
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding-top:14px;
  margin-top:14px;
  border-top:1px solid var(--vm130-line,#e9d4de);
}
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links a {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  min-height:44px;
  padding:9px 8px;
  border:1px solid var(--vm130-line,#e9d4de);
  border-radius:10px;
  background:#fff;
  color:var(--vm130-rose,#88465a);
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  text-align:center;
  text-decoration:none;
  white-space:normal;
}
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links a span { min-width:0; overflow-wrap:break-word; }
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links .vm-ui-icon { flex:0 0 16px; width:16px; height:16px; }
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links a:hover { background:var(--vm130-blush,#f7edf2); color:#71384c; border-color:#b88b9a; }
body.venusmed-native .vm-altegio-booking[data-vm-altegio-contacts="1"] .vm-altegio-contact-links a:focus-visible { outline:3px solid #704053; outline-offset:3px; }
body.venusmed-native .vm-altegio-frame-area[hidden] { display:none; }
body.venusmed-native .vm-altegio-frame-area { margin-top:24px; scroll-margin-top:100px; }
body.venusmed-native .vm-altegio-selected { margin:0 0 12px; font-size:16px; font-weight:600; line-height:1.5; }
body.venusmed-native .vm-altegio-frame-slot { overflow:hidden; border:1px solid var(--vm130-line,#e9d4de); border-radius:14px; background:#fff; }
body.venusmed-native .vm-altegio-frame {
  display:block;
  box-sizing:border-box;
  width:100%;
  height:clamp(560px,75dvh,760px);
  border:0;
}
body.venusmed-native .vm-altegio-fallback { margin:12px 0 0; font-size:13px; line-height:1.6; }
body.venusmed-native .vm-altegio-fallback a { color:var(--vm130-rose,#88465a); text-decoration:underline; text-underline-offset:3px; }
body.venusmed-native #vm-appointment.vm-dialog { --vm-altegio-pad-y:30px; --vm-altegio-pad-x:30px; box-sizing:border-box; width:min(900px,calc(100vw - 24px)); max-height:90dvh; padding:var(--vm-altegio-pad-y) var(--vm-altegio-pad-x); }
body.venusmed-native #vm-appointment .vm-altegio-dialog-head {
  position:sticky;
  top:calc(-1 * var(--vm-altegio-pad-y));
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px var(--vm-altegio-pad-x);
  margin:calc(-1 * var(--vm-altegio-pad-y)) calc(-1 * var(--vm-altegio-pad-x)) 20px;
  border-bottom:1px solid var(--vm130-line,#e9d4de);
  background:#fff;
}
body.venusmed-native #vm-appointment .vm-altegio-dialog-head h2 {
  order:1;
  flex:1;
  min-width:0;
  padding:0;
  margin:0;
  font-size:clamp(22px,3vw,28px);
  line-height:1.25;
}
body.venusmed-native #vm-appointment .vm-altegio-dialog-head .vm-dialog-close {
  position:static;
  order:2;
  flex:0 0 44px;
  width:44px;
  height:44px;
  padding:0;
}
body.venusmed-native #vm-appointment .vm-altegio-frame-area { scroll-margin-top:96px; }
body.venusmed-native .vm-altegio-note {
  margin:16px 0 0;
  color:var(--vm130-muted,#6c5b65);
  font-size:13px;
  line-height:1.6;
}
@media (max-width:767px) {
  body.venusmed-native #vm-appointment.vm-dialog { --vm-altegio-pad-y:24px; --vm-altegio-pad-x:18px; }
}
@media (max-width:560px) {
  body.venusmed-native .vm-altegio-clinics { grid-template-columns:minmax(0,1fr); }
  body.venusmed-native .vm-altegio-clinic { padding:20px; }
}