/* Hide inactive tabs */
.sed-app-tab-content { display: none; }
.sed-app-tab-content.active { display: block; }

/* Hero section */
.sed-app-hero {
    background-size: cover;
    background-position: center;
    padding: 60px 20px;
    text-align: center;
    color: #fff;
}
.sed-app-hero-content {
    background-color: rgba(0,0,0,0.6);
    display: inline-block;
    padding: 20px 40px;
    border-radius: 8px;
}
.sed-app-logo { max-width: 250px; margin-bottom: 15px; }

/* Intro */
.sed-app-intro {
    padding: 20px;
    background: #111;
    color: #fff;
    font-size: 16px;
}
.sed-app-warning { color: #ff0048; font-weight: bold; margin-top: 10px; }

/* Tabs */
.sed-app-tabs { text-align: center; margin-top: 20px; }
.tablink {
    background: #222; color: #fff;
    padding: 10px 20px; margin: 0 2px;
    border: none; cursor: pointer; font-size: 16px;
}
.tablink.active, .tablink:hover { background: #ff0048; }

/* Form content */
.sed-app-form {
    max-width: 600px;
    margin: auto;
    display: block;
}
.sed-app-form label { display: block; margin: 10px 0 5px; }
.sed-app-form input[type="text"],
.sed-app-form input[type="email"],
.sed-app-form input[type="url"],
.sed-app-form input[type="file"],
.sed-app-form textarea {
    width: 100%; padding: 8px; margin-bottom: 15px;
    background: #333; border: 1px solid #555; color: #fff;
}
.sed-app-submit {
    background: #ff0048; color: #fff; padding: 10px 20px;
    border: none; cursor: pointer;
}
.sed-app-submit:hover { background: #ff2a68; }

/* Success message */
.sed-app-success {
    background: #1e7e34; color: #fff;
    padding: 15px; text-align: center;
    margin: 20px; border-radius: 6px;
}
/* Container matching other form field spacing */
.taboo-agreement {
  margin: 1rem 0;
  font-size: 0.9rem;
}

/* Hide default checkbox and use a styled custom box */
.taboo-agreement input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  vertical-align: middle;
  border: 2px solid #333; /* match your form's border color */
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

/* Checked state: show custom checkmark */
.taboo-agreement input[type="checkbox"]:checked::before {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  background-color: #333; /* match checkbox fill color */
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  border-radius: 2px;
}

/* Label in-line with link styling */
.taboo-agreement label {
  cursor: pointer;
  color: #222;
}

.taboo-agreement a {
  color: #0073aa; /* your theme’s link color */
  text-decoration: underline;
}
.taboo-agreement a:hover {
  color: #005177;
}