/* === Global Button Consistency (safe) === */
body .wp-block-button__link,
body .button,
body button,
body input[type="submit"],
body input[type="button"],
body input[type="reset"] {
  background-color: #C5A46D;
  color: #fff !important;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,.15);
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

body .wp-block-button__link:hover,
body .button:hover,
body button:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body input[type="reset"]:hover,
body .wp-block-button__link:focus,
body .button:focus,
body button:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus,
body input[type="reset"]:focus {
  background-color: #b3905d;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,.2);
}
/* === Global Button Consistency === */
.request-proposal-btn,
.schedule-walkthrough-btn {
  display: inline-block;
  min-width: 220px;      /* ensures equal width if needed */
  padding: 14px 24px;    /* equal vertical + horizontal padding */
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 8px;
  text-align: center;
  line-height: 1.4;
  box-sizing: border-box;
}

/* Filled button (gold background) */
.request-proposal-btn {
  background-color: #C5A46D;
  color: #fff;
  border: 2px solid #C5A46D;
}

/* Outlined button (white border) */
.schedule-walkthrough-btn {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

/* Hover effects */
.request-proposal-btn:hover {
  background-color: #b3905d;
  border-color: #b3905d;
}

.schedule-walkthrough-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body button[disabled],
body input[type="submit"][disabled],
body input[type="button"][disabled],
body input[type="reset"][disabled] {
  background-color: #ccc !important;
  color: #666 !important;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}
/* Fix invisible home link in header nav */
.site-header .main-navigation a {
  color: #DDDDDD !important;   /* brand gray for normal state */
  font-weight: 500;
}

.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
  color: #C5A46D !important;   /* gold on hover/active */
}
/* === Header Nav Styling === */
.site-header .main-navigation a {
  color: #666666 !important;  /* legible dark gray */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s ease;
}

.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
  color: #C5A46D !important;  /* brand gold on hover + active */
}

/* === Footer Nav Styling === */
.site-footer .footer-navigation a {
  color: #666666 !important;  /* same gray for consistency */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s ease;
}

.site-footer .footer-navigation a:hover,
.site-footer .footer-navigation .current-menu-item > a {
  color: #C5A46D !important;  /* brand gold hover + active */
}
/* === Hero CTA pair: identical size & wrap-safe === */
.request-proposal-btn,
.schedule-walkthrough-btn {
  display: inline-flex;              /* handles multi-line nicely */
  align-items: center;               /* vertical center */
  justify-content: center;           /* horizontal center */
  box-sizing: border-box;

  /* Size system */
  min-width: 320px;                  /* shared width; adjust as needed */
  min-height: 72px;                  /* shared height */
  padding: 14px 28px !important;     /* unify padding, override global */
  line-height: 1.2;                  /* readable when wrapping */
  text-align: center;
  white-space: normal;               /* allow wrapping */
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: all .25s ease-in-out;
}

/* Filled (gold) */
.request-proposal-btn {
  background-color: #C5A46D;
  color: #fff !important;
  border: 2px solid #C5A46D;
}
.request-proposal-btn:hover {
  background-color: #B3905D;
  border-color: #B3905D;
  transform: translateY(-1px);
}

/* Outline (white) */
.schedule-walkthrough-btn {
  background: transparent;
  color: #fff !important;
  border: 2px solid #fff;
}
.schedule-walkthrough-btn:hover {
  background-color: rgba(255,255,255,.10);
  transform: translateY(-1px);
}

/* Mobile: make them fluid and stack nicely */
@media (max-width: 640px) {
  .request-proposal-btn,
  .schedule-walkthrough-btn {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 64px;            /* a touch shorter on small screens */
    font-size: 16px;
    padding: 12px 20px !important;
  }
}

/* Make header menu links white (normal + sticky + transparent) */
.site-header .main-navigation a {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35); /* subtle readability lift */
}

.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
  color: #C5A46D !important; /* brand gold on hover/active */
}

/* Keep it white in sticky mode too */
.site-header.is-sticky .main-navigation a,
.site-header.kadence-sticky .main-navigation a,
.site-header.kb-is-sticky .main-navigation a {
  color: #ffffff !important;
}

/* Logo sizing so it doesn't collapse */
.site-branding img.custom-logo {
  max-height: 64px;
  height: auto;
}
/* Keep nav links white in all header states */
.site-header .main-navigation a,
.site-header.is-sticky .main-navigation a,
.transparent-header .main-navigation a {
  color: #ffffff !important;
}

.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a,
.site-header.is-sticky .main-navigation a:hover,
.site-header.is-sticky .main-navigation .current-menu-item > a,
.transparent-header .main-navigation a:hover,
.transparent-header .main-navigation .current-menu-item > a {
  color: #C5A46D !important; /* brand gold */
}

/* If Kadence was letting it expand full width, stop that */
.site-header .header-button,
.site-header .header-button .button {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* --- HERO CTA: mobile stacking fix --- */
/* Treat any Kadence/Gutenberg buttons row as a column on small screens */
@media (max-width: 768px) {
  /* Buttons wrapper: let it stack */
  .wp-block-buttons.is-layout-flex,
  .wp-block-buttons {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    gap: 12px !important;           /* space between buttons */
  }

  /* Each button container fills the row */
  .wp-block-buttons .wp-block-button {
    width: 100% !important;
    margin: 0 !important;
  }

  /* The button links themselves fill the width */
  .wp-block-buttons .wp-block-button__link,
  .request-proposal-btn,
  .schedule-walkthrough-btn {
    display: block !important;      /* override inline-flex */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;        /* stop the 320px min pushing side-by-side */
    min-height: 60px;               /* comfortable thumb target */
    font-size: 16px;                /* slightly smaller on phones */
    line-height: 1.25;
    padding: 12px 18px !important;
  }
}

/* Footer menu colors: white default, gold on hover/active */
.site-footer .footer-navigation a,
.site-footer .menu a,
.site-footer .menu-item a {
  color: #ffffff !important;
}

.site-footer .footer-navigation a:hover,
.site-footer .menu a:hover,
.site-footer .menu .current-menu-item > a,
.site-footer .footer-navigation .current-menu-item > a,
.site-footer .menu .current_page_item > a {
  color: #C5A46D !important;
}

/* (Optional) keep visited links white too */
.site-footer .footer-navigation a:visited,
.site-footer .menu a:visited {
  color: #ffffff !important;
}