/**
 * The public-facing stylesheet for the plugin.
 *
 * @package    WDM_Custom_Subscription_Style_Product
 * @subpackage WDM_Custom_Subscription_Style_Product/public
 * @author     wisdmlabs <support@wisdmlabs.com>
 */

/* Licence Management Styles */
.wdm-licence-management {
	margin: 20px 0;
}

.wdm-licence-management h2 {
	margin-bottom: 20px;
}

.wdm-licence-status {
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.wdm-licence-status-active {
	background-color: #28a745;
	color: #fff;
}

.wdm-licence-status-expires-today {
	background-color: #ffc107;
	color: #000;
}

.wdm-licence-status-expired {
	background-color: #dc3545;
	color: #fff;
}

.wdm-licence-management .woocommerce-orders-table {
	margin-top: 20px;
}

.wdm-licence-management .order-again {
	margin: 0;
}

/* Licence Management Menu Item Icon */
.woocommerce-MyAccount-navigation-link--licence-management.wdm-licence-management-menu-item a::before {
	content: "\f084";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
	vertical-align: middle;
	margin-right: 8px;
	display: inline-block;
	width: 16px;
	text-align: center;
}

/**
 * Customize the icon for Licence Management menu item
 * 
 * Currently using Font Awesome key icon (fa-key).
 * 
 * To change the icon, modify the 'content' property above.
 * Font Awesome Solid icons require font-weight: 900.
 * 
 * Common Font Awesome icons:
 * - \f084 = key (current)
 * - \f023 = lock
 * - \f3ed = shield-alt
 * - \f1c0 = file-alt
 * - \f02d = book
 * - \f0c5 = list
 * 
 * For Dashicons, change font-family to "dashicons" and remove font-weight.
 * For custom SVG, use background-image instead of ::before.
 */