/* Shared motion control. A stable name and the pressed state are exposed to assistive technology. */
.pastel-home-header #motion-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-width: 44px;
  min-height: 44px;
  padding: 0 .2rem;
  color: var(--muted);
  white-space: nowrap;
}

.pastel-home-header #motion-toggle:not([data-motion-ready]) { visibility: hidden; }
.pastel-home-header #motion-toggle:disabled { cursor: default; }
.pastel-home-header #motion-toggle:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.pastel-home-header #motion-toggle .motion-state {
  display: grid;
  place-items: center;
  min-width: 2.2rem;
  min-height: 1.35rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-button);
  background: var(--ivory);
  color: var(--muted);
  font-size: .69rem;
  font-weight: 700;
}

.pastel-home-header #motion-toggle[aria-pressed="true"] .motion-state {
  background: var(--lilac);
  color: var(--plum);
}

#motion-toggle[aria-pressed="true"] .motion-off,
#motion-toggle[aria-pressed="false"] .motion-on { display: none; }

@media (width < 768px) {
  .pastel-navigation #motion-toggle {
    justify-content: space-between;
    width: 100%;
    margin-block-start: 6px;
    padding-inline: 12px;
  }
  .pastel-navigation #motion-toggle .motion-label { display: block; font-size: .8125rem; }
}

@media (max-width: 370px) {
  .pastel-home-header { column-gap: 12px; }
  .pastel-home-header .brand { width: 84px; }
  .pastel-home-header .header-actions { gap: 5px; }
}

/* Etchenet Reviews for Google Business. Retain the logo artwork and plugin interactions. */
body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-badge-group {
  --etn-egr-badge-bg: var(--ivory);
  --etn-egr-badge-text-color: var(--ink);
  --etn-egr-badge-star-color: #805617;
  --etn-egr-badge-border-color: var(--line);
  --etn-egr-badge-radius: var(--radius-field);
  --etn-egr-badge-shadow: 0 8px 24px #27353b1a;
  --etn-egr-badge-hover-bg: var(--lilac);
  --etn-egr-badge-hover-text-color: var(--plum);
  --etn-egr-badge-hover-star-color: #805617;
  --etn-egr-badge-hover-border-color: var(--control-border);
  --etn-egr-badge-focus-border-color: var(--focus-ring);
  --etn-egr-badge-focus-outline-color: var(--focus-ring);
  --etn-egr-badge-write-review-bg: var(--lilac);
  --etn-egr-badge-write-review-color: var(--plum);
  --etn-egr-badge-write-review-border-color: var(--line);
  --etn-egr-badge-write-review-hover-bg: var(--plum);
  --etn-egr-badge-write-review-hover-color: var(--ivory);
  --etn-egr-badge-write-review-hover-border-color: var(--plum);
  --etn-egr-badge-write-review-integrated-bg: var(--lilac);
  --etn-egr-badge-write-review-integrated-color: var(--plum);
  --etn-egr-badge-write-review-integrated-border-color: var(--line);
  --etn-egr-badge-write-review-integrated-hover-bg: var(--plum);
  --etn-egr-badge-write-review-integrated-hover-color: var(--ivory);
  --etn-egr-badge-write-review-integrated-hover-border-color: var(--plum);
  --etn-egr-badge-write-review-integrated-focus-bg: var(--plum);
  --etn-egr-badge-write-review-integrated-focus-color: var(--ivory);
  --etn-egr-badge-write-review-integrated-focus-border-color: var(--focus-ring);
}

body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-sidebar-overlay {
  --etn-egr-sidebar-overlay-bg: #332d4073;
}

body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-sidebar-panel {
  --etn-egr-sidebar-bg: var(--bg);
  --etn-egr-sidebar-border-color: var(--line);
  --etn-egr-sidebar-border-width: 1px;
  --etn-egr-sidebar-shadow: 0 14px 48px #332d4040;
  --etn-egr-sidebar-radius: 22px;
  --etn-egr-sidebar-header-bg: var(--lilac);
  --etn-egr-sidebar-header-title-color: var(--plum);
  --etn-egr-sidebar-header-rating-color: var(--ink);
  --etn-egr-sidebar-header-star-color: #805617;
  --etn-egr-sidebar-header-separator-color: var(--line);
  --etn-egr-sidebar-close-bg: var(--ivory);
  --etn-egr-sidebar-close-color: var(--plum);
  --etn-egr-sidebar-close-hover-bg: var(--plum);
  --etn-egr-sidebar-close-hover-color: var(--ivory);
  --etn-egr-sidebar-card-bg: var(--panel);
  --etn-egr-sidebar-card-border-color: var(--line);
  --etn-egr-sidebar-card-border-width: 1px;
  --etn-egr-sidebar-card-radius: var(--radius-field);
  --etn-egr-sidebar-card-shadow: 0 3px 10px #27353b0d;
  --etn-egr-sidebar-card-name-color: var(--ink);
  --etn-egr-sidebar-card-text-color: var(--ink);
  --etn-egr-sidebar-card-date-color: var(--muted);
  --etn-egr-sidebar-card-star-color: #805617;
  --etn-egr-sidebar-read-more-color: var(--plum);
  --etn-egr-sidebar-read-more-hover-color: var(--plum);
  --etn-egr-sidebar-read-more-hover-bg: var(--lilac);
  --etn-egr-sidebar-read-more-focus-outline-color: var(--focus-ring);
  --etn-egr-sidebar-read-more-radius: var(--radius-button);
  --etn-egr-sidebar-scrollbar-thumb: var(--control-border);
  --etn-egr-sidebar-scrollbar-track: var(--lilac);
}

