/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 08 2026 | 19:42:43 */
/* ============================================================================
   MST DESIGN LINE  ·  2026-09-07  ·  Woody snippet "mst-design-line" (CSS, header)
   Extends the banner/home-cards language (snippet 340025) to the rest of the site.

   SAFETY CONTRACT — born from the 18-hour outage of 07/09:
   · Not one rule in this file sets opacity:0, visibility:hidden or display:none
     on content. Nothing here waits for JavaScript. If every script on the page
     fails, every button, card, field and price below is still visible and clickable.
   · Entrance motion: none. Only :hover / :focus / :active transforms, which by
     definition run on top of a fully-painted default state.
   · Checkout and payment controls get colour, radius and shadow ONLY.
     display, pointer-events, position, visibility and opacity are never touched.

   SCOPE — page 9848 (/raamset/) is excluded everywhere via body:not(.page-id-9848);
   Mark is editing that template. Snippets 340025/340036/340040/340048 are untouched.

   SPECIFICITY — Elementor widget <style> blocks live in the BODY and therefore win
   ties against this file in the <head>. Class names are doubled (.play__list.play__list)
   or paired with a body-level class wherever that matters.
   ========================================================================== */

:root{
  --mst-g1:#f6e6b4;
  --mst-g2:#c79a34;
  --mst-ink:#2b1b05;
  --mst-line:rgba(201,160,58,.22);
  --mst-line-hi:rgba(201,160,58,.55);
  --mst-panel-a:#17181a;
  --mst-panel-b:#0e0f10;
}

/* ==========================================================================
   1 · ONE BUTTON, EVERYWHERE
   The site had four different primary buttons: purple #8224e3 (show pages,
   playbill cards, contact form, place_order), magenta #d052e8 (ALEF form),
   WooCommerce grey #e9e6ed (shop), and the gold pill already approved on the
   home page. They all become the gold pill.
   ========================================================================== */
body:not(.page-id-9848) .play__card__btn a,
body:not(.page-id-9848) a.btn__add_to_cart,
body:not(.page-id-9848) .btn.btn__add_to_cart,
body:not(.page-id-9848) input.wpcf7-submit,
body:not(.page-id-9848) .elementor-button,
body:not(.page-id-9848) .woocommerce a.button,
body:not(.page-id-9848) .woocommerce button.button,
body:not(.page-id-9848) .woocommerce input.button,
body:not(.page-id-9848) .woocommerce a.button.alt,
body:not(.page-id-9848) .woocommerce button.button.alt,
body:not(.page-id-9848) .woocommerce input.button.alt,
body:not(.page-id-9848) .woocommerce .checkout-button,
body:not(.page-id-9848) .woocommerce a.single_add_to_cart_button,
body:not(.page-id-9848) .woocommerce button.single_add_to_cart_button,
body:not(.page-id-9848) button#place_order,
body:not(.page-id-9848) input#place_order{
  background-image:linear-gradient(180deg,#f6e6b4 0%,#c79a34 100%)!important;
  background-color:#c79a34!important;
  color:#2b1b05!important;
  border:1px solid rgba(255,244,214,.70)!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:
    0 6px 16px rgba(0,0,0,.50),
    0 0 20px rgba(201,160,58,.30),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
  transition:transform .2s ease, box-shadow .28s ease, background-image .2s ease!important;
}

