/* ==========================================================================
   Methot Agency – Minimal site add-ons (safe, non-invasive)
   - Button centering & sprite fix
   - Inline form status styles
   - Mobile sticky Call / Get a Quote bar
   ========================================================================== */

/* Wrapper anchor (stop legacy background tiling) */
.wsite-button,
.wsite-button:link,
.wsite-button:visited {
  display: inline-block;
  text-decoration: none !important;
  background: none !important;
  border: 0 !important;
  vertical-align: middle;
}

/* The visible pill */
.wsite-button .wsite-button-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
  padding: 10px 18px;
  min-height: 38px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  font-weight: 600;

  color: #fff !important;
  background-color: #1b5dbf;
  border: 1px solid #0e4cab;
  border-radius: 4px;

  background-image: none !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.08);
  transition: background-color .15s ease, border-color .15s ease, transform .02s ease;
}
.wsite-button:hover .wsite-button-inner,
.wsite-button:focus .wsite-button-inner {
  background-color: #164f9f;
  border-color: #0d418d;
}
.wsite-button:active .wsite-button-inner { transform: translateY(1px); }

.wsite-button-large .wsite-button-inner {
  padding: 12px 22px;
  font-size: 16px;
  min-height: 44px;
}

.wsite-button-highlight .wsite-button-inner {
  background-color: #1b5dbf;
  border-color: #0e4cab;
}
.wsite-button-highlight:hover .wsite-button-inner,
.wsite-button-highlight:focus .wsite-button-inner {
  background-color: #164f9f;
  border-color: #0d418d;
}

/* Hide the actual submit input used for accessibility */
input[type="submit"][value="Submit"]{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Inline form status messages */
.form-status{
  display:none;
  margin-top:8px;
  padding:8px 10px;
  border-radius:4px;
  font-size:14px;
}
.form-status.show{ display:block; }
.form-status.ok{
  background:#eaf6ea;
  border:1px solid #b6e0b6;
  color:#145a14;
}
.form-status.err{
  background:#fdeaea;
  border:1px solid #f5b5b5;
  color:#7a0c0c;
}

/* Mobile sticky Call / Quote bar */
#mobile-cta {
  position: fixed;
  top: 0; left: 0; right: 0;
  display: none;
  z-index: 9999;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 10px;
  gap: 8px;
}
#mobile-cta a { flex: 1; text-align: center; }
@media (max-width: 768px){
  #mobile-cta { display: flex; }
  body { padding-top: 56px; }
}
/* =========================
   Site overrides (safe + minimal)
   ========================= */

/* Fix legacy slice/gradient on REAL <button> elements only */
button.wsite-button,
button.wsite-button:hover,
button.wsite-button:active,
button.wsite-button:focus {
  appearance: none;
  -webkit-appearance: none;
  background: #2d6cdf !important;   /* your theme accent */
  background-image: none !important; /* kill Weebly sprite/gradient */
  background-repeat: no-repeat !important;
  border: 0 !important;
  color: #fff;
  border-radius: 6px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  /* keep spacing consistent across browsers */
  padding: 0; /* padding lives on the inner span for both a/button variants */
}

/* Ensure no legacy background shows through on the inner span */
button.wsite-button .wsite-button-inner {
  display: inline-block;
  padding: 10px 16px;
  background: none !important;
  background-image: none !important;
}

/* Nice interactions (unchanged look elsewhere) */
button.wsite-button:active { transform: translateY(1px); }
button.wsite-button:focus-visible { outline: 2px solid #1e40af; outline-offset: 2px; }

/* (Optional) Make input[type=submit] with the same class match, if any exist */
input[type="submit"].wsite-button {
  appearance: none;
  -webkit-appearance: none;
  background: #2d6cdf !important;
  background-image: none !important;
  border: 0 !important;
  color: #fff;
  border-radius: 6px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
input[type="submit"].wsite-button .wsite-button-inner {
  display: inline-block;
  padding: 10px 16px;
  background: none !important;
}

/* (Optional) gentle form field baseline — safe and already used inline on some pages */
.wsite-form-input,
.wsite-input,
textarea.wsite-input {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}