/* BSC Web V006-FIX47
   Cross-browser vertical alignment for Cooper buttons.
   Uses explicit flex centering + a tiny optical correction for Bebas Neue.
   Compatible with Chromium/Edge, Firefox and WebKit/Safari. */

/* Normalize custom clickable controls without changing their approved visual design. */
.site-header .reserve-link,
.hero-actions a,
.contact-actions a,
.voucher-buy,
.cb-submit,
.cb-result-close,
.cooper-dialog-button,
.admin-web-button,
.admin-logout-button,
.cms-actions button,
.media-upload-card button,
.media-card-actions button,
.marketing-actions button,
.media-config-actions button {
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  line-height:1;
}

/* Keep icon + text rows on one optical baseline. */
.site-header .reserve-link,
.hero-actions a,
.contact-actions a,
.voucher-buy,
.cb-submit {
  flex-direction:row;
}

/* Bebas Neue has asymmetric vertical metrics in some browser/font stacks.
   Center the line box with flex and then apply one browser-independent optical nudge. */
.site-header .reserve-link > span,
.hero-actions a > span,
.contact-actions a > span,
.voucher-buy-label,
.cb-submit-label,
.cb-result-close > .cooper-button-label,
.cooper-dialog-button > .cooper-button-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1 !important;
  margin:0;
  padding:0;
  -webkit-transform:translateY(.065em);
  transform:translateY(.065em);
}

/* Do not let SVG/browser intrinsic baselines move the row. */
.site-header .reserve-link > svg,
.hero-actions a > svg,
.contact-actions a > svg,
.cb-submit-icon,
.voucher-buy-arrow {
  align-self:center;
  flex-shrink:0;
}

/* Native button engines in Safari/Edge may inject line-height/padding behavior. */
.voucher-buy,
.cb-submit,
.cb-result-close,
.cooper-dialog-button {
  font-kerning:normal;
  text-align:center;
}

/* Admin/CMS text buttons: structural centering only, no optical shift because they use mixed fonts. */
.admin-web-button,
.admin-logout-button,
.cms-actions button,
.media-upload-card button,
.media-card-actions button,
.marketing-actions button,
.media-config-actions button {
  text-align:center;
}