/* nikiapart.com — WPConsent banner as a small box bottom left (Velko 2026-11-02), in the site's look:
   Onest, 8px card, no shadow, pill buttons — „Приемам всички“ first and full width, the other two below it.
   The banner lives in a shadow root; its parts are styled from here with ::part(). */
#wpconsent-container::part(wpconsent-banner) {
  left: 24px; right: auto; bottom: 24px; width: min(400px, calc(100vw - 32px)); min-width: 0; max-width: none; margin: 0;
  padding: 24px; border-radius: var(--radius-card); box-shadow: none; border: 1px solid rgba(255, 255, 255, .12);
  font-family: var(--ff); text-align: left;
}
#wpconsent-container::part(wpconsent-banner-body) { width: auto; min-width: 0; padding: 0 24px 0 0; font-size: var(--fs-small); line-height: 1.55; text-align: left; }
#wpconsent-container::part(wpconsent-banner-footer) {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: auto; min-width: 0; margin-top: 18px; padding: 0; justify-content: stretch;
}
#wpconsent-container::part(wpconsent-button-accept),
#wpconsent-container::part(wpconsent-button-cancel),
#wpconsent-container::part(wpconsent-button-preferences) {
  min-height: 44px; margin: 0; padding: 0 16px; border-radius: 999px; font: 600 var(--fs-small)/1 var(--ff); width: 100%;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
#wpconsent-container::part(wpconsent-button-accept) { grid-column: 1 / -1; order: -1; background: #FFFFFF; color: var(--ink); border: 1px solid #FFFFFF; }
#wpconsent-container::part(wpconsent-button-cancel),
#wpconsent-container::part(wpconsent-button-preferences) { background: transparent; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, .35); }
#wpconsent-container::part(wpconsent-button-cancel):hover,
#wpconsent-container::part(wpconsent-button-preferences):hover { border-color: #FFFFFF; }
#wpconsent-container::part(wpconsent-button-accept):hover { background: var(--gold-soft); border-color: var(--gold-soft); }
@media (max-width: 599px) {
  #wpconsent-container::part(wpconsent-banner) { left: 16px; bottom: 16px; padding: 20px; }
}
