/* Oloropa O(5) — exact packages-page lookbook button contract. */
:root {
  --primary-gold-token: #D58654;
  --secondary-dark-token: #231915;
  --btn-primary-text: #231915;
  --btn-secondary-text: #FDFBF7;
  --btn-lookbook-radius: 9999px;
  --btn-lookbook-min-height: 52px;
  --btn-lookbook-inline-pad: clamp(1.4rem, 2.2vw, 2rem);
  --btn-lookbook-font-size: clamp(0.9rem, 0.84rem + 0.2vw, 1.02rem);
  --btn-lookbook-shadow: 0 12px 28px rgba(35, 25, 21, 0.15);
  --btn-lookbook-shadow-hover: 0 16px 36px rgba(35, 25, 21, 0.22);
  --btn-lookbook-focus: 0 0 0 3px rgba(253, 251, 247, 0.94), 0 0 0 6px rgba(213, 134, 84, 0.52);
  --btn-lookbook-transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.ol-packages-page.ol-lookbook-button-system {
  --primary-gold-token: #D58654;
  --secondary-dark-token: #231915;
  --btn-primary-text: #231915;
  --btn-secondary-text: #FDFBF7;
}

body.ol-packages-page.ol-lookbook-button-system :where(a, button).btn-lookbook-primary,
body.ol-packages-page.ol-lookbook-button-system :where(a, button).btn-lookbook-secondary {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  position: relative;
  min-width: 44px !important;
  min-height: var(--btn-lookbook-min-height) !important;
  width: max-content !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 var(--btn-lookbook-inline-pad) !important;
  border: 0 !important;
  border-radius: var(--btn-lookbook-radius) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  overflow: hidden !important;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: var(--btn-lookbook-font-size) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: var(--btn-lookbook-shadow) !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transform-origin: center !important;
  backface-visibility: hidden !important;
  transition: var(--btn-lookbook-transition) !important;
  will-change: transform !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(a, button).btn-lookbook-primary {
  background: var(--primary-gold-token) !important;
  background-color: var(--primary-gold-token) !important;
  background-image: none !important;
  color: var(--btn-primary-text) !important;
  border-color: transparent !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(a, button).btn-lookbook-secondary {
  background: var(--secondary-dark-token) !important;
  background-color: var(--secondary-dark-token) !important;
  background-image: none !important;
  color: var(--btn-secondary-text) !important;
  border-color: transparent !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary) :where(span, strong, small, b, em, i, svg) {
  color: inherit !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary)::before,
body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary) svg {
  flex: 0 0 auto;
  fill: currentColor;
  stroke: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  body.ol-packages-page.ol-lookbook-button-system .btn-lookbook-primary:hover {
    background: #DF9465 !important;
    color: var(--btn-primary-text) !important;
    box-shadow: var(--btn-lookbook-shadow-hover) !important;
    transform: translate3d(0, -2px, 0) scale(1.01) !important;
  }

  body.ol-packages-page.ol-lookbook-button-system .btn-lookbook-secondary:hover {
    background: #30231E !important;
    color: var(--btn-secondary-text) !important;
    box-shadow: var(--btn-lookbook-shadow-hover) !important;
    transform: translate3d(0, -2px, 0) scale(1.01) !important;
  }
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary):active {
  transform: translate3d(0, 0, 0) scale(0.97) !important;
  box-shadow: 0 6px 14px rgba(35, 25, 21, 0.16) !important;
  transition-duration: 0.12s !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary):focus-visible {
  outline: none !important;
  box-shadow: var(--btn-lookbook-focus) !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary):disabled,
body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary)[aria-disabled="true"] {
  opacity: 0.56 !important;
  pointer-events: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Remove every legacy gradient, outline, pseudo-glow, and miniature CTA silhouette. */
body.ol-packages-page.ol-lookbook-button-system :where(
  .pk-btn,
  .pk4-btn,
  .pk4-immersive-opener,
  .pk4-compare-btn,
  .ol-global-brief-cta,
  .ol-global-drawer-brief,
  .olx-footer-brief > a,
  .ol-cc-footer-brief > a,
  .ol-mobile-package-actionbar > a,
  .ol-pro-result-card a
).btn-lookbook-primary,
body.ol-packages-page.ol-lookbook-button-system :where(
  .pk-btn,
  .pk4-btn,
  .pk4-immersive-opener,
  .pk4-compare-btn,
  .ol-global-brief-cta,
  .ol-global-drawer-brief,
  .olx-footer-brief > a,
  .ol-cc-footer-brief > a,
  .ol-mobile-package-actionbar > a,
  .ol-pro-result-card a
).btn-lookbook-secondary {
  min-height: var(--btn-lookbook-min-height) !important;
  padding-inline: var(--btn-lookbook-inline-pad) !important;
  border: 0 !important;
  border-radius: var(--btn-lookbook-radius) !important;
  background-image: none !important;
  text-decoration: none !important;
}

/* Hero, journey-card, compare, and quiz CTA rows share one exact baseline. */
body.ol-packages-page.ol-lookbook-button-system :where(
  .pk4-hero-action-row,
  .pk4-hero-ctas,
  .pk-actions,
  .pk4-actions,
  .pk-actions-secondary,
  .pk4-compare-card,
  .ol-pro-result-card > div
) {
  align-items: center !important;
}

body.ol-packages-page.ol-lookbook-button-system .pk4-hero-action-row,
body.ol-packages-page.ol-lookbook-button-system .pk4-hero-ctas {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 0.8rem !important;
}

body.ol-packages-page.ol-lookbook-button-system .pk-actions,
body.ol-packages-page.ol-lookbook-button-system .pk4-actions,
body.ol-packages-page.ol-lookbook-button-system .pk-actions-secondary {
  gap: 0.75rem !important;
}

body.ol-packages-page.ol-lookbook-button-system .pk-actions > .btn-lookbook-primary,
body.ol-packages-page.ol-lookbook-button-system .pk-actions-secondary > .btn-lookbook-secondary,
body.ol-packages-page.ol-lookbook-button-system .pk4-compare-card .btn-lookbook-primary,
body.ol-packages-page.ol-lookbook-button-system .ol-pro-result-card .btn-lookbook-primary {
  align-self: flex-start !important;
}

/* Page-local global CTAs use the same primary capsule without changing shared templates. */
body.ol-packages-page.ol-lookbook-button-system :where(.ol-global-brief-cta, .ol-global-drawer-brief, .olx-footer-brief > a, .ol-cc-footer-brief > a) {
  border: 0 !important;
  border-radius: var(--btn-lookbook-radius) !important;
  background: var(--primary-gold-token) !important;
  background-image: none !important;
  color: var(--btn-primary-text) !important;
  font-weight: 800 !important;
  transition: var(--btn-lookbook-transition) !important;
  will-change: transform !important;
}

body.ol-packages-page.ol-lookbook-button-system :where(.ol-global-brief-cta, .ol-global-drawer-brief, .olx-footer-brief > a, .ol-cc-footer-brief > a):active {
  transform: translate3d(0, 0, 0) scale(0.97) !important;
}

/* Compact mobile action bar keeps one clear primary and one secondary pill. */
body.ol-packages-page.ol-lookbook-button-system .ol-mobile-package-actionbar {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

@media (max-width: 900px) {
  :root {
    --btn-lookbook-min-height: 50px;
    --btn-lookbook-inline-pad: 1.25rem;
  }

  body.ol-packages-page.ol-lookbook-button-system .pk4-hero-action-row,
  body.ol-packages-page.ol-lookbook-button-system .pk4-hero-ctas {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.ol-packages-page.ol-lookbook-button-system .pk4-hero-action-row > :where(.btn-lookbook-primary, .btn-lookbook-secondary),
  body.ol-packages-page.ol-lookbook-button-system .pk4-hero-ctas > :where(.btn-lookbook-primary, .btn-lookbook-secondary) {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.ol-packages-page.ol-lookbook-button-system #package-finder :where(.pk-actions, .pk4-actions, [data-ol-mobile-action-deck]) :where(.btn-lookbook-primary, .btn-lookbook-secondary) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 1.25rem !important;
    white-space: nowrap !important;
  }

  body.ol-packages-page.ol-lookbook-button-system #package-finder .pk-actions > .btn-lookbook-primary {
    background: var(--primary-gold-token) !important;
    color: var(--btn-primary-text) !important;
  }

  body.ol-packages-page.ol-lookbook-button-system #package-finder .pk-actions-secondary :where(.btn-lookbook-secondary, .soft, .ghost, button.btn-lookbook-secondary) {
    border: 0 !important;
    background: var(--secondary-dark-token) !important;
    color: var(--btn-secondary-text) !important;
    box-shadow: var(--btn-lookbook-shadow) !important;
  }

  body.ol-packages-page.ol-lookbook-button-system .ol-mobile-package-actionbar > :where(.btn-lookbook-primary, .btn-lookbook-secondary) {
    min-height: 46px !important;
    padding-inline: 1rem !important;
    font-size: 0.82rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ol-packages-page.ol-lookbook-button-system :where(
    .btn-lookbook-primary,
    .btn-lookbook-secondary,
    .ol-global-brief-cta,
    .ol-global-drawer-brief,
    .olx-footer-brief > a,
    .ol-cc-footer-brief > a
  ) {
    transition-duration: 0.01ms !important;
  }

  body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary):hover,
  body.ol-packages-page.ol-lookbook-button-system :where(.btn-lookbook-primary, .btn-lookbook-secondary):active {
    transform: none !important;
  }
}