/**
 * Petra Restaurants — CASL marketing-consent block, legal footer / Sender ID,
 * location field, and SweetAlert confirmation popup.
 * On-brand: navy #141D38, gold #B48741, cream #F4F2E1;
 * Montserrat body / Noto Serif Ethiopic headings.
 */

/* ---- Consent checkboxes (marketing optional + data-processing required) - */
.webform-submission-form .form-item-marketing-consent,
.webform-submission-form .form-item-data-processing-consent {
  margin: 22px 0 0;
  padding: 16px 18px;
  background: #f7f5ec;
  border: 1px solid #e4dcc6;
  border-left: 3px solid #b48741;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* The required acknowledgement gets a navy accent so it reads as mandatory. */
.webform-submission-form .form-item-data-processing-consent {
  margin-top: 14px;
  border-left: 4px solid #141d38;
  background: #f1eee2;
}

.webform-submission-form .form-item-marketing-consent input[type="checkbox"],
.webform-submission-form .form-item-data-processing-consent input[type="checkbox"] {
  width: 19px;
  height: 19px;
  margin: 2px 0 0;
  flex: 0 0 auto;
  accent-color: #b48741;
  cursor: pointer;
}

.webform-submission-form .form-item-data-processing-consent input[type="checkbox"] {
  accent-color: #141d38;
}

.webform-submission-form .form-item-marketing-consent label,
.webform-submission-form .form-item-data-processing-consent label {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 500;
  color: #141d38;
  cursor: pointer;
}

/* ---- Careers submit button — keep it readable on the bare /form/ page ---
 * The themed careers block sits on a navy panel, so the button is white text
 * on a transparent fill. On the canonical webform page there is no navy panel,
 * so give the button a solid gold fill to keep the label visible. */
body.path-webform .petra-careers__form button.webform-button--submit,
body.path-webform .petra-careers__form .form-actions button {
  background: #b48741;
  border-color: #b48741;
  color: #fff;
}

body.path-webform .petra-careers__form button.webform-button--submit:hover,
body.path-webform .petra-careers__form .form-actions button:hover {
  background: #9c7434;
  border-color: #9c7434;
}

/* ---- Legal footer + Sender ID (visually secondary) -------------------- */
.casl-legal-footer {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e4dcc6;
  font-family: "Montserrat", sans-serif;
  font-size: 11.5px;
  line-height: 1.6;
  color: #6f6a5e;
}

.casl-legal-footer p {
  margin: 0 0 8px;
}

.casl-legal-footer p:last-child {
  margin-bottom: 0;
}

.casl-legal-footer .casl-sender-id {
  padding-top: 8px;
  border-top: 1px dashed #ddd2b8;
  font-size: 11px;
  letter-spacing: 0.2px;
  color: #908a7b;
}

/* ---- Location dropdown — align with the form's other controls --------- */
.webform-submission-form .form-item-select-location select {
  width: 100%;
}

/* ---- SweetAlert confirmation popup (brand override) ------------------- */
.swal2-popup.petra-swal {
  border-radius: 12px;
  background: #ffffff;
  padding: 28px 26px 26px;
  font-family: "Montserrat", sans-serif;
  border-top: 5px solid #141d38;
}

.swal2-popup.petra-swal .swal2-title {
  font-family: "Noto Serif Ethiopic", Georgia, serif;
  font-weight: 600;
  color: #141d38;
  font-size: 25px;
}

.swal2-popup.petra-swal .swal2-html-container {
  color: #3a3a3a;
  font-size: 15px;
  line-height: 1.55;
}

.swal2-popup.petra-swal .swal2-icon.swal2-success {
  border-color: #b48741;
  color: #b48741;
}

.swal2-popup.petra-swal .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #b48741;
}

.swal2-popup.petra-swal .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(180, 135, 65, 0.3);
}

.swal2-popup.petra-swal .swal2-confirm.swal2-styled {
  background: #b48741;
  border-radius: 6px;
  padding: 11px 34px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.3px;
  box-shadow: none;
}

.swal2-popup.petra-swal .swal2-confirm.swal2-styled:hover {
  background: #9c7434;
}

.swal2-popup.petra-swal .swal2-confirm.swal2-styled:focus-visible {
  outline: 3px solid rgba(20, 29, 56, 0.55);
  outline-offset: 2px;
}

.swal2-popup.petra-swal .swal2-timer-progress-bar {
  background: rgba(180, 135, 65, 0.5);
}