body:not(.page-id-9848) .play__card__btn a:hover,
body:not(.page-id-9848) a.btn__add_to_cart:hover,
body:not(.page-id-9848) input.wpcf7-submit:hover,
body:not(.page-id-9848) .elementor-button:hover,
body:not(.page-id-9848) .woocommerce a.button:hover,
body:not(.page-id-9848) .woocommerce button.button:hover,
body:not(.page-id-9848) .woocommerce input.button:hover,
body:not(.page-id-9848) .woocommerce a.button.alt:hover,
body:not(.page-id-9848) .woocommerce button.button.alt:hover,
body:not(.page-id-9848) .woocommerce input.button.alt:hover,
body:not(.page-id-9848) .woocommerce .checkout-button:hover,
body:not(.page-id-9848) button#place_order:hover,
body:not(.page-id-9848) .play__card__btn a:focus-visible,
body:not(.page-id-9848) a.btn__add_to_cart:focus-visible,
body:not(.page-id-9848) input.wpcf7-submit:focus-visible,
body:not(.page-id-9848) .elementor-button:focus-visible,
body:not(.page-id-9848) .woocommerce a.button:focus-visible,
body:not(.page-id-9848) .woocommerce button.button:focus-visible,
body:not(.page-id-9848) .woocommerce input.button:focus-visible,
body:not(.page-id-9848) button#place_order:focus-visible{
  background-image:linear-gradient(180deg,#fff3cf 0%,#d3a63c 100%)!important;
  color:#2b1b05!important;
  transform:translateY(-2px);
  box-shadow:
    0 10px 22px rgba(0,0,0,.58),
    0 0 30px rgba(246,230,180,.55),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
}

body:not(.page-id-9848) .play__card__btn a:active,
body:not(.page-id-9848) a.btn__add_to_cart:active,
body:not(.page-id-9848) input.wpcf7-submit:active,
body:not(.page-id-9848) .elementor-button:active,
body:not(.page-id-9848) .woocommerce .button:active,
body:not(.page-id-9848) button#place_order:active{
  transform:translateY(0) scale(.985);
}

/* keyboard focus must be visible on a light pill — a gold ring would vanish */
body:not(.page-id-9848) .play__card__btn a:focus-visible,
body:not(.page-id-9848) a.btn__add_to_cart:focus-visible,
body:not(.page-id-9848) input.wpcf7-submit:focus-visible,
body:not(.page-id-9848) .elementor-button:focus-visible,
body:not(.page-id-9848) .woocommerce .button:focus-visible,
body:not(.page-id-9848) button#place_order:focus-visible{
  outline:3px solid #f6e6b4!important;
  outline-offset:3px!important;
}

/* comfortable hit areas where the source was cramped (36px is below the 44px
   touch target minimum). The XL Elementor buttons keep their own padding. */
body:not(.page-id-9848) .woocommerce a.button,
body:not(.page-id-9848) .woocommerce button.button,
body:not(.page-id-9848) .woocommerce input.button{
  padding:12px 22px!important;
  font-size:14px!important;
  line-height:1.15!important;
}
body:not(.page-id-9848) input.wpcf7-submit{
  padding:14px 34px!important;
  font-size:15px!important;
  line-height:1.15!important;
  cursor:pointer;
}
body:not(.page-id-9848) .play__card__btn a{
  padding:11px 20px!important;
  font-size:14px!important;
  line-height:1.15!important;
}
body:not(.page-id-9848) a.btn__add_to_cart{
  line-height:1.15!important;
  padding-top:0!important;padding-bottom:0!important;
  font-size:16px!important;
  text-align:center;
}

/* the post-AJAX "view cart" link is secondary — a gold outline, not a second
   solid pill competing with "add to cart" */
body:not(.page-id-9848) .woocommerce a.added_to_cart,
body:not(.page-id-9848) .woocommerce a.button.wc-forward:not(.checkout-button){
  background-image:none!important;
  background-color:rgba(10,7,4,.55)!important;
  color:#f2e0a8!important;
  border:1px solid rgba(201,160,58,.50)!important;
  box-shadow:none!important;
}
body:not(.page-id-9848) .woocommerce a.added_to_cart:hover,
body:not(.page-id-9848) .woocommerce a.button.wc-forward:not(.checkout-button):hover{
  border-color:rgba(246,230,180,.80)!important;
  color:#fff3cf!important;
  box-shadow:0 0 18px rgba(201,160,58,.28)!important;
}

@media (prefers-reduced-motion:reduce){
  body:not(.page-id-9848) .play__card__btn a,
  body:not(.page-id-9848) a.btn__add_to_cart,
  body:not(.page-id-9848) input.wpcf7-submit,
  body:not(.page-id-9848) .elementor-button,
  body:not(.page-id-9848) .woocommerce .button,
  body:not(.page-id-9848) button#place_order{transition:none!important}
  body:not(.page-id-9848) .play__card__btn a:hover,
  body:not(.page-id-9848) a.btn__add_to_cart:hover,
  body:not(.page-id-9848) input.wpcf7-submit:hover,
  body:not(.page-id-9848) .elementor-button:hover,
  body:not(.page-id-9848) .woocommerce .button:hover,
  body:not(.page-id-9848) button#place_order:hover{transform:none}
}

