/* dark theme */
:root {
  --kinda-black: rgb(40, 40, 40);
  --really-black: rgb(30, 30, 30);
  --black: #000000;
  --dark-text-color: #fafafa;

}

body {
  background: var(--really-black) !important;
  --background-color: var(--really-black) !important;
  --text-color: var(--dark-text-color) !important;
  font-family: 'YS Geo', sans-serif;
}

.bgf5 {
  background: var(--kinda-black);
}

.bgrb {
  background: var(--really-black);
}

.service-item {
  background: var(--kinda-black);
}

.service-item-desc-accent {
  /* blue text */
  color: #8cb5f6;
}

.service-item-desc {
  color: #a6a8ab;
}

.service-item-time {
  color: #a6a8ab;
}

/* contacts.php color scheme */
.is-contacts .is-contact-label,
.is-contacts .is-contact-phone .is-contact-text,
.is-contacts .is-contact-phone .is-contact-text:hover,
.is-contacts .is-contact-phone .is-contact-text:active {
  color: var(--dark-text-color);
}

/* Good Place banner text color (black was invisible in dark mode) */
.is-goodplace-heading {
  color: var(--dark-text-color);
}

iframe {
  filter: brightness(.8) contrast(1.2);
}

@media (max-width: 768px) {
  .is-goodplace-banner { background: #1a1a1a; }
}

/* ─── Pricing block — Split ──────────── */
.pd10-card-header { color: #eee; }
.pd10-card-icon { color: var(--text-color); }
.pd10-row { background: #262626; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.pd10-row:hover { box-shadow: 0 2px 8px rgba(0,0,0,.35); }
.pd10-row-name { color: #eee; }
.pd10-row-desc { color: #9ea2a8; }
.pd10-meta { background: #2e2e2e; border-left-color: #3a3a3a; }
.pd10-price { color: var(--text-color); }
.pd10-time { color: #9ea2a8; }
@media(max-width:640px){.pd10-meta{border-top-color:#3a3a3a}}
.pd10-footnote { background: #222; color: #6b6f73; }

/* Manual dark mode toggle support */
body.dark,
body.dark .bgf5,
body.dark .bgrb,
body.dark .service-item {
  /* dark.css is only loaded via media query, so body.dark needs fallback */
}

/* ─── Footer bottom ─────────────────────────────────────────── */
.is-footer-bottom { color: #999; }

/* ─── Header logo text ──────────────────────────────────────── */
.is-logo::after { color: #fff; }