/* Shared action colours for the homepage and every Mafia Cleaners page. */
/* Sampled from the supplied logo's dominant opaque blue pixels (#0087fd).
   Keep all page accents and their interaction states on this shared palette. */
:root {
  --mafia-blue: #0087fd;
  --mafia-blue-rgb: 0, 135, 253;
  --mafia-blue-hover: #007ce9;
  --mafia-blue-ink: #005faa;
  --mafia-blue-soft: #eaf5ff;
  --mafia-blue-soft-hover: #dcedff;
  --mafia-blue-border: #b9dcff;
  --mafia-on-blue: #ffffff;
}

/* Captured buttons use a separate surface beneath their label. */
[class*="ButtonContent-sc-"] { color: var(--mafia-on-blue) !important; border-color: transparent !important; }
[class*="ButtonContent-sc-"]::after { background-color: var(--mafia-blue) !important; transition: background-color .2s ease; }
[class*="ButtonContent-sc-"]::before { background-color: var(--mafia-blue) !important; box-shadow: 0 0 0 3px rgba(var(--mafia-blue-rgb),0.149) !important; animation: none !important; }
[class*="ButtonMain-sc-"]:hover [class*="ButtonContent-sc-"]::after { background-color: var(--mafia-blue-hover) !important; }
[class*="ButtonMain-sc-"] :focus-visible [class*="ButtonContent-sc-"] { outline-color: var(--mafia-blue) !important; }

:is(.page-button,.customer-btn,.mafia-services-book,.mafia-stories-cta,.mafia-start-cta,.mafia-mobile-pickup,.mafia-header-contact,.policy-home,.customer-chat-launch),
.mafia-newsletter-field button,.customer-chat-form button,.journal-search button {
  background: var(--mafia-blue) !important;color:var(--mafia-on-blue) !important;
  border-color: var(--mafia-blue) !important;
  transition: background-color .2s ease, transform .2s ease;
}
:is(.page-button,.customer-btn,.mafia-services-book,.mafia-stories-cta,.mafia-start-cta,.mafia-mobile-pickup,.mafia-header-contact,.policy-home,.customer-chat-launch):hover,
.mafia-newsletter-field button:hover,.customer-chat-form button:hover,.journal-search button:hover {
  background: var(--mafia-blue-hover) !important; border-color: var(--mafia-blue-hover) !important;
}

.page-button.secondary,.customer-btn.secondary,
.journal-filter button,.customer-chat-actions button,.customer-chat-close,
.mafia-story-close,.mafia-story-watch,.mafia-reviews-toggle,
.customer-chat .op-chip,.customer-chat .op-retry,
header [data-mafia-menu-toggle] {
  background: var(--mafia-blue-soft) !important;color:var(--mafia-blue-ink) !important;
  border-color: var(--mafia-blue-border) !important;
}
.page-button.secondary:hover,.customer-btn.secondary:hover,
.journal-filter button:hover,.customer-chat-actions button:hover,.customer-chat-close:hover,
.mafia-story-close:hover,.mafia-story-watch:hover,.mafia-reviews-toggle:hover,
.customer-chat .op-chip:hover,.customer-chat .op-retry:hover,
header [data-mafia-menu-toggle]:hover { background: var(--mafia-blue-soft-hover) !important; }
.journal-filter button[aria-pressed="true"],header [data-mafia-menu-toggle][aria-expanded="true"] {
  background: var(--mafia-blue) !important;color:var(--mafia-on-blue) !important;
}
.mafia-start-tab { --tab-colour: var(--mafia-blue) !important;color:var(--mafia-blue-ink); }
.mafia-start-tab[aria-current="true"],.mafia-start-tab:hover { color: var(--mafia-on-blue); }
.customer-date {color:var(--mafia-blue-ink); border-color: var(--mafia-blue-border) !important; }
.customer-date[aria-pressed="true"],.customer-time-modes button[aria-pressed="true"] { background: var(--mafia-blue);color:var(--mafia-on-blue); }
:is(.customer-link,.page-text-link,.customer-city,.customer-map-city,.mafia-stories-toggle,.mafia-services-trigger) {color:var(--mafia-blue-ink) !important; }

@media (prefers-reduced-motion: reduce) {
  [class*="ButtonContent-sc-"]::after,
  :is(.page-button,.customer-btn,.mafia-services-book,.mafia-stories-cta,.mafia-start-cta,.mafia-mobile-pickup,.mafia-header-contact,.policy-home,.customer-chat-launch),
  .mafia-newsletter-field button,.customer-chat-form button,.journal-search button { transition: none; }
}