/* ==========================================================================
   2 · SHOW CARDS  ·  home page + /playbill
   Same frame as the approved home-page cubes: dark panel, 1px gold hairline,
   16px radius. No entrance animation, no opacity — the cards are painted in
   their final state and only react to hover.
   ========================================================================== */
body:not(.page-id-9848) .play__list.play__list .play__card.play__card{
  background:linear-gradient(180deg,#17181a 0%,#0e0f10 100%);
  border:1px solid rgba(201,160,58,.22);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.55);
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
body:not(.page-id-9848) .play__list.play__list .play__card.play__card:hover,
body:not(.page-id-9848) .play__list.play__list .play__card.play__card:focus-within{
  border-color:rgba(246,230,180,.50);
  box-shadow:0 14px 30px rgba(0,0,0,.60), 0 0 24px rgba(201,160,58,.22);
  transform:translateY(-3px);
}
body:not(.page-id-9848) .play__list.play__list .play__card.play__card:active{
  transform:translateY(-1px);
}

/* the "running now" flag was a red-pink rectangle; it becomes the gold pill */
body:not(.page-id-9848) .play__list.play__list .play__card__sticker{
  border-radius:999px!important;
  padding:5px 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  background:linear-gradient(180deg,#f6e6b4,#c79a34)!important;
  color:#2b1b05!important;
  border:1px solid rgba(255,244,214,.75)!important;
  box-shadow:0 0 16px rgba(246,230,180,.35)!important;
}
/* the date/time strip reads as the card's subject, so give it the gold voice */
body:not(.page-id-9848) .play__list.play__list .play__card__meta{
  color:#e2c887!important;
  letter-spacing:.04em!important;
}

@media (prefers-reduced-motion:reduce){
  body:not(.page-id-9848) .play__list.play__list .play__card.play__card{transition:none}
  body:not(.page-id-9848) .play__list.play__list .play__card.play__card:hover{transform:none}
}

/* ==========================================================================
   3 · SHOP  ·  /shop/
   The archive was bare WooCommerce: no card, no border, floated columns and an
   olive #958e09 price. Same panel language as the show cards.
   ========================================================================== */
body.woocommerce-shop ul.products.products,
body.post-type-archive-product ul.products.products,
body.tax-product_cat ul.products.products{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))!important;
  gap:24px!important;
  margin:0 0 32px!important;
  padding:0!important;
  list-style:none!important;
}
/* WooCommerce clears its float grid with these; as grid items they would become cells */
body.woocommerce-shop ul.products.products::before,
body.woocommerce-shop ul.products.products::after,
body.post-type-archive-product ul.products.products::before,
body.post-type-archive-product ul.products.products::after{content:none!important}

body.woocommerce-shop ul.products.products li.product,
body.post-type-archive-product ul.products.products li.product,
body.tax-product_cat ul.products.products li.product{
  float:none!important;
  clear:none!important;
  width:auto!important;
  margin:0!important;
  padding:0 0 18px!important;
  text-align:center!important;
  background:linear-gradient(180deg,#17181a 0%,#0e0f10 100%)!important;
  border:1px solid rgba(201,160,58,.22)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 10px 26px rgba(0,0,0,.55)!important;
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease!important;
}
body.woocommerce-shop ul.products.products li.product:hover,
body.post-type-archive-product ul.products.products li.product:hover,
body.woocommerce-shop ul.products.products li.product:focus-within{
  border-color:rgba(246,230,180,.50)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.60), 0 0 24px rgba(201,160,58,.22)!important;
  transform:translateY(-3px);
}

