/* Hero title, 50% smaller than the 30% cut — half again. Theme ships .mb-hero h1{clamp(58px,15vw,208px)} */
.mb-hero .mb-hero__event{font-size:clamp(21px,5.25vw,73px)}
/* 25 Sep 2026: page H1 is now the small line above the cards, event titles are h2.mb-hero__event */
.mb-hero h1.mb-h1-line{font-size:11px !important;line-height:1.5 !important;letter-spacing:.12em}

/* Flyers on the night wall - square and readable, not a 56px thumbnail.
   The theme crops with add_image_size('mb-shot',1200,1500,true) - PORTRAIT - so a
   square poster loses its left and right edges. contain shows the whole artwork
   inside a square box until the theme ships a square size. */
.mb-row__flyer{width:150px}
.mb-row__flyer img{object-fit:contain;background:var(--mb-void)}
@media(min-width:860px){.mb-row--past{grid-template-columns:150px 120px minmax(0,1fr) 176px 96px 150px}}
@media(max-width:859px){.mb-row__flyer{width:120px}}

/* Header: put MUSTACHE.BKK back in the dead centre.
   header.php wraps the_custom_logo() inside <a class="mb-logo">, but that function
   prints its own <a class="custom-logo-link">. An anchor cannot nest inside an
   anchor, so the parser splits them and .mb-wrap ends up with FOUR grid children
   instead of three - the wordmark gets pushed into column 3 and the actions wrap
   to a second row. Explicit placement puts each post back where it belongs. */
@media(min-width:861px){
  .mb-header .mb-wrap{grid-template-columns:1fr auto 1fr}
  .mb-header .mb-logo,
  .mb-header .custom-logo-link{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center}
  .mb-header .mb-logo__word{grid-column:2;grid-row:1;justify-self:center}
  .mb-header .mb-header__actions{grid-column:3;grid-row:1;justify-self:end}
}

/* ==========================================================================
   CHECKOUT POLISH - the six fixes from 25 Aug, finally installed.
   Variables are named --ck-* on purpose: the earlier draft reused --mb-* and
   would have repainted the whole dark site through :root.
   ========================================================================== */
.wc-block-checkout{ --ck-line:#e5e7eb; --ck-ink:#111318; --ck-dim:#6b7280; --ck-soft:#fafafa;
  max-width:1120px; margin-inline:auto; }
.wc-block-checkout__main{ padding-right:8px; }
.wc-block-checkout__form > *{ margin-bottom:20px !important; }

.wc-block-checkout__contact-fields,
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-payment-block,
.wp-block-woocommerce-checkout-order-note-block,
.wp-block-woocommerce-checkout-express-payment-block{
  border:1px solid var(--ck-line) !important; border-radius:14px !important;
  padding:22px 22px 24px !important; background:#fff !important;
  box-shadow:0 1px 2px rgba(16,18,24,.04) !important; }

.wc-block-checkout .wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-title{
  font-size:12px !important; font-weight:700 !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:var(--ck-dim) !important; margin:0 0 16px !important; }
.wc-block-checkout .wc-block-components-checkout-step__heading{ margin:0 0 14px !important; }

/* Inputs: the label was sitting ON TOP of the value - a 12px overlap on every
   filled field. Taller box, top-weighted padding. */
.wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-country-input,
.wc-block-checkout .wc-block-components-state-input{ position:relative; margin-bottom:14px !important; }
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-country-input input,
.wc-block-checkout .wc-block-components-country-input select,
.wc-block-checkout .wc-block-components-state-input input,
.wc-block-checkout .wc-block-components-state-input select{
  height:auto !important; min-height:62px !important; padding:30px 14px 9px !important;
  line-height:1.35 !important; border:1px solid var(--ck-line) !important; border-radius:10px !important;
  background:var(--ck-soft) !important; font-size:16px !important; color:var(--ck-ink) !important; }
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-country-input select:focus{
  background:#fff !important; border-color:var(--ck-ink) !important;
  box-shadow:0 0 0 3px rgba(17,19,24,.08) !important; outline:none !important; }
.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-block-components-country-input label,
.wc-block-checkout .wc-block-components-state-input label{
  top:20px !important; left:14px !important; transform-origin:left top;
  font-size:15px !important; color:var(--ck-dim) !important; }
.wc-block-checkout .wc-block-components-text-input.is-active label,
.wc-block-checkout .wc-block-components-country-input label,
.wc-block-checkout .wc-block-components-state-input label{
  top:9px !important; transform:scale(.76) !important;
  letter-spacing:.06em; text-transform:uppercase; font-weight:600; }

