/* Silktide Consent Manager — JAMX theme overrides */

#stcm-wrapper {
  --primaryColor: #292929;
  --backgroundColor: #f3f1e5;
  --textColor: #292929;
  --iconColor: #f3f1e5;
  --iconBackgroundColor: #e3f87f;
}

/* Cookie icon */
#stcm-icon {
  border: 3px solid #ff5a57 !important;
  background-color: #ff5a57 !important;
  transition: transform 0.25s ease-in-out;
}
#stcm-icon:hover {
  transform: translateY(-4px);
}
#stcm-icon:active {
  transform: translateY(-1px);
  transition: transform 0.1s ease-in-out;
}
#stcm-icon svg {
  fill: #e3f87f !important;
}

/* Buttons — pill shape + lift animation */
#stcm-wrapper .stcm-button {
  border-radius: 9999px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  border: 2px solid #292929;
}
#stcm-wrapper .stcm-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 0 0 #292929;
}
#stcm-wrapper .stcm-button:active {
  transform: translateY(-1px);
  box-shadow: 0 2px 0 0 #292929;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

/* Accept All → lime */
#stcm-wrapper .stcm-button-primary {
  background-color: #e3f87f;
  color: #292929;
  border-color: #292929;
}
#stcm-wrapper .stcm-button-primary:hover {
  background-color: #e3f87f;
  color: #292929;
}

/* Reject → cream outline */
#stcm-wrapper .stcm-button-secondary {
  background-color: #f3f1e5;
  color: #292929;
  border-color: #292929;
}
#stcm-wrapper .stcm-button-secondary:hover {
  background-color: #f3f1e5;
  color: #292929;
}

/* Desktop — wider banner, buttons in one row */
@media (min-width: 600px) {
  #stcm-banner {
    width: 800px;
  }
  #stcm-banner .stcm-actions {
    flex-direction: row !important;
    align-items: center !important;
  }
}

/* Mobile — stacked full-width buttons, compact padding */
@media (max-width: 599px) {
  #stcm-banner {
    padding: 20px;
  }
  #stcm-banner .stcm-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #stcm-banner .stcm-actions-row {
    flex-direction: column;
    width: 100%;
  }
  #stcm-banner .stcm-actions-row .stcm-button {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  #stcm-wrapper .stcm-button,
  #stcm-icon {
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
  }
}