body.woocommerce ul.products.products li.product a.woocommerce-loop-product__link{
  display:block;
  text-decoration:none;
}
body.woocommerce ul.products.products li.product img{
  width:100%!important;
  height:auto!important;
  margin:0 0 14px!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.woocommerce ul.products.products li.product .woocommerce-loop-product__title{
  padding:0 14px!important;
  margin:0 0 8px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.06em!important;
  color:#f7ebc6!important;
}
body.woocommerce ul.products.products li.product .price{
  display:block!important;
  position:relative!important;
  margin:0!important;
  padding:0 14px 14px!important;
  font-size:19px!important;
  font-weight:800!important;
  color:#e2c887!important;
}
body.woocommerce ul.products.products li.product .price::after{
  content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,160,58,.55),transparent);
}
body.woocommerce ul.products.products li.product .button{
  margin:14px 14px 0!important;
}
body.woocommerce ul.products.products li.product .onsale{
  border-radius:999px!important;
  background:linear-gradient(180deg,#f6e6b4,#c79a34)!important;
  color:#2b1b05!important;
  border:1px solid rgba(255,244,214,.75)!important;
  box-shadow:0 0 16px rgba(246,230,180,.35)!important;
}

@media (max-width:767px){
  body.woocommerce-shop ul.products.products,
  body.post-type-archive-product ul.products.products{
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
  }
  body.woocommerce ul.products.products li.product .woocommerce-loop-product__title{
    font-size:12px!important;letter-spacing:.04em!important;padding:0 9px!important}
  body.woocommerce ul.products.products li.product .price{
    font-size:16px!important;padding:0 9px 11px!important}
  body.woocommerce ul.products.products li.product .button{
    margin:12px 9px 0!important;padding:14px 12px!important;font-size:13px!important;line-height:1.2!important}
}
@media (prefers-reduced-motion:reduce){
  body.woocommerce ul.products.products li.product{transition:none!important}
  body.woocommerce ul.products.products li.product:hover{transform:none}
}

/* the sort dropdown above the grid was a stock light control on a black page */
body.woocommerce .woocommerce-ordering select,
body.woocommerce select.orderby{
  background-color:#17181a!important;
  color:#f2ead6!important;
  border:1px solid rgba(201,160,58,.22)!important;
  border-radius:999px!important;
  padding:9px 16px!important;
}
body.woocommerce .woocommerce-result-count{color:rgba(255,255,255,.55)!important}

/* ==========================================================================
   4 · SECTION HEADINGS
   A hairline of gilt under the heading — the same rule that separates the date
   block on the home-page cubes. No invented text is inserted anywhere.
   ========================================================================== */
body:not(.page-id-9848).page-template-product-template h2,
body:not(.page-id-9848).page-template-plays h2,
body.woocommerce-shop .woocommerce-products-header__title,
body.post-type-archive-product .woocommerce-products-header__title{
  position:relative;
  letter-spacing:.06em;
  padding-bottom:16px;
}
body:not(.page-id-9848).page-template-product-template h2::after,
body:not(.page-id-9848).page-template-plays h2::after,
body.woocommerce-shop .woocommerce-products-header__title::after,
body.post-type-archive-product .woocommerce-products-header__title::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,160,58,.55),transparent);
}
/* a heading that is itself a card title must not grow a rule under it */
body:not(.page-id-9848) .play__card h2{padding-bottom:0}
body:not(.page-id-9848) .play__card h2::after{content:none}

/* ==========================================================================
   5 · FORMS  ·  Contact Form 7 (contact page + every show page)
   Square, borderless charcoal boxes with no focus state at all. They become
   dark panels with a gold hairline and an unmistakable focus ring.
   ========================================================================== */
