/**
 * Endoca Subscriptions Frontend Styles
 * Minimal styles - theme should provide all styling
 * 
 * To disable plugin CSS and use only theme styles, add this to your theme's functions.php:
 * add_filter( 'endoca_subscriptions_load_frontend_css', '__return_false' );
 */

/* Utility Class - Only essential for functionality */
.hidden {
	display: none;
}

.endoca-subscription-select-wrapper.hidden,
.endoca-cart-subscription-select-wrapper.hidden,
.endoca-subscription-discount-info.hidden {
	display: none;
}

/* Flexbox layout for label and select side by side */
.endoca-subscription-select-wrapper,
.endoca-cart-subscription-select-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
    margin-bottom: 20px;
}

.endoca-subscription-select-wrapper label,
.endoca-cart-subscription-select-wrapper label {
	margin: 0;
}
.endoca-subscription-option{
    margin-inline-start: unset!important;
}

/* Cart Item Subscription Options */
.endoca-subscription-row {
	border-top: none;
}

.endoca-subscription-row td {
	padding-top: 0;
	padding-bottom: 15px;
}

.endoca-cart-item-subscription-options {
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
	padding-left: 0 !important;
}

.endoca-cart-item-subscription-checkbox {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

.endoca-cart-item-subscription-checkbox input[type="checkbox"] {
	margin-right: 8px;
}

.endoca-cart-item-subscription-select-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 10px;
	width: 100%;
}

.endoca-cart-item-subscription-select-wrapper.hidden {
	display: none;
}

.endoca-cart-item-subscription-label {
	margin: 0;
}

.endoca-cart-item-subscription-option {
	flex: 1;
	min-width: 200px;
	max-width: 60%;
}

.endoca-cart-item-subscription-discount {
	margin-top: 5px;
	width: 100%;
}

/* Checkout Subscription Info */
.endoca-checkout-subscription-info {
	display: block;
	color: #666;
	font-style: italic;
	margin-top: 5px;
}