/* Tailwind-like tokens (approximate) for the component — no Tailwind dependency */
:root {
  --tw-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --tw-text-base: 1.5rem;
  /* 16px */
  --tw-radius: 0.375rem;
  /* 6px */
  --tw-color-gray-700: #374151;
  --tw-color-gray-300: #D1D5DB;
  --tw-color-gray-100: #F3F4F6;
  --tw-color-red-600: #dc2626;
  --tw-color-red-700: #b91c1c;
  --tw-color-green-600: #16a34a;
  --tw-focus-ring: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.og-sms-reserve {
  max-width: 320px;
  width: 100%;
  margin: 1.5rem auto 1.5rem 0;
  font-family: var(--tw-font-sans);
  font-size: var(--tw-text-base);
}

.og-sms-form {
  background: var(--tw-color-gray-100);
  border: 1px solid var(--tw-color-gray-300);
  border-radius: var(--tw-radius);
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.og-sms-row {
  margin-bottom: 0.75rem;
}

.og-sms-label {
  display: block;
  color: var(--tw-color-gray-700);
  margin-bottom: 0.25rem;
}

.og-sms-input,
.og-sms-email {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--tw-color-gray-300);
  border-radius: 0.375rem;
  background: #fff;
  box-sizing: border-box;
  font-size: var(--tw-text-base);
}

.og-sms-input:focus,
.og-sms-email:focus {
  outline: none;
  box-shadow: var(--tw-focus-ring);
  border-color: var(--tw-color-red-600);
}

 .og-sms-check input {
  display: none!important;
 }
 
.og-sms-consent {
  font-size: 1rem;
  color: var(--tw-color-gray-700);
  line-height: 1.25rem;
  font-weight: normal !important;
}

.og-sms-button {
  display: inline-block;
  width: 100%;
  background: var(--tw-color-red-600);
  color: #fff;
  border-radius: 0.375rem;
  padding: 0.625rem 0.75rem;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.og-sms-button:hover {
  background: var(--tw-color-red-700);
}

.og-sms-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.og-sms-alert {
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-top: 1rem;
  font-size: 0.95rem;
}

.og-sms-alert--success {
  background: #ecfdf5;
  color: var(--tw-color-green-600);
  border: 1px solid #bbf7d0;
}

.og-sms-alert--error {
  background: #fff1f2;
  color: var(--tw-color-red-700);
  border: 1px solid #fecaca;
}

.og-hidden {
  display: none !important;
}

@media (min-width:720px) {
  .og-sms-row {
    margin-bottom: 0.75rem;
  }
}

/* ----- Fixes for wpautop / wp-inserted tags ----- */
/* Hide <br> inserted inside the plugin markup which creates extra gaps */
.og-sms-reserve br { display: none !important; }

/* Remove empty paragraphs that WP may add after the form or inside the container */
.og-sms-reserve > p,
.og-sms-reserve form > p,
.og-sms-form > p { display: none !important; margin: 0; padding: 0; }
.og-sms-reserve p:empty { display: none !important; }

/* Defensive: if WP injects <p> around labels/inputs, collapse their margins */
.og-sms-reserve p .og-sms-label,
.og-sms-reserve p .og-sms-input,
.og-sms-reserve p .og-sms-email { margin: 0; }