body:not(.page-id-9848) .wpcf7-form-control:not(.wpcf7-submit):not([type=checkbox]):not([type=radio]),
body:not(.page-id-9848) .wpcf7 input[type=text],
body:not(.page-id-9848) .wpcf7 input[type=email],
body:not(.page-id-9848) .wpcf7 input[type=tel],
body:not(.page-id-9848) .wpcf7 textarea,
body:not(.page-id-9848) .wpcf7 select{
  background-color:#141516!important;
  color:#f2ead6!important;
  border:1px solid rgba(201,160,58,.22)!important;
  border-radius:12px!important;
  padding:12px 15px!important;
  transition:border-color .2s ease, box-shadow .2s ease!important;
}
body:not(.page-id-9848) .wpcf7 input:focus,
body:not(.page-id-9848) .wpcf7 textarea:focus,
body:not(.page-id-9848) .wpcf7 select:focus,
body:not(.page-id-9848) .wpcf7-form-control:focus{
  border-color:rgba(246,230,180,.75)!important;
  box-shadow:0 0 0 3px rgba(201,160,58,.18), 0 0 18px rgba(201,160,58,.22)!important;
  outline:none!important;
}
body:not(.page-id-9848) .wpcf7 ::placeholder{color:rgba(255,255,255,.40);opacity:1}
body:not(.page-id-9848) .wpcf7 .wpcf7-not-valid{border-color:rgba(232,110,110,.75)!important}
body:not(.page-id-9848) .wpcf7-not-valid-tip{color:#e88b8b!important;font-size:12.5px}
body:not(.page-id-9848) .wpcf7-response-output{
  border-radius:12px!important;
  border:1px solid rgba(201,160,58,.35)!important;
  color:#f2ead6!important;
  padding:12px 15px!important;
}

/* ==========================================================================
   6 · CHECKOUT  ·  /checkout-fast/  (and /cart/, which 301s here)
   COLOUR ONLY. display, pointer-events, position, visibility and opacity are
   deliberately absent from every rule in this section — the pay button must
   never be able to disappear or stop receiving clicks because of this file.
   ========================================================================== */
body.woocommerce-checkout .input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea{
  border-color:rgba(201,160,58,.24)!important;
  transition:border-color .2s ease, box-shadow .2s ease!important;
}
body.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus{
  border-color:rgba(246,230,180,.75)!important;
  box-shadow:0 0 0 3px rgba(201,160,58,.18)!important;
  outline:none!important;
}
body.woocommerce-checkout ::placeholder{color:rgba(255,255,255,.40);opacity:1}

body.woocommerce-checkout .required{color:#e2c887!important;text-decoration:none!important}
body.woocommerce-checkout form.checkout h3,
body.woocommerce-checkout #order_review_heading{
  position:relative;
  color:#f7ebc6!important;
  letter-spacing:.10em;
  padding-bottom:12px;
}
body.woocommerce-checkout form.checkout h3::after,
body.woocommerce-checkout #order_review_heading::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,160,58,.55),transparent);
}
/* the terms panel carried the last purple accent on the buy path */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  border-color:rgba(201,160,58,.40)!important;
  border-radius:12px!important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions{
  border-color:rgba(201,160,58,.22)!important;
}
body.woocommerce-checkout .mst-q__b{
  border-color:rgba(201,160,58,.24)!important;
  color:#f2e0a8!important;
  transition:border-color .2s ease, box-shadow .2s ease!important;
}
body.woocommerce-checkout .mst-q__b:hover,
body.woocommerce-checkout .mst-q__b:focus-visible{
  border-color:rgba(246,230,180,.70)!important;
  box-shadow:0 0 14px rgba(201,160,58,.25)!important;
}
body.woocommerce-checkout .order-total .amount,
body.woocommerce-checkout .order-total th{color:#f7ebc6!important}
body.woocommerce-checkout .showcoupon{color:#e2c887!important}

/* the pay button gets extra room to breathe — colour and box only */
body:not(.page-id-9848) button#place_order,
body:not(.page-id-9848) input#place_order{
  font-size:17px!important;
  letter-spacing:.02em!important;
  padding:16px 28px!important;
}

/* ==========================================================================
   7 · WOOCOMMERCE NOTICES
   ========================================================================== */
body:not(.page-id-9848) .woocommerce-message,
body:not(.page-id-9848) .woocommerce-info,
body:not(.page-id-9848) .woocommerce-error{
  background:linear-gradient(180deg,#17181a 0%,#0e0f10 100%)!important;
  color:#f2ead6!important;
  border:1px solid rgba(201,160,58,.30)!important;
  border-top:1px solid rgba(201,160,58,.30)!important;
  border-radius:14px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.45)!important;
}
body:not(.page-id-9848) .woocommerce-error{border-color:rgba(232,110,110,.45)!important}
body:not(.page-id-9848) .woocommerce-message::before,
body:not(.page-id-9848) .woocommerce-info::before{color:#c79a34!important}


/* ==========================================================================
   8 · WOOCOMMERCE SELECTOR PATCH
   Section 1 wrote "body:not(.page-id-9848) .woocommerce a.button", which asks for
   a DESCENDANT carrying .woocommerce. On this install the class sits on <body>
   itself and there is no div.woocommerce wrapper on the shop archive, so the
   add-to-cart buttons kept the stock grey. Verified live: the class list is
   "button product_type_simple add_to_cart_button ajax_add_to_cart" on an <a>,
   inside body.woocommerce.woocommerce-shop. Both shapes are covered here.
   ========================================================================== */
body:not(.page-id-9848).woocommerce a.button,
body:not(.page-id-9848).woocommerce button.button,
body:not(.page-id-9848).woocommerce input.button,
body:not(.page-id-9848).woocommerce-page a.button,
body:not(.page-id-9848).woocommerce-page button.button,
body:not(.page-id-9848).woocommerce-page input.button,
body:not(.page-id-9848) a.add_to_cart_button,
body:not(.page-id-9848) a.single_add_to_cart_button,
body:not(.page-id-9848) button.single_add_to_cart_button,
body:not(.page-id-9848) a.checkout-button{
  background-image:linear-gradient(180deg,#f6e6b4 0%,#c79a34 100%)!important;
  background-color:#c79a34!important;
  color:#2b1b05!important;
  border:1px solid rgba(255,244,214,.70)!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  text-shadow:none!important;
  padding:12px 22px!important;
  font-size:14px!important;
  line-height:1.15!important;
  box-shadow:
    0 6px 16px rgba(0,0,0,.50),
    0 0 20px rgba(201,160,58,.30),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
  transition:transform .2s ease, box-shadow .28s ease, background-image .2s ease!important;
}
body:not(.page-id-9848).woocommerce a.button:hover,
body:not(.page-id-9848).woocommerce button.button:hover,
body:not(.page-id-9848).woocommerce input.button:hover,
body:not(.page-id-9848) a.add_to_cart_button:hover,
body:not(.page-id-9848) a.single_add_to_cart_button:hover,
body:not(.page-id-9848) button.single_add_to_cart_button:hover,
body:not(.page-id-9848) a.checkout-button:hover,
body:not(.page-id-9848).woocommerce a.button:focus-visible,
body:not(.page-id-9848).woocommerce button.button:focus-visible,
body:not(.page-id-9848) a.add_to_cart_button:focus-visible{
  background-image:linear-gradient(180deg,#fff3cf 0%,#d3a63c 100%)!important;
  color:#2b1b05!important;
  transform:translateY(-2px);
  box-shadow:
    0 10px 22px rgba(0,0,0,.58),
    0 0 30px rgba(246,230,180,.55),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
}
body:not(.page-id-9848).woocommerce a.button:focus-visible,
body:not(.page-id-9848).woocommerce button.button:focus-visible,
body:not(.page-id-9848) a.add_to_cart_button:focus-visible,
body:not(.page-id-9848) a.checkout-button:focus-visible{
  outline:3px solid #f6e6b4!important;outline-offset:3px!important;
}
body:not(.page-id-9848).woocommerce a.button:active,
body:not(.page-id-9848) a.add_to_cart_button:active{transform:translateY(0) scale(.985)}

/* the AJAX "view cart" link stays secondary */
body:not(.page-id-9848) a.added_to_cart{
  background-image:none!important;
  background-color:rgba(10,7,4,.55)!important;
  color:#f2e0a8!important;
  border:1px solid rgba(201,160,58,.50)!important;
  box-shadow:none!important;
  border-radius:999px!important;
  padding:10px 18px!important;
  font-size:13px!important;
  text-decoration:none!important;
  display:inline-block;
  margin:8px 14px 0!important;
}
body:not(.page-id-9848) a.added_to_cart:hover{
  border-color:rgba(246,230,180,.80)!important;
  color:#fff3cf!important;
  box-shadow:0 0 18px rgba(201,160,58,.28)!important;
}

/* notices — same fix, compound body */
body:not(.page-id-9848).woocommerce .woocommerce-message,
body:not(.page-id-9848).woocommerce .woocommerce-info,
body:not(.page-id-9848).woocommerce .woocommerce-error,
body:not(.page-id-9848).woocommerce-page .woocommerce-message,
body:not(.page-id-9848).woocommerce-page .woocommerce-info,
body:not(.page-id-9848).woocommerce-page .woocommerce-error{
  background:linear-gradient(180deg,#17181a 0%,#0e0f10 100%)!important;
  color:#f2ead6!important;
  border:1px solid rgba(201,160,58,.30)!important;
  border-top:1px solid rgba(201,160,58,.30)!important;
  border-radius:14px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.45)!important;
}

@media (prefers-reduced-motion:reduce){
  body:not(.page-id-9848).woocommerce a.button,
  body:not(.page-id-9848) a.add_to_cart_button,
  body:not(.page-id-9848) a.checkout-button{transition:none!important}
  body:not(.page-id-9848).woocommerce a.button:hover,
  body:not(.page-id-9848) a.add_to_cart_button:hover,
  body:not(.page-id-9848) a.checkout-button:hover{transform:none}
}


/* ---- mst-selected-date -------------------------------------------------
   Reported by Mark 2026-09-08: on mobile, picking a date looked like nothing
   happened. The theme marked the choice with a purple border on a 36px chip
   and little else, so the feedback was invisible on a phone. Uses the gold
   pill language already approved for the site rather than the purple that was
   rejected on the cards. Class doubled for specificity, because CSS in <head>
   loses to Elementor's inline <style>. Cosmetic only - no layout, no JS. */
.play__all_dates__item.play__all_dates__item{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.play__all_dates__item.current.current{
  background:#D0A238 !important;
  border-color:#D0A238 !important;
  color:#2b1b05 !important;
  font-weight:700 !important;
  box-shadow:0 0 10px rgba(208,162,56,.45) !important;
}
.play__all_dates__item.current.current i{ color:#2b1b05 !important; }
/* ---- end mst-selected-date ---- */


/* ---- mst-buy-button-size ------------------------------------------------
   Reported by Mark 2026-09-08 with a Russian screenshot: the buy button is far
   too small. Cause: the design-line block above zeroes vertical padding and
   drops the font to 16px on every page except 9848, so EN and RU rendered a
   flattened pill while Hebrew kept the full one. This restores the theme own
   proportions in every language. Specificity beats the not(.page-id-9848)
   rule by repeating the class. Cosmetic only. */
html body a.btn__add_to_cart.btn__add_to_cart{
  font-size:18px !important;
  line-height:1 !important;
  padding:0.8em 2em !important;
  min-width:280px !important;
}
@media (max-width:768px){
  html body a.btn__add_to_cart.btn__add_to_cart{ width:100% !important; }
}
/* ---- end mst-buy-button-size ---- */


/* ---- mst-buy-button-gold ------------------------------------------------
   Research finding, 08/09: the button that sells the ticket on /raamset/ was
   #8224E3 purple - the exact purple Mark rejected on the cards - while the
   selected date chip beside it was already gold. Section 1 of this file scopes
   every gold-button rule with body:not(.page-id-9848), so the show page was
   explicitly excluded from its own design system and contradicted itself at
   the moment of decision. Paint properties only: background, colour, border,
   radius, weight, shadow, and a hover lift. Nothing here touches display,
   position, pointer-events, opacity or visibility. */
html body a.btn__add_to_cart.btn__add_to_cart{
  background:linear-gradient(180deg,var(--mst-g1),var(--mst-g2)) !important;
  color:var(--mst-ink) !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:700 !important;
  text-transform:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.35), 0 0 18px rgba(199,154,52,.35) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
html body a.btn__add_to_cart.btn__add_to_cart:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 3px 0 rgba(0,0,0,.35), 0 0 26px rgba(199,154,52,.5) !important;
}
html body a.btn__add_to_cart.btn__add_to_cart:focus-visible{
  outline:2px solid var(--mst-g1) !important;
  outline-offset:3px !important;
}
/* ---- end mst-buy-button-gold ---- */
