/* =================================================================
   BaitBaitk · Hero CTA Hierarchy
   File: bbk-hero-cta.css
   Theme: Kadence — targets .bbk-hero-v2__btn--primary / --secondary
   Scheme: C (Phoenician Red).
   ================================================================= */

:root{
  --bbk-cta-primary:        #A8081E;
  --bbk-cta-primary-hover:  #820617;
  --bbk-cta-primary-active: #5E0410;
  --bbk-cta-secondary-fg:   #1F1612;
}

/* ---- Primary: Shop Now ---- */
html body .bbk-hero-v2__btn--primary{
  background: var(--bbk-cta-primary) !important;
  color: #fff !important;
  border: 0 !important;
  min-height: 60px !important;
  padding: 0 40px !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  border-radius: 999px !important;
  box-shadow:
    0 14px 32px rgba(168, 8, 30, .32),
    0 4px 10px  rgba(168, 8, 30, .18),
    inset 0 -2px 0 rgba(0, 0, 0, .12) !important;
  transition: transform .18s cubic-bezier(.2,.7,.2,1),
              box-shadow .22s ease,
              background-color .15s ease !important;
  position: relative !important;
  z-index: 1;
}
html body .bbk-hero-v2__btn--primary:hover,
html body .bbk-hero-v2__btn--primary:focus-visible{
  background: var(--bbk-cta-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 38px rgba(168, 8, 30, .38),
    0 6px 14px  rgba(168, 8, 30, .22),
    inset 0 -2px 0 rgba(0, 0, 0, .15) !important;
}
html body .bbk-hero-v2__btn--primary:active{
  background: var(--bbk-cta-primary-active) !important;
  transform: translateY(0) !important;
}
html body .bbk-hero-v2__btn--primary:focus-visible{
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}

/* Subtle attention pulse on first visit; respects prefers-reduced-motion */
@media (prefers-reduced-motion: no-preference){
  html body .bbk-hero-v2__btn--primary::after{
    content: "";
    position: absolute; inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 0 rgba(168, 8, 30, .55);
    animation: bbk-cta-pulse 2.6s cubic-bezier(.2,.7,.2,1) 1.2s 3;
    pointer-events: none;
  }
  @keyframes bbk-cta-pulse{
    0%   { box-shadow: 0 0 0 0 rgba(168, 8, 30, .45); }
    70%  { box-shadow: 0 0 0 18px rgba(168, 8, 30, 0); }
    100% { box-shadow: 0 0 0 0 rgba(168, 8, 30, 0); }
  }
}

/* ---- Secondary: Browse / Explore Collections ---- */
html body .bbk-hero-v2__btn--secondary{
  background: transparent !important;
  color: var(--bbk-cta-secondary-fg) !important;
  border: 1.5px solid rgba(31, 22, 18, .35) !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transition: border-color .18s ease,
              background-color .15s ease,
              color .15s ease !important;
}
html body .bbk-hero-v2__btn--secondary:hover,
html body .bbk-hero-v2__btn--secondary:focus-visible{
  background: rgba(31, 22, 18, .06) !important;
  border-color: rgba(31, 22, 18, .65) !important;
  color: var(--bbk-cta-secondary-fg) !important;
}
html body .bbk-hero-v2__btn--secondary:focus-visible{
  outline: 2px solid var(--bbk-cta-secondary-fg) !important;
  outline-offset: 3px !important;
}

/* ---- Mobile sizing ---- */
@media (max-width: 780px){
  html body .bbk-hero-v2__btn--primary{
    min-height: 56px !important;
    font-size: 1.02rem !important;
    padding: 0 22px !important;
  }
  html body .bbk-hero-v2__btn--secondary{
    min-height: 48px !important;
    font-size: .94rem !important;
    padding: 0 18px !important;
  }
}