/* =====================================================
   GrowLinko Last Updated — Frontend Styles
   Scoped entirely to .growlinko-last-updated
   Does NOT affect body, html, p, h1-h6, or theme CSS
   ===================================================== */

/* ── Base wrapper ── */
.growlinko-last-updated {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	box-sizing: border-box;
}

/* ── Alignment helpers ── */
.growlinko-last-updated.glu-align-left   { text-align: left; }
.growlinko-last-updated.glu-align-center { text-align: center; }
.growlinko-last-updated.glu-align-right  { text-align: right; }

/* ── Footer box (end_of_page position) ── */
.growlinko-footer-box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	padding: 8px 20px;
	background: rgba(255,255,255,0.96);
	border-top: 1px solid #e5e7eb;
	backdrop-filter: blur(4px);
}

/* ======================================================
   STYLE TYPES
   ====================================================== */

/* Simple text (default) */
.growlinko-last-updated.glu-style-simple {
	margin-top: 16px;
	border-top: 1px solid #e5e7eb;
	padding-top: 10px;
}

/* Inline badge */
.growlinko-last-updated.glu-style-badge {
	display: inline-block;
	margin-top: 12px;
	padding: 3px 12px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
}

/* Info box */
.growlinko-last-updated.glu-style-info_box {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: 8px;
	border-left: 4px solid currentColor;
}

/* Minimal bordered box */
.growlinko-last-updated.glu-style-bordered_box {
	margin-top: 16px;
	padding: 10px 16px;
	border: 1px solid;
	border-radius: 6px;
}

/* Editorial note box */
.growlinko-last-updated.glu-style-editorial {
	margin-top: 20px;
	padding: 14px 20px;
	border-radius: 8px;
	font-style: italic;
	border-left: 3px solid;
}

/* ======================================================
   COLOR THEMES
   ====================================================== */

/* Default (subtle gray) */
.growlinko-last-updated.glu-theme-default {
	color: #6b7280;
	background-color: transparent;
	border-color: #e5e7eb;
}
.growlinko-last-updated.glu-theme-default.glu-style-badge {
	background-color: #f3f4f6;
	color: #374151;
}
.growlinko-last-updated.glu-theme-default.glu-style-info_box {
	background-color: #f8fafc;
}

/* Light */
.growlinko-last-updated.glu-theme-light {
	color: #374151;
	background-color: #f9fafb;
	border-color: #e5e7eb;
}

/* Dark text only */
.growlinko-last-updated.glu-theme-dark {
	color: #111827;
	background-color: transparent;
	border-color: #374151;
}

/* Blue */
.growlinko-last-updated.glu-theme-blue {
	color: #2563eb;
	background-color: transparent;
	border-color: #93c5fd;
}
.growlinko-last-updated.glu-theme-blue.glu-style-badge,
.growlinko-last-updated.glu-theme-blue.glu-style-info_box,
.growlinko-last-updated.glu-theme-blue.glu-style-bordered_box,
.growlinko-last-updated.glu-theme-blue.glu-style-editorial {
	background-color: #dbeafe;
	color: #1d4ed8;
}

/* Green */
.growlinko-last-updated.glu-theme-green {
	color: #16a34a;
	background-color: transparent;
	border-color: #86efac;
}
.growlinko-last-updated.glu-theme-green.glu-style-badge,
.growlinko-last-updated.glu-theme-green.glu-style-info_box,
.growlinko-last-updated.glu-theme-green.glu-style-bordered_box,
.growlinko-last-updated.glu-theme-green.glu-style-editorial {
	background-color: #dcfce7;
	color: #15803d;
}

/* Orange */
.growlinko-last-updated.glu-theme-orange {
	color: #d97706;
	background-color: transparent;
	border-color: #fcd34d;
}
.growlinko-last-updated.glu-theme-orange.glu-style-badge,
.growlinko-last-updated.glu-theme-orange.glu-style-info_box,
.growlinko-last-updated.glu-theme-orange.glu-style-bordered_box,
.growlinko-last-updated.glu-theme-orange.glu-style-editorial {
	background-color: #fef3c7;
	color: #b45309;
}

/* Custom — colors injected via inline style by PHP */
.growlinko-last-updated.glu-theme-custom {
	border-color: var(--glu-accent, #0f766e);
}