/* Silvercity Dark Mode - the button. Big, labelled, easy to hit. */
.scdm-toggle{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;
  display:inline-flex;align-items:center;gap:8px;
  height:36px;min-width:36px;padding:0 14px 0 6px;margin:0;
  border:1.5px solid #c9d3db;border-radius:999px;
  background:#ffffff;color:#1f2933;
  font:700 15px/1 "Open Sans","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 1px 2px rgba(16,35,47,.08);
  transition:background-color .15s,border-color .15s,color .15s;
}
.scdm-toggle:hover{border-color:#109bc5;background:#eef8fc}
.scdm-toggle:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.scdm-ic{width:26px;height:26px;border-radius:50%;flex:none;display:inline-block;
  background:#14202b no-repeat center/16px;
  /* moon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd166'%3E%3Cpath d='M20.7 14.6A8.5 8.5 0 0 1 9.4 3.3a8.5 8.5 0 1 0 11.3 11.3z'/%3E%3C/svg%3E");
}
html[data-scdm="dark"] .scdm-toggle{background:#1e2832;border-color:#3e4f61;color:#eef2f5;box-shadow:none}
html[data-scdm="dark"] .scdm-toggle:hover{background:#26323f;border-color:#7fd4f0}
html[data-scdm="dark"] .scdm-ic{background-color:#123f52;
  /* sun */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd166' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='%23ffd166'/%3E%3Cpath d='M12 2v2.2M12 19.8V22M2 12h2.2M19.8 12H22M4.9 4.9l1.6 1.6M17.5 17.5l1.6 1.6M4.9 19.1l1.6-1.6M17.5 6.5l1.6-1.6'/%3E%3C/svg%3E");
}

/* In a header row: vertically centred on the right, never adds height. */
.scdm-in-header{position:absolute;top:50%;right:62px;transform:translateY(-50%);z-index:20}
/* Floating fallback */
.scdm-floating{position:fixed;bottom:18px;z-index:99990;height:48px;padding:0 18px 0 8px;font-size:17px !important}
.scdm-floating .scdm-ic{width:32px;height:32px;background-size:19px}
.scdm-floating.scdm-left{left:16px}
.scdm-floating.scdm-right{right:16px}
.scdm-inline{position:static;transform:none}

/* Phones: round icon button (44px tap target) beside the menu button; the label stays for screen readers. */
@media (max-width:767px){
  .scdm-in-header{height:44px;width:44px;min-width:44px;padding:0;justify-content:center;right:66px}
  .scdm-in-header .scdm-label{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .scdm-in-header .scdm-ic{width:30px;height:30px;background-size:18px}
  .scdm-floating{bottom:84px}           /* clear of the booking site's cart bar */
}

/* Smooth, short colour change when the button is pressed (not on page load). */
html.scdm-switching *,html.scdm-switching *::before,html.scdm-switching *::after{
  transition:background-color .25s ease,color .25s ease,border-color .25s ease !important}
@media (prefers-reduced-motion:reduce){html.scdm-switching *{transition:none !important}}