:root{
  --pepe-btn-bg:#f3ded3;
  --pepe-btn-color:#8f563f;
  --pepe-btn-border:#b97d62;
  --pepe-btn-hover-bg:#b97d62;
  --pepe-btn-hover-color:#ffffff;
  --pepe-btn-height:46px;
  --pepe-btn-radius:6px;
  --pepe-btn-font:Inter,sans-serif;
  --pepe-btn-size:11px;
  --pepe-btn-weight:700;
  --pepe-btn-tracking:1.35px;

  /* Feed the same master tokens into BENDE components that already support them. */
  --bende-system-button-bg:var(--pepe-btn-bg);
  --bende-system-button-color:var(--pepe-btn-color);
  --bende-system-button-border-color:var(--pepe-btn-border);
  --bende-system-button-border-width:1px;
  --bende-system-button-border-style:solid;
  --bende-system-button-radius:var(--pepe-btn-radius);
  --bende-system-button-font-family:var(--pepe-btn-font);
  --bende-system-button-font-size:var(--pepe-btn-size);
  --bende-system-button-font-weight:var(--pepe-btn-weight);
  --bende-system-button-letter-spacing:var(--pepe-btn-tracking);
  --bende-system-button-text-transform:uppercase;
}

/* Master CTA component — copied from the approved header "Objednajte sa". */
body a.elementor-button,
body button.elementor-button,
body .bende-spv2__button,
body .bende-location__button,
body .blc-newsletter-button,
body .pepe-info-page__button,
body .bende-cart__empty a,
body .bende-cart__checkout,
body .bende-cart-confirm__action,
body .bende-checkout__submit,
body .bende-checkout__edit-cart,
body .bende-checkout__success-actions a,
body .bende-account__auth form>button,
body .bende-login-modal form>button,
body .bende-login-modal__action,
body .bende-login-modal__registration form>button,
body .bende-account__profile-actions button,
body .bende-account__reservation-actions button,
body .bende-account-modal__actions button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:var(--pepe-btn-height)!important;
  min-height:var(--pepe-btn-height)!important;
  padding:0 20px!important;
  border:1px solid var(--pepe-btn-border)!important;
  border-radius:var(--pepe-btn-radius)!important;
  background:var(--pepe-btn-bg)!important;
  color:var(--pepe-btn-color)!important;
  box-shadow:none!important;
  font-family:var(--pepe-btn-font)!important;
  font-size:var(--pepe-btn-size)!important;
  font-weight:var(--pepe-btn-weight)!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:var(--pepe-btn-tracking)!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap;
  cursor:pointer!important;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,opacity .2s ease!important;
  transform:none!important;
}

body a.elementor-button .elementor-button-content-wrapper,
body button.elementor-button .elementor-button-content-wrapper{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:100%!important;
}

body a.elementor-button .elementor-button-text,
body button.elementor-button .elementor-button-text{
  line-height:1!important;
}

/* Approved hover state from the same header reference. */
body a.elementor-button:hover,
body button.elementor-button:hover,
body .bende-spv2__button:hover,
body .bende-location__button:hover,
body .blc-newsletter-button:hover,
body .pepe-info-page__button:hover,
body .bende-cart__empty a:hover,
body .bende-cart__checkout:hover,
body .bende-cart-confirm__action:hover,
body .bende-checkout__submit:hover:not(:disabled),
body .bende-checkout__edit-cart:hover,
body .bende-checkout__success-actions a:hover,
body .bende-account__auth form>button:hover,
body .bende-login-modal form>button:hover,
body .bende-login-modal__action:hover,
body .bende-login-modal__registration form>button:hover,
body .bende-account__profile-actions button:hover,
body .bende-account__reservation-actions button:hover,
body .bende-account-modal__actions button:hover{
  background:var(--pepe-btn-hover-bg)!important;
  color:var(--pepe-btn-hover-color)!important;
  border-color:var(--pepe-btn-border)!important;
  box-shadow:none!important;
  transform:none!important;
}

body a.elementor-button:focus-visible,
body button.elementor-button:focus-visible,
body .bende-spv2__button:focus-visible,
body .bende-cart__checkout:focus-visible,
body .bende-checkout__submit:focus-visible,
body .bende-account__auth form>button:focus-visible{
  outline:2px solid rgba(185,125,98,.42)!important;
  outline-offset:3px!important;
}

body .bende-checkout__submit,
body .bende-cart__checkout{
  width:100%!important;
}

body button:disabled,
body .elementor-button[aria-disabled="true"]{
  opacity:.5!important;
  cursor:not-allowed!important;
}

