/*
Theme Name: Corvette Lottery Child
Template: Divi
Version: 0.9.6
Description: Native Divi 5.9 child theme for corvettelottery.com.
Author: Pinpoint Media Design
*/

:root {
  --corvette-red: #d71920;
  --corvette-black: #08090c;
  --corvette-white: #ffffff;
  --rotary-royal-blue: #17458f;
  --rotary-gold: #f7a81b;
  --corvette-info-azure: #00c7f2;
  --corvette-info-ink: #04243d;
}

/* One synced Divi Library purchase CTA used by every checkout placement. */
.cl-global-buy-button.et_pb_button {
  display: inline-flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: var(--cl-touch, 48px);
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.45rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffd400, var(--rotary-gold)) !important;
  box-shadow: 0 16px 35px rgb(247 168 27 / 30%);
  color: #06152f !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.015em;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.cl-global-buy-button.et_pb_button:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgb(247 168 27 / 38%);
}

/* Divi's arrow stays beside the label instead of overlaying its centre. */
.cl-global-buy-button.et_pb_button::after,
.cl-global-buy-button.et_pb_button:hover::after {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  margin: 0 0 0 0.6em !important;
  opacity: 1 !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  transform: none !important;
}

/* Internal navigation is blue; yellow remains exclusive to ticket sales. */
body .et_pb_button:not(.cl-global-buy-button) {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: var(--cl-touch, 48px);
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.45rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #8cddff, var(--corvette-info-azure)) !important;
  box-shadow: 0 16px 35px rgb(0 154 213 / 24%);
  color: #001550 !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.015em;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

body .et_pb_button:not(.cl-global-buy-button):hover,
body .et_pb_button:not(.cl-global-buy-button):focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgb(0 154 213 / 32%);
}

/* Divi's generated arrow remains beside the label on every internal CTA. */
body .et_pb_button:not(.cl-global-buy-button)::after,
body .et_pb_button:not(.cl-global-buy-button):hover::after,
body .et_pb_button:not(.cl-global-buy-button):focus-visible::after {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  margin: 0 0 0 0.6em !important;
  opacity: 1 !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .cl-global-buy-button.et_pb_button,
  body .et_pb_button:not(.cl-global-buy-button) {
    transition: none;
  }
}