/* === Header nav buttons === */

.header-navigation li.nav-btn-outline > a,
.header-navigation li.nav-btn-primary > a {
  display: inline-block !important;
  width: auto !important;
  padding: 7px 18px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin-left: 8px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

/* Log In — outline */
.header-navigation li.nav-btn-outline > a {
  border: 1.5px solid #181926 !important;
  color: #181926 !important;
  background: transparent !important;
}

.header-navigation li.nav-btn-outline > a:hover {
  background: #181926 !important;
  color: #fff !important;
}

/* Try Free — gradient */
.header-navigation li.nav-btn-primary > a {
  background: linear-gradient(to right, #181926, #1C2451, #6581C0) !important;
  color: #fff !important;
  border: none !important;
}
.header-navigation li.nav-btn-primary > a:hover {
  background: linear-gradient(to right, #6581C0, #1C2451, #181926) !important;
  color: #fff !important;
}

/* Add a little gap before the button group */
.header-navigation .nav-btn-outline {
  margin-left: 20px;
}


/* === FAQ block — Estate Engine rebrand === */
.faq-section .wp-block-yoast-faq-block {
  max-width: 760px;
  margin: 0 auto;
}

/* Each FAQ row — flat divider style, no boxes */
.schema-faq-section {
  position: relative;
  margin: 30px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #E5E5E3;
}

.schema-faq-section:first-child {
  border-top: px solid #E5E5E3;
	padding: 0 0 .25rem
}

/* Question row */
.schema-faq-question {
  display: block;
  position: relative;
  margin: 0;
  padding: 1px 1px 1px 1px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #1C2451;
  background: transparent;
  cursor: pointer;
  transition: color 0.15s ease;
}

/* Plus icon, built from two bars */
.schema-faq-question::before,
.schema-faq-question::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.25rem;
  background: #1C2451;
  transition: transform 0.2s ease, background 0.2s ease;
}

.schema-faq-question::before {
  width: 0.7em;
  height: 2px;
  transform: translate(0, -50%);
}

.schema-faq-question::after {
  width: 2px;
  height: 0.7em;
  transform: translate(-0.35em, -50%);
}

/* Answer — collapsed by default */
.schema-faq-answer {
  display: none;
  background: transparent;
  color: #5B5C68;
  margin: 0;
  padding: 0 2.25rem 1.25rem 0;
  font-family: "DM Sans", sans-serif;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* === Open state === */
.schema-faq-section.is-open .schema-faq-question {
  color: #6581C0;
}

.schema-faq-section.is-open .schema-faq-question::before {
  background: #6581C0;
}

/* Vertical bar collapses to flatten the plus into a minus */
.schema-faq-section.is-open .schema-faq-question::after {
  transform: translate(-0.35em, -50%) scaleY(0);
}

.schema-faq-section.is-open .schema-faq-answer {
  display: block;
}

@media (max-width: 600px) {
  .schema-faq-question {
    padding-right: 1.75rem;
  }
}

/* Keep answers visible while editing in the block editor */
.wp-admin .schema-faq-answer,
.block-editor-page .schema-faq-answer,
.editor-styles-wrapper .schema-faq-answer {
  display: block !important;
}

/* === Home Page Mobile Reorder === */

@media (max-width: 767px) {
  .mobile-reorder .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }
  /* dissolve the text column so its 3 children rise to row level */
  .mobile-reorder .text-col,
  .mobile-reorder .text-col > .kt-inside-inner-col {
    display: contents;
  }
  .mobile-reorder .m-eyebrow { order: 1; }
  .mobile-reorder .m-h2      { order: 2; }
  .mobile-reorder .img-col   { order: 3; }
  .mobile-reorder .m-list    { order: 4; }
}

/* === Home Page Button Still Showing in Admin === */
@media (min-width: 1025px) {
  .wp-block-hidden-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-hidden-tablet { display: none !important; }
}
@media (max-width: 767px) {
  .wp-block-hidden-mobile { display: none !important; }
}