/* Strong sync for modules that previously carried their own !important CTA skins. */
html body.home .elementor-element-9090fe5 a.elementor-button,
html body.home .elementor-element-d1c7a901 a.elementor-button,
html body.tax-kategoria-procedur .bende-loop-v2-card .bende-loop-v2__action a.elementor-button,
html body.post-type-archive-procedura .bende-loop-v2-card .bende-loop-v2__action a.elementor-button,
html body .bende-spv2 .bende-spv2__button,
html body.bende-account-page.bende-account-auth-view .bende-account__auth form>button,
html body.bende-checkout-page .bende-checkout__auth form>button[type=submit]{
  height:var(--pepe-btn-height)!important;
  min-height:var(--pepe-btn-height)!important;
  padding:0 20px!important;
  border:1px solid var(--pepe-btn-border)!important;
  border-radius:var(--pepe-btn-radius)!important;
  background:var(--pepe-btn-bg)!important;
  color:var(--pepe-btn-color)!important;
  font-family:var(--pepe-btn-font)!important;
  font-size:var(--pepe-btn-size)!important;
  font-weight:var(--pepe-btn-weight)!important;
  line-height:1!important;
  letter-spacing:var(--pepe-btn-tracking)!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  transform:none!important;
}

html body.home .elementor-element-9090fe5 a.elementor-button:hover,
html body.home .elementor-element-d1c7a901 a.elementor-button:hover,
html body.tax-kategoria-procedur .bende-loop-v2-card .bende-loop-v2__action a.elementor-button:hover,
html body.post-type-archive-procedura .bende-loop-v2-card .bende-loop-v2__action a.elementor-button:hover,
html body .bende-spv2 .bende-spv2__button:hover,
html body.bende-account-page.bende-account-auth-view .bende-account__auth form>button:hover,
html body.bende-checkout-page .bende-checkout__auth form>button[type=submit]:hover{
  background:var(--pepe-btn-hover-bg)!important;
  color:var(--pepe-btn-hover-color)!important;
  border-color:var(--pepe-btn-border)!important;
}

/* The only alternative colourway: exact same component, inverted for dark surfaces. */
body .pepe-button-inverted,
html body .elementor-location-footer .pepe-footer-btn .elementor-button,
html body .elementor-location-footer .blc-newsletter-button.elementor-button{
  background:var(--pepe-btn-hover-bg)!important;
  color:#fff!important;
  border-color:var(--pepe-btn-border)!important;
  border-radius:var(--pepe-btn-radius)!important;
  font-family:var(--pepe-btn-font)!important;
  font-size:var(--pepe-btn-size)!important;
  font-weight:var(--pepe-btn-weight)!important;
  letter-spacing:var(--pepe-btn-tracking)!important;
  text-transform:uppercase!important;
  height:var(--pepe-btn-height)!important;
  min-height:var(--pepe-btn-height)!important;
  padding:0 20px!important;
}

body .pepe-button-inverted:hover,
html body .elementor-location-footer .pepe-footer-btn .elementor-button:hover,
html body .elementor-location-footer .blc-newsletter-button.elementor-button:hover{
  background:var(--pepe-btn-bg)!important;
  color:var(--pepe-btn-color)!important;
  border-color:var(--pepe-btn-border)!important;
}

/* These are interface controls, not CTA buttons, and intentionally keep control-specific geometry. */
body .bbm-carousel-arrow,
body .bende-spv2__how-toggle,
body .bende-spv2__gallery-item,
body .bende-cart__qty button,
body .bende-account-calendar button,
body .bende-account-modal__times button,
body .bende-account-modal__services button,
body .bende-account__pagination button,
body .bende-account__nav button,
body .bende-account__scope-tabs button,
body .bbm-carousel-tabs button{
  text-transform:none;
}

/* Footer template carries very specific Elementor custom CSS; force the approved inverted variant. */
html body .elementor-location-footer .elementor-288 .elementor-element.elementor-element-63dbbc84 a.elementor-button,
html body .elementor-location-footer .elementor-element.elementor-element-63dbbc84 a.elementor-button{
  height:var(--pepe-btn-height)!important;
  min-height:var(--pepe-btn-height)!important;
  padding:0 20px!important;
  border:1px solid var(--pepe-btn-border)!important;
  border-radius:var(--pepe-btn-radius)!important;
  background:var(--pepe-btn-hover-bg)!important;
  color:#fff!important;
  font-family:var(--pepe-btn-font)!important;
  font-size:var(--pepe-btn-size)!important;
  font-weight:var(--pepe-btn-weight)!important;
  line-height:1!important;
  letter-spacing:var(--pepe-btn-tracking)!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html body .elementor-location-footer .elementor-288 .elementor-element.elementor-element-63dbbc84 a.elementor-button:hover,
html body .elementor-location-footer .elementor-element.elementor-element-63dbbc84 a.elementor-button:hover{
  background:var(--pepe-btn-bg)!important;
  color:var(--pepe-btn-color)!important;
  border-color:var(--pepe-btn-border)!important;
}

html body .elementor-location-footer.elementor-288 .elementor-element.elementor-element-24056841 .pepe-footer-btn .elementor-button{
  min-width:0!important;
  height:var(--pepe-btn-height)!important;
  min-height:var(--pepe-btn-height)!important;
  padding:0 20px!important;
  border:1px solid var(--pepe-btn-border)!important;
  border-radius:var(--pepe-btn-radius)!important;
  background:var(--pepe-btn-hover-bg)!important;
  color:#fff!important;
}
html body .elementor-location-footer.elementor-288 .elementor-element.elementor-element-24056841 .pepe-footer-btn .elementor-button:hover{
  background:var(--pepe-btn-bg)!important;
  color:var(--pepe-btn-color)!important;
  border-color:var(--pepe-btn-border)!important;
}