/* APPARELLY BLANK — V63 Global Button + Static Background */

/* ----------------------------------------------------------
   1. BRAND ATMOSPHERE
---------------------------------------------------------- */

body {
  background:
    radial-gradient(circle at 10% 12%, rgba(243,196,0,.045), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(31,107,67,.06), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(157,29,22,.04), transparent 38%),
    #080808 !important;
}

/* Subtle fixed grid/ribbon atmosphere on brand pages */
body:has(.ablk-page-v48)::before,
body:has(.ablk-page)::before,
body.woocommerce-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .42;
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(243,196,0,.05) 46%, transparent 49%),
    linear-gradient(70deg, transparent 0 58%, rgba(239,232,216,.035) 60%, transparent 63%),
    repeating-linear-gradient(
      90deg,
      rgba(239,232,216,.025) 0 1px,
      transparent 1px 88px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(239,232,216,.018) 0 1px,
      transparent 1px 88px
    );
  transform: none;
  animation: none !important;
}

body:has(.ablk-page-v48)::after,
body:has(.ablk-page)::after,
body.woocommerce-page::after {
  content: "";
  position: fixed;
  inset: auto -20vw 6vh -20vw;
  height: 34vh;
  z-index: 0;
  pointer-events: none;
  opacity: .28;
  filter: blur(30px);
  background:
    radial-gradient(ellipse at 22% 50%, rgba(243,196,0,.18), transparent 48%),
    radial-gradient(ellipse at 58% 70%, rgba(31,107,67,.14), transparent 52%),
    radial-gradient(ellipse at 80% 52%, rgba(157,29,22,.12), transparent 48%);
  animation: none !important;
}

/* Keep actual content above the ambient layer */
.ablk-page-v48,
.ablk-page,
.site-main,
#main,
main,
.site-footer,
.ct-footer {
  position: relative;
  z-index: 1;
}

/* ----------------------------------------------------------
   2. GLOBAL BUTTON RESET
   Less pill, thinner, sharper, more BLANK.
---------------------------------------------------------- */

:root {
  --ablk-v63-yellow: #f3c400;
  --ablk-v63-ink: #080808;
  --ablk-v63-cream: #efe8d8;
  --ablk-v63-line: rgba(239,232,216,.20);
  --ablk-v63-radius: 12px;
}

/* Core buttons, Woo buttons, theme buttons */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
button[type="submit"],
input[type="submit"],
.ct-button {
  min-height: 44px !important;
  border-radius: var(--ablk-v63-radius) !important;
  padding: .68rem 1rem !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  border: 1px solid rgba(243,196,0,.48) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    filter .18s ease !important;
}

/* Filled buttons */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-element-button,
.ablk-v48-primary .wp-block-button__link,
.ablk-v48-primary .wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
button[type="submit"],
input[type="submit"] {
  background:
    linear-gradient(135deg, #f3c400, #d7a900) !important;
  color: var(--ablk-v63-ink) !important;
  -webkit-text-fill-color: var(--ablk-v63-ink) !important;
}

/* Outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button,
.ablk-v48-secondary .wp-block-button__link,
.ablk-v48-secondary .wp-element-button {
  background:
    linear-gradient(135deg, rgba(239,232,216,.045), rgba(239,232,216,.015)) !important;
  color: var(--ablk-v63-cream) !important;
  -webkit-text-fill-color: var(--ablk-v63-cream) !important;
  border: 1px solid var(--ablk-v63-line) !important;
}

/* Button layer */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button,
.woocommerce .button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
button[type="submit"],
input[type="submit"] {
  position: relative !important;
  overflow: hidden !important;
}

.wp-block-button .wp-block-button__link::after,
.wp-block-button .wp-element-button::after,
.woocommerce .button::after,
.add_to_cart_button::after,
.single_add_to_cart_button::after,
.checkout-button::after,
#place_order::after,
button[type="submit"]::after {
  content: none !important;
  display: none !important;
}

/* Hover/focus state */
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-element-button:hover,
.woocommerce .button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.06) contrast(1.04) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.32),
    0 0 0 1px rgba(243,196,0,.24),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.wp-block-button .wp-block-button__link:hover::after,
.wp-block-button .wp-element-button:hover::after,
.woocommerce .button:hover::after,
.add_to_cart_button:hover::after,
.single_add_to_cart_button:hover::after,
.checkout-button:hover::after,
#place_order:hover::after,
button[type="submit"]:hover::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.wp-block-button .wp-block-button__link:focus-visible,
.wp-block-button .wp-element-button:focus-visible,
.woocommerce .button:focus-visible,
.add_to_cart_button:focus-visible,
.single_add_to_cart_button:focus-visible,
.checkout-button:focus-visible,
#place_order:focus-visible,
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible {
  outline: 3px solid rgba(243,196,0,.65) !important;
  outline-offset: 3px !important;
}

/* Inner button text/icons inherit correct contrast */
.wp-block-button__link *,
.wp-element-button *,
.woocommerce .button *,
.add_to_cart_button *,
.single_add_to_cart_button *,
.checkout-button *,
#place_order * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ----------------------------------------------------------
   3. REDUCED MOTION
---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  body:has(.ablk-page-v48)::before,
  body:has(.ablk-page)::before,
  body.woocommerce-page::before,
  body:has(.ablk-page-v48)::after,
  body:has(.ablk-page)::after,
  body.woocommerce-page::after,
  .wp-block-button .wp-block-button__link::after,
  .wp-block-button .wp-element-button::after,
  .woocommerce .button::after,
  .add_to_cart_button::after,
  .single_add_to_cart_button::after,
  .checkout-button::after,
  #place_order::after,
  button[type="submit"]::after {
    animation: none !important;
  }

  .wp-block-button .wp-block-button__link,
  .wp-block-button .wp-element-button,
  .woocommerce .button,
  .add_to_cart_button,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  button[type="submit"],
  input[type="submit"] {
    transition: none !important;
    transform: none !important;
  }
}

/* Mobile keeps buttons full and tap-friendly */
@media (max-width: 720px) {
  .wp-block-buttons,
  .wp-block-button,
  .wp-block-button .wp-block-button__link,
  .wp-block-button .wp-element-button {
    width: 100%;
  }

  .wp-block-button .wp-block-button__link,
  .wp-block-button .wp-element-button {
    justify-content: center;
  }
}