/* Custom Stock Message overrides / changes === */
.tipClass {
	margin-left: 1px;
}

.newStockMessage img {
	width: 16px !important;
	height: 16px !important;
}

/* BS Tooltip */
.tooltip-inner {
	top: calc(100% + 3px);
	left: 50%;
	width: 240px;
	padding: 4px;
	font-size: 13px;
	pointer-events: none;
	border: 1px solid #ccc !important;
	background-color: #fff;
	color: #000;
	font-size: 10px;
	z-index: 9999;
	text-align: left;
	border-radius: 0;
	font-family: var(--samAL_TopNav_Font_Family);
}

/* Ensure tooltip is fully visible when shown */
.tooltip.in {
	opacity: 1;
}

/* Tooltip arrow styling - positioned at top (arrow points down) */
.tooltip.top .tooltip-arrow {
	border-top-color: #ccc !important;
}

.tooltip.top .tooltip-arrow::after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}

/* Tooltip arrow styling - positioned at bottom (arrow points up) */
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ccc !important;
}

.tooltip.bottom .tooltip-arrow::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
}

/* PDP / QV === */

/* Stock Message Placeholder - shown when product has options and user needs to select */
/* web-1170 stage only */
/* Uses same container as stock messages for visual consistency */
.stock-msg-placeholder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 9px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-size: 14px;
  color: #2b2b2b;
  font-family: var(--galls-font-gt-america-standard);
  text-transform: none;
}

/* Status Pill - used for ALL stock messages */
.pdp__status-pill {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 9px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.pdp__status-pill:hover {
  background: #f9f9f9;
}

.pdp__status-pill-content {
  display: inline;
}

.pdp__status-pill-text {
  font-weight: 600;
  color: #2b2b2b;
  font-family: var(--galls-font-gt-america-standard);
  font-style: normal;
  text-transform: initial;
}

.pdp__status-pill-icon {
  color: #000;
  font-size: 12px;
  margin-left: 4px;
}

.pdp__status-pill .tooltip-inner {
	font-size: 12px;
}

.pdp__status-pill-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #29845a;
  flex-shrink: 0;
}

/* Stock Message Wrapper - Makes entire line clickable for drawer */
/* Used in cart, minicart, checkout, order confirmation */
.stock-message__wrapper {
  display: block;
  cursor: pointer;
  width: fit-content;
  color: #000; /* Default to black - overrides inherited green */
}

/* Only "In Stock" messages should be green */
.stock-message__wrapper[aria-label*="In Stock"],
.stock-message__wrapper[aria-label*="in stock"] {
  color: #29845a;
}

.stock-message__icon {
  font-size: 12px;
  margin-left: 2px;
}

.newStockMessage .fa-circle-info {
	font-size: 12px;
}

/* CGBCCART2 or Checkout Only */
.samOnePageCheckout .newStockMessage {
	font-size: 13px;
}

[data-target="slideUpDrawerBackdrop"]:not(.slide-up-drawer__backdrop--open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}