/**
 * Freemius Surfaces
 *
 * The opt-in (connect) screen and every Freemius admin notice, restyled to
 * sit beside the plugin's own UI. Enqueued by WSSCD_Freemius_Integration on
 * every admin page, because Freemius notices appear on any admin page, not
 * only the plugin's — which is also why this file cannot lean on the token
 * layer: the shared stylesheets load only on plugin pages. Colours here are
 * the WordPress core palette stated by value, and the few token reads carry
 * a literal fallback for the pages where the token is not defined.
 *
 * `!important` is deliberate throughout: Freemius ships its own stylesheet
 * with high-specificity rules, and this file has to win against it.
 *
 * @package    SmartCycleDiscounts
 * @subpackage SmartCycleDiscounts/resources/assets/css/admin
 * @since      2.2.36
 */

/* ==========================================================================
   Opt-in (connect) screen
   ========================================================================== */

.fs-content {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.fs-content .fs-visual {
	background: linear-gradient(135deg, #2271b1 0%, #0a4b78 100%) !important;
	border-radius: 12px 12px 0 0 !important;
	padding: 30px !important;
}

.fs-content .fs-visual .fs-site-icon,
.fs-content .fs-visual .fs-plugin-icon {
	border-radius: 12px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.fs-content .fs-message {
	font-size: var(--wsscd-font-size-medium, 14px) !important;
	line-height: 1.7 !important;
	color: #1e1e1e !important;
}

.fs-content .fs-actions .button.button-primary {
	background: linear-gradient(135deg, #2271b1 0%, #135e96 100%) !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 10px 24px !important;
	font-size: var(--wsscd-font-size-medium, 14px) !important;
	font-weight: var(--wsscd-font-weight-semibold, 600) !important;
	text-transform: none !important;
	box-shadow: 0 2px 8px rgba(34, 113, 177, 0.3) !important;
	transition: all 0.2s ease !important;
}

.fs-content .fs-actions .button.button-primary:hover {
	background: linear-gradient(135deg, #135e96 0%, #0a4b78 100%) !important;
	box-shadow: 0 4px 12px rgba(34, 113, 177, 0.4) !important;
	transform: translateY(-1px) !important;
}

.fs-content .fs-actions .button:not(.button-primary) {
	border-radius: 6px !important;
	padding: 10px 20px !important;
	font-size: var(--wsscd-font-size-medium, 14px) !important;
	transition: all 0.2s ease !important;
}

.fs-content .fs-permissions {
	border-radius: 8px !important;
	margin-top: 20px !important;
}

.fs-content .fs-permissions .fs-permission {
	padding: 12px 15px !important;
	border-bottom: 1px solid #f0f0f0 !important;
}

.fs-content .fs-permissions .fs-permission:last-child {
	border-bottom: none !important;
}

.fs-content .fs-permissions .fs-permission-description {
	color: #646970 !important;
	font-size: var(--wsscd-font-size-base, 13px) !important;
}

.fs-content .fs-freemius-link {
	opacity: 0.7 !important;
	transition: opacity 0.2s !important;
}

.fs-content .fs-freemius-link:hover {
	opacity: 1 !important;
}

/* ==========================================================================
   Admin notices — the structure and type colours of WordPress core notices
   ========================================================================== */

.fs-notice.fs-slug-smart-cycle-discounts,
.notice[data-plugin="smart-cycle-discounts"] {
	border: none !important;
	border-left-width: 4px !important;
	border-left-style: solid !important;
	background: #fff !important;
	padding: 1px 12px !important;
	margin: 15px 15px 15px 0 !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
}

/* Success / updated (green, like notice-success) */
.fs-notice.fs-slug-smart-cycle-discounts.updated.success,
.fs-notice.fs-slug-smart-cycle-discounts.success,
.notice[data-plugin="smart-cycle-discounts"].updated {
	border-left-color: #00a32a !important;
}

/* Error (red, like notice-error) */
.fs-notice.fs-slug-smart-cycle-discounts.error,
.notice[data-plugin="smart-cycle-discounts"].error {
	border-left-color: #d63638 !important;
}

/* Warning (yellow, like notice-warning) */
.fs-notice.fs-slug-smart-cycle-discounts.notice-warning,
.fs-notice.fs-slug-smart-cycle-discounts.warn,
.notice[data-plugin="smart-cycle-discounts"].notice-warning {
	border-left-color: #dba617 !important;
}

/* Promotion / info (blue, like notice-info) */
.fs-notice.fs-slug-smart-cycle-discounts.promotion,
.fs-notice.fs-slug-smart-cycle-discounts.update {
	border-left-color: #2271b1 !important;
}

/* Default when no type (e.g. opt-in reminder) */
.fs-notice.fs-slug-smart-cycle-discounts:not(.success):not(.error):not(.notice-warning):not(.warn):not(.promotion),
.notice[data-plugin="smart-cycle-discounts"]:not(.updated):not(.error):not(.notice-warning) {
	border-left-color: #72aee6 !important;
}

/* Stack content vertically so multiple paragraphs flow in one column */
.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body,
.notice[data-plugin="smart-cycle-discounts"] .fs-notice-body {
	display: block !important;
	padding: 11px 0 !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body p,
.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body strong,
.notice[data-plugin="smart-cycle-discounts"] .fs-notice-body p,
.notice[data-plugin="smart-cycle-discounts"] .fs-notice-body strong,
.notice[data-plugin="smart-cycle-discounts"] p {
	font-size: var(--wsscd-font-size-base, 13px) !important;
	line-height: 1.5 !important;
	color: #1d2327 !important;
	margin: 0 0 0.5em 0 !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body p:last-child,
.notice[data-plugin="smart-cycle-discounts"] .fs-notice-body p:last-child {
	margin-bottom: 0 !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body .button,
.notice[data-plugin="smart-cycle-discounts"] .button {
	padding: 6px 12px !important;
	font-size: var(--wsscd-font-size-base, 13px) !important;
	text-decoration: none !important;
	margin-left: 4px !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body .button-primary,
.notice[data-plugin="smart-cycle-discounts"] .button-primary {
	background: #2271b1 !important;
	border-color: #2271b1 !important;
	color: #fff !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-notice-body .button-primary:hover,
.notice[data-plugin="smart-cycle-discounts"] .button-primary:hover {
	background: #135e96 !important;
	border-color: #135e96 !important;
	color: #fff !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-plugin-icon,
.notice[data-plugin="smart-cycle-discounts"] .fs-plugin-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: 4px !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .notice-dismiss,
.notice[data-plugin="smart-cycle-discounts"] .notice-dismiss {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.fs-notice.fs-slug-smart-cycle-discounts .fs-close,
.notice[data-plugin="smart-cycle-discounts"] .fs-close {
	color: #646970 !important;
}