@import "../components/popup.css";
@import "../components/tabs.css";
@import "../components/flex.css";

/* Align the consent checkbox and its trigger text nicely */
.consent-line {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.3; /* keeps button text tidy next to the custom checkbox */
}

/* Remove default margins that can nudge alignment */
.consent-line input[type="checkbox"] {
  margin: 0;
}

/* Make the trigger look like a link but remain a proper button for a11y */
.link-like {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  text-align: left;
}

/* ============================================================
   Inverted consent checkbox text color
   ============================================================ */

.inverted .consent-line,
.inverted .consent-line .link-like {
  color: var(--body-bg);
}