.wc-block-checkout .wc-block-components-address-form{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.wc-block-checkout .wc-block-components-address-form > *{ grid-column:1 / -1; }
.wc-block-checkout .wc-block-components-address-form__first_name{ grid-column:1 / 2 !important; }
.wc-block-checkout .wc-block-components-address-form__last_name{ grid-column:2 / 3 !important; }

/* Two payment methods since 9 Sep 2026 (card + PromptPay): radio rows must stay visible. */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option{ display:flex !important; padding:14px 16px 14px 52px !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control,
.wc-block-checkout .wc-block-components-radio-control--highlight-checked,
.wc-block-checkout .wc-block-components-radio-control-accordion-option{
  box-shadow:none !important; border:0 !important; background:transparent !important; padding:0 !important; }
.wc-block-checkout .wc-block-components-radio-control-accordion-content{ padding:4px 0 0 !important; border:0 !important; }
.wp-block-woocommerce-checkout-payment-block legend{ display:none !important; }

.wp-block-woocommerce-checkout-express-payment-block{ padding:20px 22px !important; }
.wc-block-components-express-payment__title-container{ margin-bottom:12px !important; }
.wc-block-components-checkout-place-order-button{
  width:100% !important; min-height:58px !important; border-radius:10px !important;
  font-size:16px !important; font-weight:700 !important; letter-spacing:.06em !important; }

.wc-block-checkout__sidebar{ position:sticky !important; top:24px !important; align-self:start !important; }
body.admin-bar .wc-block-checkout__sidebar{ top:56px !important; }
.wp-block-woocommerce-checkout-order-summary-block{
  border:1px solid var(--ck-line) !important; border-radius:14px !important;
  padding:20px !important; background:#fff !important;
  box-shadow:0 1px 2px rgba(16,18,24,.04) !important; }

/* Checkboxes: the global input{height:50px;padding:12px} was hitting them too,
   which is why "save payment information" and "add a note" rendered as a tall
   empty rectangle with the text floating beside it. */
.wc-block-checkout .wc-block-components-checkbox{ margin:14px 0 0 !important; }
.wc-block-checkout .wc-block-components-checkbox label,
.wc-block-checkout .wc-block-components-checkbox__label{
  display:flex !important; align-items:flex-start !important; gap:10px !important;
  font-size:14px !important; line-height:1.45 !important; font-weight:400 !important;
  letter-spacing:0 !important; text-transform:none !important; color:var(--ck-dim) !important;
  cursor:pointer !important; margin:0 !important; }
.wc-block-checkout input[type="checkbox"]{
  -webkit-appearance:none !important; appearance:none !important;
  width:18px !important; height:18px !important; min-height:0 !important;
  flex:0 0 18px !important; margin:1px 0 0 !important; padding:0 !important;
  border:1px solid #cbd5e1 !important; border-radius:5px !important;
  background:#fff !important; position:relative !important; top:0 !important; box-shadow:none !important; }
.wc-block-checkout input[type="checkbox"]:checked{ background:var(--ck-ink) !important; border-color:var(--ck-ink) !important; }
.wc-block-checkout input[type="checkbox"]:checked::after{
  content:''; position:absolute; left:5px; top:1.5px; width:5px; height:10px;
  border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.wc-block-checkout .wc-block-components-checkbox__mark{ display:none !important; }
.wc-block-checkout .wc-block-components-textarea{
  width:100% !important; border:1px solid var(--ck-line) !important; border-radius:10px !important;
  background:var(--ck-soft) !important; padding:14px !important; font-size:15px !important;
  min-height:96px !important; margin-top:12px !important; }

/* Order summary: one column, one set of edges. Every nested block drew its own
   0.8px border and its own 16px side padding, so the rows sat at four widths. */
.wp-block-woocommerce-checkout-order-summary-block [class*="wp-block-woocommerce-checkout-order-summary"],
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel{
  border:0 !important; padding-left:0 !important; padding-right:0 !important;
  margin-left:0 !important; margin-right:0 !important; width:100% !important; }
.wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-checkout-order-summary__content > *{
  border-top:1px solid var(--ck-line) !important; padding:14px 0 !important; }
.wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-checkout-order-summary__content > *:first-child{
  border-top:0 !important; padding-top:4px !important; }
.wc-block-checkout .wc-block-components-checkout-order-summary__title{ margin:0 0 6px !important; }
.wc-block-checkout .wc-block-components-checkout-order-summary__title,
.wc-block-checkout .wc-block-components-checkout-order-summary__title-text,
.wc-block-checkout .wc-block-components-checkout-order-summary__title button{
  font-size:12px !important; font-weight:700 !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:var(--ck-dim) !important; }
.wc-block-checkout .wc-block-components-order-summary-item{ padding:10px 0 !important; }
.wc-block-checkout .wc-block-components-order-summary-item__description{ padding-right:8px !important; }
.wc-block-checkout .wc-block-components-order-summary-item__total-price{ white-space:nowrap !important; }
.wc-block-checkout .wc-block-components-totals-item{
  padding:8px 0 !important; margin:0 !important; font-size:14px !important;
  display:flex !important; align-items:baseline !important; gap:12px !important; }
.wc-block-checkout .wc-block-components-totals-item__label{ flex:1 1 auto !important; }
.wc-block-checkout .wc-block-components-totals-item__value{
  flex:0 0 auto !important; white-space:nowrap !important; text-align:right !important; }
.wc-block-checkout .wc-block-components-totals-footer-item{
  border-top:1px solid var(--ck-line) !important; margin-top:6px !important;
  padding-top:16px !important; padding-bottom:2px !important; }
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-size:14px !important; letter-spacing:.1em !important; text-transform:uppercase !important;
  font-weight:700 !important; color:var(--ck-dim) !important; }
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-size:22px !important; font-weight:800 !important; letter-spacing:-.01em !important; color:var(--ck-ink) !important; }
.wc-block-checkout .wc-block-components-checkout-policies{ margin-top:14px !important; font-size:12px !important; color:var(--ck-dim) !important; }

/* The two vertical rules beside the card fields. Drawn by an absolutely
   positioned pseudo-element with left/right borders - invisible to a normal
   DOM border scan, which is why earlier border resets never touched them. */
.wc-block-checkout .wc-block-components-radio-control--highlight-checked::after,
.wc-block-checkout .wc-block-components-radio-control--highlight-checked::before,
.wc-block-checkout .wc-block-components-radio-control-accordion-option::after,
.wc-block-checkout .wc-block-components-radio-control-accordion-option::before,
.wc-block-checkout .wc-block-components-radio-control__option::after,
.wc-block-checkout .wc-block-components-radio-control__option::before{
  content:none !important; border:0 !important; box-shadow:none !important; display:none !important; }
.wp-block-woocommerce-checkout-payment-block hr{ border-top:0 !important; }

/* Keep the AI chat launcher off the order summary. The real container id is
   #retell-widget-root - inc/chat.php targets #retell-widget-container, which
   does not exist, so that selector is dead. */
body.woocommerce-checkout #retell-widget-root{ bottom:96px !important; right:20px !important; z-index:60 !important; }

@media (max-width:900px){
  .wc-block-checkout .wc-block-components-address-form{ grid-template-columns:1fr; }
  .wc-block-checkout .wc-block-components-address-form__first_name,
  .wc-block-checkout .wc-block-components-address-form__last_name{ grid-column:1 / -1 !important; }
  .wc-block-checkout__sidebar{ position:static !important; }
  body.woocommerce-checkout #retell-widget-root{ bottom:110px !important; }
  .wc-block-checkout__contact-fields,
  .wp-block-woocommerce-checkout-billing-address-block,
  .wp-block-woocommerce-checkout-payment-block,
  .wp-block-woocommerce-checkout-express-payment-block{ padding:18px 16px 20px !important; }
}

/* Colour chips in the rail. The theme asks for 13px, but a global button rule
   applies padding:0 28px, which inflated them to 58x56 on every page. Explicit
   size plus zero padding, so nothing can pad them back up. */
.mb-rail .mb-lights-pick{gap:6px !important;align-items:center !important}
.mb-rail .mb-lights-pick button{
  width:28px !important;height:28px !important;
  min-width:0 !important;min-height:0 !important;max-height:28px !important;
  padding:0 !important;margin:0 !important;flex:0 0 28px !important;
  line-height:0 !important;border-radius:4px !important;box-sizing:border-box !important}
@media(max-width:640px){.mb-rail .mb-lights-pick button{width:22px !important;height:22px !important;flex:0 0 22px !important}}

/* ---------------------------------------------------------------------------
   CTA BUTTONS - one shape, properly centred, and the house acid instead of red.
   The same global button rule that inflated the colour chips also sets
   padding:0 28px and leaves line-height at 16px on a 56px box, so the label sat
   off-centre. inline-flex centres on both axes and cannot be undone by padding.
   Red rgb(255,78,91) was never a theme colour - the brand accent is #C8FF2E.
--------------------------------------------------------------------------- */
.mb-cta{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  gap:8px !important;min-height:56px !important;height:auto !important;padding:0 26px !important;
  line-height:1.1 !important;text-align:center !important;box-sizing:border-box !important;
  white-space:nowrap !important;text-decoration:none !important}
.mb-cta--sm{min-height:42px !important;padding:0 16px !important;font-size:12px !important}
.mb-cta:not(.mb-cta--ghost){
  background:var(--mb-strobe) !important;background-image:none !important;
  border:1px solid var(--mb-strobe) !important;color:var(--mb-on-strobe) !important}
.mb-cta:not(.mb-cta--ghost):hover{filter:brightness(1.08)}
.mb-cta--ghost{
  background:transparent !important;background-image:none !important;
  border:1px solid rgba(232,238,244,.34) !important;color:var(--mb-bone) !important}
.mb-cta--ghost:hover{border-color:var(--mb-strobe) !important;color:var(--mb-strobe) !important}
/* No red anywhere: the hot pill and any leftover salmon go acid too. */
.mb-pill--hot{background:var(--mb-strobe) !important;color:var(--mb-on-strobe) !important;border-color:var(--mb-strobe) !important}
.mb-rm:hover{color:var(--ck-ink,#111318) !important}

/* ---------------------------------------------------------------------------
   THE TICKET PANEL - one root cause, several symptoms.
   Something outside the theme styles every <button> on the site: red
   rgb(255,78,91) and padding:0 28px. That is why the DOOR tier was red, its
   description text overlapped the title, the close button had a red frame and
   the colour chips were 58px. The theme's own .mb-tier has no red in it.
--------------------------------------------------------------------------- */
.mb-sheet button,.mb-tier,.mb-x{background-image:none !important}
.mb-tier{
  background:var(--mb-panel,#0D1118) !important;
  border:1px solid rgba(232,238,244,.14) !important;
  color:var(--mb-bone) !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:14px !important;text-align:left !important;
  padding:14px 16px !important;height:auto !important;min-height:0 !important;line-height:1.25 !important}
.mb-tier:hover{border-color:var(--mb-strobe) !important}
.mb-tier[aria-pressed="true"]{border-color:var(--mb-strobe) !important;background:var(--mb-panel-2,#121826) !important;box-shadow:inset 3px 0 0 var(--mb-strobe) !important}
.mb-tier__n{display:block !important}
.mb-tier__s{display:block !important;margin-top:4px !important;color:var(--mb-dim) !important}
.mb-tier__p{color:var(--mb-bone) !important;white-space:nowrap !important}
.mb-tier[aria-pressed="true"] .mb-tier__p{color:var(--mb-strobe) !important}
.mb-x{background:transparent !important;border:1px solid rgba(232,238,244,.30) !important;
  color:var(--mb-bone) !important;padding:0 !important;width:44px !important;height:44px !important;
  min-height:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}
.mb-x:hover{border-color:var(--mb-strobe) !important;color:var(--mb-strobe) !important}

/* BOOK YOUR TABLE sits below GET TICKETS, 1cm clear of it, on every row. */
#programme .mb-row .mb-row__cta{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important}
#programme .mb-row .mb-tablecta{margin-left:0 !important;margin-top:38px !important;display:inline-flex !important}

/* Newsletter SIGN UP. It is a bare <input type="submit"> with no class at all,
   so the global red button rule owned it. Scoped to the MC4WP form. */
.mc4wp-form input[type="submit"],
.mc4wp-form button[type="submit"]{
  background:var(--mb-strobe) !important;background-image:none !important;
  border:1px solid var(--mb-strobe) !important;color:var(--mb-on-strobe) !important;
  min-height:56px !important;height:auto !important;padding:0 26px !important;
  border-radius:0 !important;line-height:1.1 !important;
  font-family:var(--mb-mono,inherit) !important;font-weight:700 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
  cursor:pointer !important;box-shadow:none !important}
.mc4wp-form input[type="submit"]:hover{filter:brightness(1.08)}
/* The email field beside it, so the pair matches. */
.mc4wp-form input[type="email"]{
  min-height:56px !important;height:auto !important;padding:0 16px !important;
  background:transparent !important;color:var(--mb-bone) !important;
  border:1px solid rgba(232,238,244,.30) !important;border-radius:0 !important}

/* ===========================================================================
   PHONE. Every override above was written for the desktop width and several of
   them break on a 390px screen. This block carries the same decisions down.
   =========================================================================== */
@media(max-width:640px){
  /* The hero title. clamp(21px,5.25vw,73px) resolves to 21px on a phone -
     the 50% cut was measured on a desktop and collapsed the headline here. */
  .mb-hero .mb-hero__event{font-size:clamp(34px,11vw,58px) !important;line-height:.95 !important}
  /* CTAs: white-space:nowrap pushed "GET TICKETS - FROM 350" off the screen.
     Let them wrap, stack them, and give them the full column. */
  .mb-cta{white-space:normal !important;min-height:52px !important;height:auto !important;
    padding:12px 16px !important;font-size:13px !important;width:100% !important}
  .mb-cta--sm{min-height:44px !important;padding:10px 14px !important;font-size:11px !important}
  .mb-hero__btns{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100%}
  /* 1cm between the two row buttons is right on a desktop and enormous on a
     phone, where they are already stacked. */
  #programme .mb-row .mb-row__cta{width:100% !important}
  #programme .mb-row .mb-tablecta{margin-top:10px !important;width:100% !important}
  #programme .mb-row .mb-row__flyer{width:96px !important}
  .mb-music{font-size:9px !important;padding:3px 7px !important}
  .mb-hero__flyer{width:min(180px,50vw) !important}
  /* Nothing may push the page sideways. */
  html,body{overflow-x:hidden !important}
}
@media(min-width:641px) and (max-width:900px){
  .mb-cta{white-space:normal !important}
  #programme .mb-row .mb-tablecta{margin-top:16px !important}
}

/* Music toggle: no frame, acid green, tiny. Equaliser + play/pause glyph only. */
.mb-rail .mb-music,.mb-music{background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;margin:0 0 0 4px !important;min-height:0 !important;height:auto !important;
  color:var(--mb-strobe,#C8FF2E) !important;gap:4px !important;cursor:pointer !important;
  font-size:9px !important;line-height:1 !important;letter-spacing:0 !important}
.mb-music:hover,.mb-music[aria-pressed="true"]{border:0 !important;color:var(--mb-strobe,#C8FF2E) !important;filter:brightness(1.15)}
.mb-music__eq{height:9px !important;gap:1.5px !important}
.mb-music__eq i{width:1.5px !important;background:currentColor !important}
.mb-music__t{font-size:8px !important;line-height:1 !important;opacity:.9}
@media(max-width:640px){.mb-music__eq{height:8px !important}.mb-music__t{font-size:7.5px !important}}

/* MB FIX: checkout order summary must not stick behind the form.
   The Woo checkout block goes single-column via container query long before
   the 900px viewport breakpoint, so the sticky summary scrolled underneath
   the payment fields. Only stick it when the block is genuinely 2-column. */
.wc-block-checkout__sidebar,
body.admin-bar .wc-block-checkout__sidebar{position:static!important;top:auto!important}
.wc-block-components-sidebar-layout.is-large .wc-block-checkout__sidebar{position:sticky!important;top:24px!important}
body.admin-bar .wc-block-components-sidebar-layout.is-large .wc-block-checkout__sidebar{top:56px!important}


/* ===========================================================================
   MOBILE FIXES - 26 Aug 2026
   =========================================================================== */

/* MENU button. .mb-kbtn was never covered by the .mb-cta rule above, so it kept
   a stray red border rgb(255,78,91) and a 56px box with line-height:16px, which
   left the label off-centre and hanging outside the frame. Match the ghost CTA
   sitting next to it. */
.mb-menu-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  height:42px !important;
  padding:0 16px !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  border:.8px solid rgba(232,238,244,.34) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#E8EEF4 !important;
}
@media (min-width:1080px){ .mb-menu-btn{ display:none !important; } }

/* Card grids ran off the right edge on phones. .mb-grid--3 and --4 default to
   two columns, and grid items are min-width:auto, so long words (SYSTEM, PEOPLE,
   DRESS CODE) forced the tracks wider than the viewport and clipped the second
   column. One column on phones, and never let a cell push its track wider. */
.mb-grid > .mb-cell{ min-width:0; }
.mb-cell h2,.mb-cell h3,.mb-cell h4,.mb-cell p{ overflow-wrap:break-word; }
@media (max-width:559px){
  .mb-grid--3,.mb-grid--4{ grid-template-columns:1fr !important; }
}


/* ==========================================================================
   MUSTACHE BKK — theme consistency patch
   Fixes: gold leftovers, WooCommerce buttons, empty-cart state,
          footer links, "Open in Maps", newsletter input.
   ========================================================================== */

:root{
  --mb-acid:#C8FF2E;
  --mb-acid-hi:#D9FF66;
  --mb-ink:#141A00;
  --mb-cream:#EDEBE3;
  --mb-mute:#7A8998;
  --mb-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* --- container actually centred on wide screens --- */
.mb-wrap{margin-inline:auto;}

/* --- 1. WOOCOMMERCE BUTTONS — acid green, mono, square. No more gold. --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce a.button.wc-backward,
.woocommerce a.checkout-button{
  background:var(--mb-acid)!important;
  background-image:none!important;
  color:var(--mb-ink)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:var(--mb-mono)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  height:52px!important;
  padding:0 32px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  transition:background .18s ease,transform .18s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.checkout-button:hover{
  background:var(--mb-acid-hi)!important;
  color:var(--mb-ink)!important;
  transform:translateY(-1px);
}
.woocommerce .button:focus-visible{
  outline:2px solid var(--mb-ink)!important;
  outline-offset:2px;
}
.woocommerce button.button:disabled,
.woocommerce button.button[disabled]{
  background:rgba(20,26,0,.08)!important;
  color:rgba(20,26,0,.45)!important;
}

/* --- 2. EMPTY CART — one clean card, centred CTA --- */
.woocommerce .wc-empty-cart-message{
  margin:0!important;
  padding:56px 24px 24px!important;
  border:1px solid rgba(20,26,0,.14)!important;
  border-bottom:0!important;
  background:rgba(20,26,0,.02)!important;
  text-align:center!important;
}
.woocommerce .wc-empty-cart-message .cart-empty,
.woocommerce .cart-empty{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  text-align:center!important;
  font-family:var(--mb-mono)!important;
  font-size:12px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  color:#6B6B64!important;
}
.woocommerce .cart-empty::before,
.woocommerce .wc-empty-cart-message::before{
  display:none!important;
  content:none!important;
}
.woocommerce p.return-to-shop{
  margin:0!important;
  padding:0 24px 56px!important;
  text-align:center!important;
  border:1px solid rgba(20,26,0,.14)!important;
  border-top:0!important;
  background:rgba(20,26,0,.02)!important;
}

/* --- 3. CART TABLE / CHECKOUT — same language as the rest of the site --- */
.woocommerce table.shop_table{
  border:1px solid rgba(20,26,0,.14)!important;
  border-radius:0!important;
  border-collapse:collapse!important;
}
.woocommerce table.shop_table th{
  font-family:var(--mb-mono)!important;
  font-size:10px!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  color:var(--mb-mute)!important;
  border-bottom:1px solid rgba(20,26,0,.14)!important;
}
.woocommerce table.shop_table td{
  border-top:1px solid rgba(20,26,0,.08)!important;
}
.woocommerce .quantity input.qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid rgba(20,26,0,.24)!important;
  border-radius:0!important;
  height:52px!important;
  padding:0 18px!important;
  font-family:var(--mb-mono)!important;
  font-size:13px!important;
}
.woocommerce .cart_totals h2,
.woocommerce-checkout h3{
  font-family:var(--mb-mono)!important;
  font-size:10px!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  color:var(--mb-mute)!important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-top-color:var(--mb-acid)!important;
  border-radius:0!important;
  font-family:var(--mb-mono)!important;
  font-size:12px!important;
  letter-spacing:.6px!important;
}
.woocommerce-message::before,
.woocommerce-info::before{color:var(--mb-ink)!important;}

/* --- 4. FOOTER — kill the gold links, acid on hover --- */
.mb-footer li{color:rgba(237,235,227,.60)!important;}
.mb-footer a{
  color:rgba(237,235,227,.88)!important;
  text-decoration:none!important;
  transition:color .18s ease;
}
.mb-footer a:hover,
.mb-footer a:focus-visible{color:var(--mb-acid)!important;}

.mb-footer a[href*="maps"],
.mb-footer a[href*="goo.gl"]{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  margin-top:2px;
  font-family:var(--mb-mono)!important;
  font-size:10px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  color:var(--mb-acid)!important;
  border-bottom:1px solid rgba(200,255,46,.32)!important;
  padding-bottom:4px;
}
.mb-footer a[href*="maps"]::after,
.mb-footer a[href*="goo.gl"]::after{
  content:"\2197";
  font-size:11px;
  line-height:1;
}
.mb-footer a[href*="maps"]:hover,
.mb-footer a[href*="goo.gl"]:hover{border-bottom-color:var(--mb-acid)!important;}

/* --- 5. NEWSLETTER — text off the frame, label spaced above the field --- */
input[type=email],
.mc4wp-form input[type=email]{
  padding:0 22px!important;
  height:56px!important;
  border:1px solid rgba(20,26,0,.24)!important;
  border-radius:0!important;
  font-family:var(--mb-mono)!important;
  font-size:13px!important;
  letter-spacing:.6px!important;
}
input[type=email]::placeholder{color:rgba(20,26,0,.38)!important;letter-spacing:1px;}
input[type=email]:focus,
.mc4wp-form input[type=email]:focus{
  outline:none!important;
  border-color:var(--mb-ink)!important;
  box-shadow:0 0 0 3px rgba(200,255,46,.4)!important;
}
.mc4wp-form label,
.mc4wp-form-fields label{
  display:block!important;
  font-family:var(--mb-mono)!important;
  font-size:10px!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  color:var(--mb-mute)!important;
  margin-bottom:0!important;
}
.mc4wp-form input[type=email],
.mc4wp-form-fields input[type=email]{margin-top:18px!important;}
.mc4wp-form input[type=submit]{margin-top:18px!important;}
.mc4wp-form-fields p{margin:0 0 22px!important;}


/* --- 6. (removed in 2.0.1: dark menu colours for WooCommerce pages; the header is dark on every page) --- */

/* Artwork and photos in original colours - no duotone. Added 2026-08-30 */
.mb-shot img,
.mb-gallery img,
.mb-hero-shot img,
.mb-event-thumb img,
.wp-block-post-featured-image img,
figure.wp-block-image img,
.woocommerce-product-gallery img,
.wp-post-image,
:root[data-accent] .mb-shot img,
:root[data-accent] .mb-gallery img,
:root[data-accent] .mb-hero-shot img,
:root[data-accent] .mb-event-thumb img,
:root[data-accent] .wp-block-post-featured-image img,
:root[data-accent] figure.wp-block-image img,
:root[data-accent] .woocommerce-product-gallery img,
:root[data-accent] .wp-post-image {
  filter: none !important;
}

/* Hero video band - 31 Aug 2026 */
.mb-hero-vid{position:relative;z-index:2;width:100%;line-height:0}
.mb-hero-vid__el{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;background:#06080C}
.mb-hero-shot{z-index:0}
.mb-hero .mb-wrap{position:relative;z-index:3}


/* Tables map: 'Your pick' tag on the yellow bar - dark text so it's readable (theme label rule was forcing bone/white) */
#mustache-reserve .mr-floor-svg .mr-tag text{fill:#141A00 !important}

/* Guest wall photos: shown as supplied, no duotone (22 Sep 2026) */
.mb-guests .mb-city .mb-guest__shot img{filter:none}


/* Guest wall as a real grid (23 Sep 2026): a lone card on the last row keeps the same width as the others instead of stretching full width (Citizen Kain). */
.mb-guests{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.mb-guests .mb-city{flex:none;min-width:0}

/* Mustache: homepage polish 24 Sep 2026 */
.mb-doors{display:none!important}
#mb-list .mb-list-row input[type="email"]{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.28)!important;color:#F5F7FA!important;border-radius:0}
#mb-list .mb-list-row input[type="email"]::placeholder{color:rgba(245,247,250,.55)!important;opacity:1}
#mb-list .mb-list-row input[type="email"]:focus{border-color:#C8FF2E!important;outline:none}
@media(min-width:760px){#mb-list .mb-list-row{display:flex;gap:12px;align-items:stretch;max-width:600px}#mb-list .mb-list-row input[type="email"]{flex:1 1 auto;min-width:0;margin:0!important}#mb-list .mb-list-row input[type="submit"],#mb-list .mb-list-row button{margin:0!important;white-space:nowrap}}
@media(max-width:759px){#mb-list .mb-list-row input[type="submit"],#mb-list .mb-list-row button{width:100%}.mb-night .mb-hero__flyer{width:100%!important;max-width:none!important}.mb-night .mb-hero__flyer img{width:100%;height:auto}}


/* Guest wall one line, 24 Sep 2026: every card in a single row, no city/country, equal squares. Desktop = 8 equal columns; phones = one swipeable row. */
.mb-guests{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.mb-guests .mb-city .mb-guest__shot{overflow:hidden;aspect-ratio:1/1}
.mb-guests .mb-city .mb-guest__shot img{width:100%;height:100%;object-fit:cover}
.mb-guests .mb-city .mb-guest__shot img[src*="alle-farben"]{object-position:50% 0;transform:scale(1.234);transform-origin:50% 0}
@media (max-width:900px){.mb-guests{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:40%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.mb-guests>*{scroll-snap-align:start}}

.mb-guests div.mb-city .mb-guest__name{margin-top:14px !important}

/* Mustache: product tabs visible, 24 Sep 2026 (description + Event Details shown, reviews and additional info hidden) */
body .woocommerce-tabs.wc-tabs-wrapper{display:block!important;margin:28px 0 0;padding:0}
.woocommerce-tabs li.additional_information_tab,.woocommerce-tabs li.reviews_tab,#tab-additional_information,#tab-reviews{display:none!important}
.woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 18px!important;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.14)}
.woocommerce-tabs ul.tabs::before,.woocommerce-tabs ul.tabs::after{display:none!important}
.woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce-tabs ul.tabs li a{color:rgba(245,247,250,.6)!important;font:600 12px/1 "Space Mono",ui-monospace,monospace!important;letter-spacing:.12em;text-transform:uppercase;padding:12px 14px!important;display:block;border-bottom:2px solid transparent}
.woocommerce-tabs ul.tabs li.active a{color:#C8FF2E!important;border-bottom-color:#C8FF2E}
.woocommerce-tabs .woocommerce-Tabs-panel{color:#e8eef4;font-size:16px;line-height:1.6}
.woocommerce-tabs .woocommerce-Tabs-panel h2{font-size:18px;letter-spacing:.04em;margin:0 0 12px}
.woocommerce-tabs .woocommerce-Tabs-panel a{color:#C8FF2E}

/* Mustache: tables page cleanup, 24 Sep 2026 (internal note hidden, duplicate plugin H1 hidden) */
.mb-plan__note{display:none!important}
#mustache-reserve .mr-brand-title{display:none!important}


/* ===== Mustache: concrete + smoke backgrounds, 25 Sep 2026 =====
   One image per screen size: the media query picks the URL, the other file is never downloaded.
   The image sits at the top of the section at 100% width, no repeat, and fades into charcoal below it.
   Backup of the CSS before this block: customizer-additional-css-BACKUP-2026-09-25.css (Olivier's files). */
:root{--mb-bg-concrete:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-concrete-smoke-desktop.webp);--mb-bg-h:56.25vw}
@media (max-width:759px){:root{--mb-bg-concrete:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-concrete-smoke-mobile.webp);--mb-bg-h:177.7vw}}

/* scanline and grain overlays off everywhere */
.mb-scan,.mb-grain{display:none !important}

/* Homepage: concrete behind the opening section, fading into plain charcoal */
.home .mb-hero{background:linear-gradient(to bottom,rgba(6,8,12,0) 55%,var(--mb-void) 100%),linear-gradient(to bottom,rgba(6,8,12,.18) 0,rgba(6,8,12,.42) calc(var(--mb-bg-h)*.55),var(--mb-void) var(--mb-bg-h)),var(--mb-bg-concrete) center top/100% auto no-repeat var(--mb-void)}
.home .mb-hero::before{display:none}
.home .mb-hero-shot{display:none}

/* Tables: concrete behind the intro, floor plan and booking panel on solid dark */
.page-id-4223 #mb-main>.mb-block:first-child{background:linear-gradient(to bottom,rgba(10,14,20,.18) 0,rgba(10,14,20,.45) calc(var(--mb-bg-h)*.45),var(--mb-room) calc(var(--mb-bg-h)*.85)),var(--mb-bg-concrete) center top/100% auto no-repeat var(--mb-room)}
.page-id-4223 #mustache-reserve{position:relative;background:var(--mb-room)}

/* The Club and About: same background with a dark overlay for readable text */
.page-id-4225 #mb-main>.mb-block:first-child,.page-id-209 #mb-main>.mb-block:first-child{background:linear-gradient(to bottom,rgba(10,14,20,.32) 0,rgba(10,14,20,.55) calc(var(--mb-bg-h)*.5),var(--mb-room) var(--mb-bg-h)),var(--mb-bg-concrete) center top/100% auto no-repeat var(--mb-room)}

/* Contact: subtle concrete around the edges, dark centre, cards stay solid */
.page-id-205 #mb-main>.mb-block:first-child{background:radial-gradient(ellipse 70% 60% at 50% 32%,var(--mb-room) 30%,rgba(10,14,20,.7) 70%,rgba(10,14,20,.35) 100%),linear-gradient(to bottom,rgba(10,14,20,0) 0,var(--mb-room) var(--mb-bg-h)),var(--mb-bg-concrete) center top/100% auto no-repeat var(--mb-room)}
.page-id-205 .mb-contact__btn{background:var(--mb-panel)}


/* Contact page cards: full width row, 4 cells, labels that never overflow (25 Sep 2026) */
.page-id-205 .mb-prose{max-width:none}
.page-id-205 .mb-prose>p,.page-id-205 .mb-prose>h2,.page-id-205 .mb-prose>ul{max-width:68ch}
.page-id-205 .mb-contact__row{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:860px){.page-id-205 .mb-contact__row{grid-template-columns:repeat(4,minmax(0,1fr))}}
.page-id-205 .mb-contact__btn{min-width:0;overflow:hidden}
.page-id-205 .mb-contact__label{font-size:clamp(13px,1.15vw,17px) !important;line-height:1.05;overflow-wrap:anywhere;word-break:break-word}

/* homepage hero: I love techno, 25 Sep 2026 (Media 4907 desktop / 4906 mobile). Other pages keep concrete + smoke */
:root{--mb-bg-home:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-hero-i-love-techno-desktop.webp)}
@media (max-width:759px){:root{--mb-bg-home:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-hero-i-love-techno-mobile.webp)}}
/* homepage: one static I love techno wall behind the whole page, top to bottom (25 Sep 2026) */
html,html:has(body.home){background:#06080C!important;color-scheme:dark}
html:root body.home.home{background:transparent!important;background-color:transparent!important;color:#F5F7FA}
.home::before{content:""!important;display:block!important;position:fixed!important;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(6,8,12,.25),rgba(6,8,12,.5)),var(--mb-bg-home) center/cover no-repeat #06080C!important;opacity:1!important;filter:none!important;transform:none!important}
.home .mb-hero{background:transparent!important}
.home #mb-main>section,.home #mb-list,.home .mb-footer{background:transparent!important}
/* homepage order: next nights, then crowd photos, then the rest */
.home #mb-main{display:flex;flex-direction:column}
.home #mb-main>*{order:2;min-width:0}
.home #mb-main>.mb-hero{order:0}
.home #mb-main>section:has(.mb-gallery){order:1}
/* "Built for the floor" loop video: removed on mobile only */
@media (max-width:759px){.home .mb-room-vid{display:none!important}}

/* homepage gallery: one crowd collage per screen, shown as supplied, no duotone (Media 4900 desktop / 4899 mobile), 25 Sep 2026. The 5 old gallery photos are hidden and no longer load */
.home .mb-gallery{display:block!important;height:auto!important;aspect-ratio:1600/639;background:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-crowd-desktop.webp) center/cover no-repeat;filter:none!important}
.home .mb-gallery>*{display:none!important}
@media (max-width:759px){.home .mb-gallery{aspect-ratio:800/2000;background-image:url(https://mustachebangkok.com/wp-content/uploads/2026/09/mustache-crowd-mobile.webp)}}


/* header logo fix 25 Sep 2026: logos full size, wordmark white, dot green */
.mb-header .mb-logo{min-width:max-content}
.mb-header .mb-logo .mb-logo__mb,.mb-header .mb-logo .mb-logo__tk{max-width:none!important;width:auto!important;flex-shrink:0}
.mb-header .mb-logo__word{color:#F5F7FA!important}
.mb-logo__word .mb-logo__dot{color:#C8FF2E!important}


/* home room video: crop bottom black band on desktop 26 Sep 2026 */
@media (min-width:760px){.mb-room-vid{aspect-ratio:21/9!important}.mb-room-vid .mb-hero-vid__el{height:100%!important;aspect-ratio:auto!important}}

/* Rating in top rail, 27 Sep 2026 */
html body .mb-rail .mb-wrap .mb-rating{margin:0 0 0 18px!important;display:flex!important;flex-wrap:nowrap!important;gap:0 14px!important;align-items:center!important;font:500 11px/1 "JetBrains Mono",ui-monospace,monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}
html body .mb-rail .mb-wrap .mb-rating a,html body .mb-rail .mb-wrap .mb-rating__fb,html body .mb-rail .mb-wrap .mb-rating b{color:#F5F7FA!important;text-decoration:none!important}
html body .mb-rail .mb-wrap .mb-rating .mb-rating__stars{color:#C8FF2E!important;letter-spacing:0!important}
html body .mb-rail .mb-wrap .mb-rating .mb-rating__n{color:rgb(245 247 250 / .55)!important}
@media (max-width:1279px){html body .mb-rail .mb-wrap .mb-rating .mb-rating__n{display:none!important}}
@media (max-width:1180px){html body .mb-rail .mb-wrap .mb-rating .mb-rating__fb{display:none!important}}
@media (max-width:759px){
 html body .mb-rail .mb-wrap{flex-wrap:wrap!important;column-gap:8px!important}
 html body .mb-rail .mb-rail__spacer{display:none!important}
 html body .mb-rail .mb-wrap .mb-rating{margin:0 0 0 2px!important;gap:0 8px!important;font-size:10px!important;letter-spacing:.04em!important}
 html body .mb-rail .mb-wrap .mb-rating .mb-rating__stars{font-size:0!important}
 html body .mb-rail .mb-wrap .mb-rating .mb-rating__stars::before{content:"\2605";font-size:10px}
}

/* Checkout payment cleanup, 27 Sep 2026 */
.wc-stripe-label-container.stripe_cc .wc-block-components-payment-method-label,
.wc-stripe-label-container.stripe_promptpay .wc-block-components-payment-method-label{font-size:0!important}
.wc-stripe-label-container.stripe_cc .wc-block-components-payment-method-label::before{content:"Card";font-size:13px}
.wc-stripe-label-container.stripe_promptpay .wc-block-components-payment-method-label::before{content:"PromptPay";font-size:13px}
.wc-stripe-label-container.stripe_promptpay .wc-block-components-payment-method-label::after{content:" \00B7  scan with any Thai bank app";font-size:12px;color:rgb(245 247 250 / .6)}
.wc-block-components-payment-method-icon--stripe_promptpay,
.wc-block-components-payment-method-icon--stripe_cc_icon{display:none!important}
.wc-stripe-label-container.stripe_cc .wc-block-components-payment-method-icons{width:86px;height:26px;flex:0 0 86px;background:url(/wp-content/plugins/woo-stripe-payment/assets/img/cards/visa.svg) left center/40px 26px no-repeat,url(/wp-content/plugins/woo-stripe-payment/assets/img/cards/mastercard.svg) right center/40px 26px no-repeat}
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content{padding:4px 16px 16px!important}
.wc-stripe-label-container.stripe_cc .wc-block-components-payment-method-icons{margin-left:auto!important}

/* Checkout mobile card fix, 27 Sep 2026 */
@media (max-width:759px){
 .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content{padding:4px 6px 12px!important}
}
@media (max-width:379px){
 .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content iframe{min-height:232px!important}
}
#radio-control-wc-payment-method-options-stripe_promptpay__content{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important;margin:0!important;border:0!important}

/* Daft Funk map: held/booked tables receive taps so the page can show a message, 28 Sep 2026 */
body.page-id-4443 #tables[data-sale="on"] .dfl-spot.is-held,body.page-id-4443 #tables[data-sale="on"] .dfl-spot.is-booked,body.page-id-4443 #tables[data-sale="on"] .dfl-chip.is-held,body.page-id-4443 #tables[data-sale="on"] .dfl-chip.is-booked,body.page-id-4443 #tables[data-sale="on"] .dfl-trow.is-held,body.page-id-4443 #tables[data-sale="on"] .dfl-trow.is-booked{pointer-events:auto!important;cursor:not-allowed}

/* Hold bar font, 28 Sep 2026 */
#mb-hold{font-family:Uniform, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, system-ui, sans-serif!important}
/* ===== Ported from Code Snippet #20 "Mobile Optimizations" (theme 2.0, 28 Sep 2026): the only rules still in use ===== */
.woocommerce-tabs.wc-tabs-wrapper,.woocommerce-tabs{display:none!important}
.woocommerce div.product p.stock,.product_meta .stock,p.stock.in-stock,p.stock.out-of-stock,.woocommerce div.product .availability{display:none!important}

/* ===== 2.0.1: product page rules restored from old snippet #20 (FIX 4, FIX 5, quantity) ===== */
.woocommerce-js div.product form.cart::before,body.single-product form.cart::before{content:"💳 Pay with credit or debit card — Thai & international cards accepted";display:block!important;background:#f5f5f5!important;color:#222!important;padding:12px 14px!important;border-radius:6px!important;margin-bottom:14px!important;font-size:.95rem!important;font-weight:500!important;text-align:center!important;border:1px solid #e5e5e5!important}
button.single_add_to_cart_button,.single_add_to_cart_button{font-size:1.15rem!important;font-weight:700!important;padding:16px 24px!important;letter-spacing:.5px!important}
form.cart .single_add_to_cart_button,form.variations_form .single_add_to_cart_button{font-size:1.1rem!important;padding:14px 28px!important;font-weight:700!important;letter-spacing:.5px!important;box-shadow:0 2px 8px rgba(233,26,47,.25)!important}
#wc-stripe-express-checkout-element{margin-top:18px!important;position:relative!important}
#wc-stripe-express-checkout-element::before{content:"Or pay instantly in one tap";display:block!important;text-align:center!important;font-size:.9rem!important;color:#666!important;margin-bottom:10px!important;font-weight:500!important}
.woocommerce input.qty{color:#111!important;background-color:#fff!important;border:1px solid #ccc!important}
.woocommerce input.qty:focus{border-color:#E91A2F!important;outline:none!important}