/*
Theme Name:   Blocksy Child
Theme URI:    https://coastalcreations.co.za/
Description:  Blocksy child theme for the Coastal Creations sticker dev environment.
Author:       Coastal Creations
Template:     blocksy
Version:      1.0.2
Text Domain:  blocksy-child
*/

/* ===== Moved from Customizer Additional CSS on 2026-07-25 (see rule #234) ===== */

/* WooCommerce Blocks primary actions. Woo ships its own geometry, typography and
   white-on-fill text for these buttons. Blocksy does not style them (verified: no
   theme file references wc-block-components-button) and Elementor has no control
   over them, so the brand button spec is restated here. Colours reference the
   Elementor kit globals as CSS variables with hex fallbacks, so they follow the kit.
   Spec mirrors the 'Add to basket' button in the CC StickerOrder Configurator. */

.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-components-button--fill{
  background-color:var(--e-global-color-secondary,#F6851F)!important;
  color:var(--e-global-color-accent,#0E2230)!important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-components-button--fill:hover{
  background-color:var(--e-global-color-ccora600,#DC6E0C)!important;
  color:var(--e-global-color-accent,#0E2230)!important;
}

/* Geometry and type on the two primary actions only, so smaller fill buttons
   (coupon, utility actions) keep a sensible size. */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  font-family:'Barlow Condensed',sans-serif!important;
  font-weight:700!important;
  font-size:17px!important;
  text-transform:uppercase!important;
  letter-spacing:.6px!important;
  border-radius:12px!important;
  padding:16px 30px!important;
  border:0!important;
}

/* CTA band. The dashed cut lines and scissors glyph that flanked the button were removed
   2026-08-01, along with their two containers on template 59. What remains is the button
   outline rule below. NOTE: it does not currently render. The button widget carries the class
   under 'css_classes', but widgets read '_css_classes' (containers use the other key), so the
   class never reaches the markup. Left in place deliberately: fix the key on widget 0a4a80a to
   bring the outline back, or delete this rule if it is not wanted. Classes: Advanced > CSS Classes. */

.cc-cutrow{width:100%}
.cc-cutbtn{position:relative}
.cc-cutbtn .elementor-button{position:relative;white-space:nowrap}
.cc-cutbtn .elementor-button:before{content:'';position:absolute;inset:-9px;border:2px dashed rgba(220,110,12,.55);border-radius:16px;transition:inset .22s ease;pointer-events:none}
.cc-cutbtn .elementor-button:hover:before{inset:-5px}