body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-modal {
  --etn-egr-modal-bg: var(--ivory);
  --etn-egr-modal-text-color: var(--ink);
  --etn-egr-modal-border-color: var(--line);
  --etn-egr-modal-radius: var(--radius-field);
  --etn-egr-modal-close-bg: var(--lilac);
  --etn-egr-modal-close-color: var(--plum);
  --etn-egr-modal-close-border-color: var(--line);
  --etn-egr-modal-close-hover-bg: var(--plum);
  --etn-egr-modal-close-hover-color: var(--ivory);
  --etn-egr-modal-close-hover-border-color: var(--plum);
}

body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-modal .etn-egr-modal-content > button.etn-egr-modal-close:focus-visible,
body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-sidebar-panel button.etn-egr-sidebar-close:focus-visible {
  outline: 2px solid var(--focus-ring) !important;
  outline-offset: 2px;
}

/* EtcheChat and the theme's direct WhatsApp links share the same action colours. */
body:is(.etchenet-pastel-home,.etchenet-pastel-content) #echwa-widget {
  --echwa-button-bg: var(--plum);
  --echwa-button-hover: var(--violet);
  --echwa-button-active: var(--night);
  --echwa-icon-color: var(--ivory);
  --echwa-icon-hover: var(--ivory);
  --echwa-icon-active: var(--ivory);
  --echwa-focus: var(--focus-ring);
  --echwa-shadow-color: var(--plum);
  --echwa-text: var(--ink);
  --echwa-panel-bg: var(--ivory);
  --echwa-header-bg: var(--plum);
  --echwa-header-title: var(--ivory);
  --echwa-header-subtitle: var(--ivory);
  --echwa-status-dot-color: var(--celadon);
  --echwa-status-dot-ring-color: var(--lilac);
  --echwa-status-text-color: var(--ivory);
  --echwa-message-bg: var(--lilac);
  --echwa-message-text: var(--ink);
  --echwa-input-bg: var(--field-surface);
  --echwa-input-border: var(--control-border);
  --echwa-input-text: var(--field-text);
  --echwa-input-placeholder: var(--muted);
  --echwa-send-bg: var(--plum);
  --echwa-send-text: var(--ivory);
  --echwa-send-hover: var(--violet);
  --echwa-send-text-hover: var(--ivory);
  --echwa-send-active: var(--night);
  --echwa-send-radius: var(--radius-button);
  --echwa-qr-bg: var(--panel);
  --echwa-qr-text: var(--ink);
  --echwa-tooltip-bg: var(--plum);
  --echwa-tooltip-color: var(--ivory);
  --echwa-tooltip-border: var(--plum);
}

@media (width < 768px) {
  body:is(.etchenet-pastel-home,.etchenet-pastel-content) {
    --pastel-widget-height: 56px;
    --pastel-widget-bottom: 12px;
  }

  body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-badge-group {
    bottom: calc(var(--pastel-widget-bottom) + env(safe-area-inset-bottom, 0px));
    --etn-egr-badge-padding: 5px 10px;
  }

  body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-badge-fixed {
    min-height: var(--pastel-widget-height);
  }

  body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-badge-fixed button.etn-egr-badge-clickable {
    min-height: 44px !important;
  }

  body:is(.etchenet-pastel-home,.etchenet-pastel-content) .etn-egr-badge-fixed .etn-egr-b-txt {
    line-height: 1.15;
  }

  body:is(.etchenet-pastel-home,.etchenet-pastel-content) #echwa-widget {
    --echwa-button-size: var(--pastel-widget-height);
    --echwa-bottom: var(--pastel-widget-bottom);
  }
}

#echwa-widget .echwa-body textarea {
  border-radius: var(--radius-field);
  font-size: 1rem;
}

#echwa-widget .echwa-header .echwa-close {
  width: 44px;
  height: 44px;
}

#echwa-widget .echwa-header .echwa-close:focus-visible { outline-color: var(--focus-ring-on-dark); }

:is(.etchenet-pastel-home,.etchenet-pastel-content .pastel-prose) :is(a.button,a.wp-block-button__link):is([href^="https://wa.me/"],[href^="https://api.whatsapp.com/send"]) {
  border-color: var(--plum);
  background: var(--plum);
  color: var(--ivory);
}

:is(.etchenet-pastel-home,.etchenet-pastel-content .pastel-prose) :is(a.button,a.wp-block-button__link):is([href^="https://wa.me/"],[href^="https://api.whatsapp.com/send"]):hover {
  border-color: var(--violet);
  background: var(--violet);
  color: var(--ivory);
}

.motion-paused :is(#echwa-widget .echwa-launcher,#echwa-widget .echwa-launcher::before,#echwa-widget .echwa-attention) {
  animation: none;
}