/*
 * Direct Checkout Optimizer — Frontend Styles
 * Minimal base styles. Sticky / Popup styles are in separate files (loaded on demand).
 */

/* =====================================================================
   Buy Now button (base)
   Actual colours are set via inline CSS generated from plugin settings.
   ===================================================================== */

.dco-buy-now-btn {
	display: inline-block;
	padding: 12px 24px;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	transition: opacity 0.2s ease, transform 0.1s ease;
	width: auto;
	max-width: 100%;
}

.dco-buy-now-btn:hover {
	opacity: 0.88;
}

.dco-buy-now-btn:active {
	transform: scale(0.98);
}

.dco-buy-now-btn:disabled,
.dco-buy-now-btn.dco-loading {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Position helpers injected via JS */
.dco-buy-now-wrap {
	margin-top: 8px;
	margin-bottom: 8px;
}

/* =====================================================================
   No-script notice
   ===================================================================== */

.dco-noscript-notice {
	font-size: 0.875em;
	color: #555;
	margin: 8px 0 0;
}

/* =====================================================================
   AJAX spinner
   ===================================================================== */

.dco-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: middle;
	border: 2px solid rgba(255,255,255,0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: dco-spin 0.7s linear infinite;
}

@keyframes dco-spin {
	to { transform: rotate(360deg); }
}

/* =====================================================================
   Buy Now error message
   ===================================================================== */

.dco-buy-now-error {
	color: #d63638;
	font-size: 0.875em;
	margin: 4px 0 0;
	padding: 0;
}

/* =====================================================================
   Variable product — disabled state
   ===================================================================== */

.dco-buy-now-btn--variable.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* =====================================================================
   Body scroll lock (when popup is open)
   ===================================================================== */

body.dco-noscroll {
	overflow: hidden;
}

/* Buy Now button rendered via [dco_buy_now] shortcode. */
.dco-buy-now-btn--shortcode {
	display: inline-block;
}

/* ── Buy Now button size variants (buy_now_size) ────────────────────────── */
.dco-buy-now-btn--small {
	padding: 6px 14px;
}

.dco-buy-now-btn--medium {
	padding: 10px 20px;
}

.dco-buy-now-btn--large {
	padding: 14px 28px;
}

/* Icon (buy_now_icon) */
.dco-buy-now-btn__icon {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -2px;
}