/**
 * Public styles for the Zehntech Odoo Apps and Themes plugin.
 *
 * Loaded only on singular Odoo App / Theme pages.
 * The active theme controls the primary layout; these styles supplement it.
 *
 * @package Zehntech_OAT
 */

/* ==========================================================================
   App Meta — Pricing & Version Badge Helpers
   ========================================================================== */

/**
 * Utility class for the pricing label.
 * Usage in theme templates:
 *   <span class="oat-pricing"><?php echo esc_html( $pricing ); ?></span>
 */
.oat-pricing {
	display: inline-block;
	font-weight: 700;
	color: #1d2327;
}

/**
 * Wrapper for the version badge list.
 * Usage in theme templates:
 *   <div class="oat-version-list">
 *       <span class="oat-version-badge">V18</span>
 *   </div>
 */
.oat-version-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oat-version-badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 9px;
	background: #2271b1;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
}