/*
  Project overrides for Silktide Consent Manager.
  Goal: make banner/modal ~50% more compact without editing vendor CSS.
*/

/* Banner */
#silktide-banner {
  padding: 16px;
  bottom: 8px;
  right: 8px;
  width: 360px;
  max-width: calc(100% - 16px);
  max-height: calc(100vh - 16px);
}

#silktide-banner p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px;
}

#silktide-wrapper .st-button {
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
  border-width: 1px;
}

#silktide-banner .actions {
  gap: 8px;
  margin-top: 12px;
}

#silktide-banner .actions-row {
  gap: 8px;
}

#silktide-banner .preferences {
  padding: 10px 0;
  font-size: 13px;
}

#silktide-banner a.silktide-logo {
  width: 32px;
  height: 32px;
}

/* Modal */
#silktide-modal {
  width: 640px;
  padding: 16px;
}

#silktide-modal header {
  margin-bottom: 12px;
  gap: 12px;
}

#silktide-modal h1 {
  font-size: 18px;
}

#silktide-modal section {
  margin-top: 16px;
}

#silktide-modal p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px;
}

#silktide-modal legend {
  font-size: 13px;
  margin: 0 0 8px;
}

#silktide-modal fieldset {
  margin: 0 0 16px;
}

#silktide-modal .cookie-type-content {
  gap: 16px;
}

#silktide-modal footer {
  gap: 8px;
  margin-top: 12px;
}

#silktide-modal footer a {
  padding: 10px 0;
}

#silktide-modal .modal-close {
  padding: 10px;
}

/* Switch (toggles) */
#silktide-modal .switch {
  height: 24px;
  width: 54px;
}

#silktide-modal .switch__pill {
  height: 24px;
  width: 54px;
}

#silktide-modal .switch__dot {
  top: 2px;
  left: 2px;
  height: 20px;
  width: 20px;
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
  font-size: 11px;
  top: 4px;
  right: 6px;
}

#silktide-modal .switch input:checked ~ .switch__dot {
  left: calc(100% - 22px);
}

#silktide-modal .switch input:checked ~ .switch__off {
  right: calc(100% - 22px);
}

#silktide-modal .switch input:checked ~ .switch__on {
  right: calc(100% - 24px);
}

/* Cookie icon */
#silktide-cookie-icon {
  width: 44px;
  height: 44px;
}

#silktide-cookie-icon.bottomRight {
  right: 8px;
  bottom: 8px;
}