/*
 * Living Sky Cafe / Living Sky Catering embedded FluentForms pages.
 * Loaded only on the LSC/Living Sky Cafe embed page slugs defined in lsc-embed-form-pages.php.
 */

html,
body.lsc-embed-form-page--living-sky-cafe {
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

body.lsc-embed-form-page--living-sky-cafe,
body.lsc-embed-form-page--living-sky-cafe * {
  box-sizing: border-box;
}

/* Remove site chrome inside iframe/embed pages only. */
body.lsc-embed-form-page--living-sky-cafe #wpadminbar,
body.lsc-embed-form-page--living-sky-cafe header,
body.lsc-embed-form-page--living-sky-cafe footer,
body.lsc-embed-form-page--living-sky-cafe nav,
body.lsc-embed-form-page--living-sky-cafe .site-header,
body.lsc-embed-form-page--living-sky-cafe .site-footer,
body.lsc-embed-form-page--living-sky-cafe #masthead,
body.lsc-embed-form-page--living-sky-cafe #colophon,
body.lsc-embed-form-page--living-sky-cafe .entry-header,
body.lsc-embed-form-page--living-sky-cafe .page-header,
body.lsc-embed-form-page--living-sky-cafe .wp-block-template-part,
body.lsc-embed-form-page--living-sky-cafe .breadcrumb,
body.lsc-embed-form-page--living-sky-cafe .breadcrumbs {
  display: none !important;
}

body.lsc-embed-form-page--living-sky-cafe .site,
body.lsc-embed-form-page--living-sky-cafe .site-content,
body.lsc-embed-form-page--living-sky-cafe .content-area,
body.lsc-embed-form-page--living-sky-cafe main,
body.lsc-embed-form-page--living-sky-cafe article,
body.lsc-embed-form-page--living-sky-cafe .entry-content,
body.lsc-embed-form-page--living-sky-cafe .wp-site-blocks,
body.lsc-embed-form-page--living-sky-cafe .wp-block-group,
body.lsc-embed-form-page--living-sky-cafe .container,
body.lsc-embed-form-page--living-sky-cafe .wrap {
  background: #ffffff !important;
  color: #202020 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.lsc-embed-form-page--living-sky-cafe h1,
body.lsc-embed-form-page--living-sky-cafe .entry-title,
body.lsc-embed-form-page--living-sky-cafe .page-title {
  display: none !important;
}

body.lsc-embed-form-page--living-sky-cafe .entry-content,
body.lsc-embed-form-page--living-sky-cafe .fluentform,
body.lsc-embed-form-page--living-sky-cafe .fluentform_wrapper,
body.lsc-embed-form-page--living-sky-cafe .ff-default {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform,
body.lsc-embed-form-page--living-sky-cafe .fluentform_wrapper,
body.lsc-embed-form-page--living-sky-cafe form.frm-fluent-form {
  background: transparent !important;
  color: #202020 !important;
  padding: 0 18px 16px !important;
}


/*
 * Exact two-column support for iframe widths.
 * Matches the proven Copper Lantern layout logic, but keeps the Living Sky light theme.
 */
@media (min-width: 460px) {
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-column-container.tcl-two-col,
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-name-field-wrapper.tcl-two-col > .ff-t-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 17px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }

  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-column-container.tcl-two-col > .ff-t-cell,
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-name-field-wrapper.tcl-two-col > .ff-t-container > .ff-t-cell {
    display: block !important;
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
  }

  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-column-container.tcl-two-col > .ff-t-cell > .ff-el-group:last-child,
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-name-field-wrapper.tcl-two-col > .ff-t-container > .ff-t-cell > .ff-el-group:last-child {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 459px) {
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-column-container.tcl-two-col,
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-name-field-wrapper.tcl-two-col > .ff-t-container {
    display: block !important;
  }

  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-column-container.tcl-two-col > .ff-t-cell,
  body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-name-field-wrapper.tcl-two-col > .ff-t-container > .ff-t-cell {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }
}

body.lsc-embed-form-page--living-sky-cafe .fluentform label,
body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-el-input--label label,
body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-el-input--label {
  color: #202020 !important;
  font-weight: 600 !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-el-group {
  margin-bottom: 17px !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform input,
body.lsc-embed-form-page--living-sky-cafe .fluentform select,
body.lsc-embed-form-page--living-sky-cafe .fluentform textarea,
body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-el-form-control {
  background: #ffffff !important;
  color: #202020 !important;
  border: 1px solid rgba(0,0,0,0.22) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  min-height: 43px;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform textarea,
body.lsc-embed-form-page--living-sky-cafe .fluentform textarea.ff-el-form-control {
  min-height: 96px;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform input:focus,
body.lsc-embed-form-page--living-sky-cafe .fluentform select:focus,
body.lsc-embed-form-page--living-sky-cafe .fluentform textarea:focus,
body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-el-form-control:focus {
  border-color: rgba(0,0,0,0.48) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.08) !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform input::placeholder,
body.lsc-embed-form-page--living-sky-cafe .fluentform textarea::placeholder {
  color: rgba(0,0,0,0.48) !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-btn-submit,
body.lsc-embed-form-page--living-sky-cafe .fluentform button[type="submit"] {
  background: #202020 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 12px 30px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

body.lsc-embed-form-page--living-sky-cafe .fluentform .ff-btn-submit:hover,
body.lsc-embed-form-page--living-sky-cafe .fluentform button[type="submit"]:hover {
  background: #444444 !important;
}

body.lsc-embed-form-page--living-sky-cafe .ff-message-success,
body.lsc-embed-form-page--living-sky-cafe .ff_success_message {
  background: #f3fbf5 !important;
  border: 1px solid rgba(40, 150, 80, 0.28) !important;
  color: #184f27 !important;
  border-radius: 8px !important;
  padding: 18px !important;
}

@media (max-width: 640px) {
  body.lsc-embed-form-page--living-sky-cafe .fluentform,
  body.lsc-embed-form-page--living-sky-cafe .fluentform_wrapper,
  body.lsc-embed-form-page--living-sky-cafe form.frm-fluent-form {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}