/* v1.3.1 · targeted visual polish; do not replace WooCommerce templates or Elementor widget IDs. */
/* The circular badge is now fully INSIDE the photo frame, never clipped or overlapping hero copy. */
body.bse-site .bse-hero__visual .bse-hero__badge {
  top: 50%; bottom: auto; left: 24px; right: auto;
  transform: translateY(-50%); box-sizing: border-box;
  max-width: calc(100% - 36px); z-index: 6;
  overflow-wrap: anywhere; text-wrap: balance;
}
@media (max-width: 900px) {
  body.bse-site .bse-hero__visual .bse-hero__badge {
    left: 16px; right: auto; top: 50%; bottom: auto;
    transform: translateY(-50%);
  }
}
@media (max-width: 650px) {
  body.bse-site .bse-hero__visual .bse-hero__badge {
    top: 18px; bottom: auto; left: 18px; right: auto;
    transform: none;
  }
}
/* Hello Elementor has higher-precedence styles on contact form buttons.
   Scoped selectors and variables prevent default pink across normal, hover, focus and active.
   Elementor widget color controls can still edit the variables. */
body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit,
body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit:visited {
  -webkit-appearance: none; appearance: none;
  color: var(--bse-contact-button-text, #ffffff) !important;
  background: var(--bse-contact-button-background, #242b26) !important;
  border: 1px solid var(--bse-contact-button-border, #242b26) !important;
  text-decoration: none !important;
  border-radius: 10px;
  padding: 16px 24px;
  min-height: 56px;
  box-shadow: 0 9px 22px rgba(36,43,38,.12);
  transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
  cursor: pointer;
}
body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit:is(:hover,:focus,:focus-visible,:active) {
  color: var(--bse-contact-button-hover-text, #ffffff) !important;
  background: var(--bse-contact-button-hover-background, #a47e4d) !important;
  border-color: var(--bse-contact-button-hover-border, #a47e4d) !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(36,43,38,.18);
  transform: translateY(-1px);
}
body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit:focus-visible {
  outline: 2px solid #a47e4d; outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit {transition: none;}
  body.bse-site .bse-contact .bse-contact__form button.bse-contact__submit:hover{transform:none;}
}
