/**
 * Deratix License Portal - EDD Custom Styles
 * Astro-like design system ported to WordPress/EDD
 *
 * Colors:
 * - Primary: #4B2C78 (purple)
 * - Primary Dark: #3A2260
 * - Primary Light: #F6F3FE
 * - Accent: #00D2A0 (green)
 * - Accent Dark: #00B88C
 * - Heading: #0F172A
 * - Body: #64748B
 * - Muted: #94A3B8
 */

/* ======================================
   1. GLOBAL / BODY
   ====================================== */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: linear-gradient(180deg, #FAF8FF 0%, #FFFFFF 30%, #ECFDF5 100%) !important;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.wp-site-blocks > main {
	flex: 1;
}

/* ======================================
   2. STICKY HEADER + GLASSMORPHISM
   ====================================== */

.deratix-header {
	position: sticky;
	top: 0;
	z-index: 50;
	padding-top: 0.5rem !important;
}

.deratix-header > .wp-block-group {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 1rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* Logo - SVG needs explicit width (WP bug #57717: site-logo block ignores width for SVGs) */
.wp-block-site-logo img {
	display: block;
	width: 140px;
	height: auto;
}

/* ======================================
   3. NAVIGATION LINKS
   ====================================== */

.deratix-header .wp-block-navigation a,
.deratix-header .wp-block-navigation-item a {
	color: #64748B !important;
	text-decoration: none !important;
	padding: 0.375rem 0.875rem !important;
	border-radius: 0.5rem !important;
	font-weight: 500 !important;
	font-size: 0.875rem !important;
	transition: color 0.2s ease, background-color 0.2s ease !important;
}

.deratix-header .wp-block-navigation a:hover,
.deratix-header .wp-block-navigation-item a:hover {
	color: #4B2C78 !important;
	background-color: #F6F3FE !important;
}

/* Active nav item */
.deratix-header .wp-block-navigation-item.current-menu-item a {
	color: #4B2C78 !important;
	background-color: #F6F3FE !important;
	font-weight: 600 !important;
}

/* ======================================
   3b. NAVIGATION SUBMENU DROPDOWN
   ====================================== */

/* Chevron toggle button — small icon-only button next to the link */
.deratix-header .wp-block-navigation-submenu__toggle {
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	padding: 0.25rem !important;
	margin-left: -0.25rem !important;
	color: #64748B !important;
	display: flex !important;
	align-items: center !important;
	border-radius: 0.25rem !important;
	transition: color 0.2s ease !important;
}

.deratix-header .wp-block-navigation-submenu__toggle:hover {
	color: #4B2C78 !important;
}

.deratix-header .wp-block-navigation-submenu__toggle svg {
	stroke: currentColor !important;
	fill: none !important;
	width: 0.625rem !important;
	height: 0.625rem !important;
	transition: transform 0.2s ease !important;
}

/* Rotate chevron when expanded */
.deratix-header .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
	transform: rotate(180deg) !important;
}

/* Dropdown container — glassmorphism matching lang switcher */
.deratix-header .wp-block-navigation__submenu-container {
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 0.5rem !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
	padding: 0.25rem !important;
	min-width: 10rem !important;
	top: calc(100% + 0.375rem) !important;
}

/* Items inside the dropdown (loginout div > a) */
.deratix-header .wp-block-navigation__submenu-container .wp-block-loginout a,
.deratix-header .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	display: block !important;
	padding: 0.375rem 0.75rem !important;
	color: #64748B !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	border-radius: 0.375rem !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	transition: color 0.15s ease, background-color 0.15s ease !important;
}

.deratix-header .wp-block-navigation__submenu-container .wp-block-loginout a:hover,
.deratix-header .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
	color: #4B2C78 !important;
	background-color: #F6F3FE !important;
}

/* Invisible hover bridge — prevents dropdown from closing when crossing the gap */
.deratix-header .wp-block-navigation__submenu-container::before {
	content: "" !important;
	position: absolute !important;
	top: -0.375rem !important;
	left: 0 !important;
	right: 0 !important;
	height: 0.375rem !important;
	background: transparent !important;
}
/* Reset WP default loginout div margin/padding */
.deratix-header .wp-block-navigation__submenu-container .wp-block-loginout {
	margin: 0 !important;
	padding: 0 !important;
}

/* ======================================
   4. FOOTER - DARK THEME
   ====================================== */

/* Invert logo for dark footer background */
.deratix-footer-logo img,
.has-heading-background-color .wp-block-site-logo img {
	filter: brightness(0) invert(1);
	opacity: 0.8;
}

.has-heading-background-color .wp-block-site-logo img:hover {
	opacity: 1;
}

/* Footer separator */
.has-heading-background-color .wp-block-separator {
	margin-top: 1.5rem !important;
	margin-bottom: 0 !important;
}

/* ======================================
   5. GLASSMORPHISM CARDS
   ====================================== */

.edd-card,
.deratix-card {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 1rem;
	padding: 1.5rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.edd-card:hover,
.deratix-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
}

/* ======================================
   6. BUTTONS
   ====================================== */

#edd_purchase_submit .edd-submit,
#edd_purchase_submit input[type="submit"],
.edd-submit.button,
input.edd-submit[type="submit"],
a.edd-add-to-cart,
.edd_go_to_checkout,
.wp-element-button,
.wp-block-button__link {
	background: linear-gradient(135deg, #4B2C78, #5B3A8A) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0.75rem !important;
	padding: 0.75rem 1.5rem !important;
	font-weight: 600 !important;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
	font-size: 0.9375rem !important;
	letter-spacing: 0.01em;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1.5 !important;
}

#edd_purchase_submit .edd-submit:hover,
#edd_purchase_submit input[type="submit"]:hover,
.edd-submit.button:hover,
input.edd-submit[type="submit"]:hover,
a.edd-add-to-cart:hover,
.edd_go_to_checkout:hover,
.wp-element-button:hover,
.wp-block-button__link:hover {
	background: linear-gradient(135deg, #3A2260, #4B2C78) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(75, 44, 120, 0.3) !important;
}

/* Accent button (green CTA) */
.edd-button-accent,
.deratix-cta {
	background: linear-gradient(135deg, #00D2A0, #00B88C) !important;
	color: #fff !important;
}

.edd-button-accent:hover,
.deratix-cta:hover {
	background: linear-gradient(135deg, #00B88C, #009E78) !important;
	box-shadow: 0 4px 12px rgba(0, 210, 160, 0.3) !important;
}

/* ======================================
   7. CHECKOUT FORM
   ====================================== */

#edd_checkout_form_wrap {
	max-width: 720px;
	margin: 0 auto;
}

#edd_checkout_form_wrap fieldset {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 1.5rem;
}

#edd_checkout_form_wrap legend {
	color: #0F172A;
	font-weight: 700;
	font-size: 1.125rem;
	padding: 0 0.5rem;
}

/* Account info section */
.edd-blocks-form__account-info,
#edd_checkout_user_info {
	background: #F6F3FE;
	border: 1px solid #DDD6FE;
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	font-size: 0.9375rem;
	color: #4B2C78;
}

.edd-blocks-form__account-info a,
#edd_checkout_user_info a {
	color: #4B2C78;
	font-weight: 600;
}

/* Input fields */
#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="tel"],
#edd_checkout_form_wrap input[type="url"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea,
#edd_checkout_form_wrap select,
.edd-input,
#edd_login_form input[type="text"],
#edd_login_form input[type="password"] {
	border: 1.5px solid #e2e8f0;
	border-radius: 0.5rem;
	padding: 0.75rem 1rem;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 0.95rem;
	color: #0F172A;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
	box-sizing: border-box;
}

#edd_checkout_form_wrap input:focus,
#edd_checkout_form_wrap textarea:focus,
#edd_checkout_form_wrap select:focus,
.edd-input:focus,
#edd_login_form input:focus {
	border-color: #4B2C78;
	outline: none;
	box-shadow: 0 0 0 3px rgba(75, 44, 120, 0.1);
}

#edd_checkout_form_wrap label {
	color: #0F172A;
	font-weight: 500;
	font-size: 0.875rem;
	margin-bottom: 0.375rem;
	display: block;
}

/* Submit button - full width, prominent */
#edd_purchase_submit {
	margin-top: 1rem;
}

#edd_purchase_submit .edd-submit,
#edd_purchase_submit input[type="submit"] {
	width: 100%;
	padding: 1rem 1.5rem !important;
	font-size: 1.0625rem !important;
	text-align: center;
	border-radius: 0.75rem !important;
	background: linear-gradient(135deg, #00D2A0, #00B88C) !important;
}

#edd_purchase_submit .edd-submit:hover,
#edd_purchase_submit input[type="submit"]:hover {
	background: linear-gradient(135deg, #00B88C, #009E78) !important;
	box-shadow: 0 4px 12px rgba(0, 210, 160, 0.3) !important;
}

/* ======================================
   8. CART ITEMS
   ====================================== */

/* Classic EDD cart table (standalone - not inside Blocks form) */
#edd_checkout_cart {
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 2rem;
	background: #fff;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

/* When inside EDD Blocks form, remove inner card styling (outer form has it) */
#edd_checkout_cart_form #edd_checkout_cart,
.edd-blocks-form__cart #edd_checkout_cart {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	background: transparent;
	box-shadow: none;
}

#edd_checkout_cart th {
	background: #F6F3FE;
	color: #4B2C78;
	font-weight: 600;
	padding: 0.875rem 1.25rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-align: left;
}

#edd_checkout_cart td {
	padding: 1rem 1.25rem;
	font-size: 0.9375rem;
	color: #334155;
	border-top: 1px solid #f1f5f9;
}

.edd-cart-item,
#edd_checkout_cart .edd_cart_item {
	transition: background-color 0.15s ease;
}

#edd_checkout_cart .edd_cart_item:hover {
	background-color: #FAFBFC;
}

#edd_checkout_cart .edd_cart_total {
	font-weight: 700;
	color: #0F172A;
	font-size: 1.25rem;
	background: linear-gradient(180deg, #FAF8FF, #F6F3FE);
}

/* Cart item name */
#edd_checkout_cart .edd_cart_item_name {
	font-weight: 600;
	color: #0F172A;
}

/* Cart remove action */
#edd_checkout_cart .edd_cart_remove_item_btn,
#edd_checkout_cart .edd-blocks-cart__item-remove,
.edd-blocks-cart__action-remove {
	color: #CBD5E1;
	transition: color 0.2s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

#edd_checkout_cart .edd_cart_remove_item_btn:hover,
#edd_checkout_cart .edd-blocks-cart__item-remove:hover,
.edd-blocks-cart__action-remove:hover {
	color: #EF4444;
}

/* EDD Blocks cart (EDD 3.x block editor checkout) */
.edd-blocks-form__cart,
#edd_checkout_cart_form {
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 2rem;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Cart items container */
.edd-blocks-cart__items {
	padding: 0;
}

/* Individual cart row items */
.edd-blocks-cart__row {
	padding: 1rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edd-blocks-cart__row-item {
	border-bottom: 1px solid #f1f5f9;
	transition: background-color 0.15s ease;
}

.edd-blocks-cart__row-item:hover {
	background-color: #FAFBFC;
}

/* Cart item name and title */
.edd-blocks-cart__row .edd_cart_item_name,
.edd-blocks-cart__row .edd_checkout_cart_item_title {
	font-weight: 600;
	color: #0F172A;
	font-size: 0.9375rem;
	line-height: 1.4;
}

/* Cart item price */
.edd-blocks-cart__row .edd_cart_item_price {
	font-weight: 600;
	color: #4B2C78;
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	white-space: nowrap;
}

/* Cart footer rows */
.edd-blocks-cart__row-footer {
	background: #FAF8FF;
	border-top: 1px solid #f1f5f9;
}

/* Cart total */
.edd-blocks-cart__row .edd_cart_total {
	font-weight: 700;
	font-size: 1.125rem;
	color: #0F172A;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.edd_cart_amount {
	color: #4B2C78;
	font-size: 1.25rem;
	font-weight: 800;
}

/* Discount row */
.edd_cart_discount_row {
	font-size: 0.875rem;
	color: #059669;
}

.edd-blocks-form__cart-header {
	background: #F6F3FE;
	padding: 0.875rem 1.25rem;
	font-weight: 600;
	color: #4B2C78;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.edd-blocks-form__cart-item {
	padding: 1rem 1.25rem;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edd-blocks-form__cart-total {
	padding: 1rem 1.25rem;
	background: linear-gradient(180deg, #FAF8FF, #F6F3FE);
	font-weight: 700;
	font-size: 1.125rem;
	color: #0F172A;
	display: flex;
	justify-content: space-between;
}

/* ======================================
   9. TABLES (Order History, Subscriptions)
   ====================================== */

.edd-table,
#edd_user_history,
table.edd-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	overflow: hidden;
}

.edd-table th,
#edd_user_history th {
	background: #F6F3FE;
	color: #4B2C78;
	font-weight: 600;
	padding: 0.75rem 1rem;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left;
}

.edd-table td,
#edd_user_history td {
	padding: 0.75rem 1rem;
	border-top: 1px solid #f1f5f9;
	color: #64748B;
	font-size: 0.9375rem;
}

.edd-table tbody tr:hover,
#edd_user_history tbody tr:hover {
	background-color: #FAF8FF;
}

/* ======================================
   10. SUBSCRIPTION DETAILS
   ====================================== */

.edd_subscription_details {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

.edd_subscription_details th {
	color: #0F172A;
	font-weight: 600;
	padding: 0.5rem 1rem 0.5rem 0;
	white-space: nowrap;
}

.edd_subscription_details td {
	color: #64748B;
	padding: 0.5rem 0;
}

/* Subscription table - standalone page (/predplatne/) */
#edd_user_history {
	max-width: 900px;
	margin: 0 auto;
}

/* Subscription name + billing cycle (inside table) */
.edd_subscription_name {
	font-weight: 600;
	color: #0F172A;
	font-size: 0.9375rem;
}

.edd_subscription_billing_cycle {
	color: #64748B;
	font-size: 0.8125rem;
}

/* Subscription renewal date */
.edd_subscription_renewal_date {
	font-weight: 500;
	color: #334155;
}

/* Subscription actions links */
.edd_subscription_invoice,
.edd-subscription-reactivate {
	color: #4B2C78;
	font-weight: 500;
	font-size: 0.8125rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.edd_subscription_invoice:hover,
.edd-subscription-reactivate:hover {
	color: #3A2260;
	text-decoration: underline;
}

.edd_subscription_cancel {
	color: #DC2626;
	font-weight: 500;
	font-size: 0.8125rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.edd_subscription_cancel:hover {
	color: #991B1B;
	text-decoration: underline;
}

/* Status badges */
.edd-subscription-status,
.edd_subscription_status {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.edd-subscription-status.active,
.edd-subscription-status-active {
	background: #ECFDF5;
	color: #059669;
}

.edd-subscription-status.trialling,
.edd-subscription-status-trialling {
	background: #F0F9FF;
	color: #0284C7;
}

.edd-subscription-status.cancelled,
.edd-subscription-status-cancelled {
	background: #FEF2F2;
	color: #DC2626;
}

.edd-subscription-status.expired,
.edd-subscription-status-expired {
	background: #FEF3C7;
	color: #D97706;
}

.edd-subscription-status.failing,
.edd-subscription-status-failing,
.edd-subscription-status.needs_attention {
	background: #FFF7ED;
	color: #EA580C;
}

.edd-subscription-status.pending,
.edd-subscription-status-pending {
	background: #F6F3FE;
	color: #4B2C78;
}

/* No subscriptions message */
.edd-no-purchases {
	text-align: center;
	padding: 2rem;
	color: #94A3B8;
	font-size: 0.9375rem;
	font-style: italic;
}

/* ======================================
   11. LOGIN FORM
   ====================================== */

#edd_login_form {
	max-width: 400px;
	margin: 2rem auto;
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 2rem;
}

#edd_login_form p {
	margin-bottom: 1rem;
}

#edd_login_form label {
	color: #0F172A;
	font-weight: 500;
	font-size: 0.875rem;
	margin-bottom: 0.375rem;
	display: block;
}

/* ======================================
   12. PROFILE EDITOR
   ====================================== */

#edd_profile_editor_form,
.edd-profile-editor-form {
	max-width: 600px;
	margin: 0 auto;
}

#edd_profile_editor_form fieldset,
.edd-profile-editor-form fieldset {
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	background: rgba(255, 255, 255, 0.5);
}

#edd_profile_editor_form legend,
.edd-profile-editor-form legend {
	color: #0F172A;
	font-weight: 700;
	font-size: 1rem;
	padding: 0 0.75rem;
}

#edd_profile_editor_form label,
.edd-profile-editor-form label {
	color: #334155;
	font-weight: 500;
	font-size: 0.875rem;
	margin-bottom: 0.375rem;
	display: block;
}

#edd_profile_editor_form p {
	margin-bottom: 1rem;
}

#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form select,
.edd-profile-editor-form input[type="text"],
.edd-profile-editor-form input[type="email"],
.edd-profile-editor-form input[type="password"],
.edd-profile-editor-form select {
	width: 100%;
	border: 1.5px solid #e2e8f0;
	border-radius: 0.5rem;
	padding: 0.625rem 0.875rem;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 0.9375rem;
	color: #0F172A;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	background: #fff;
}

#edd_profile_editor_form input:focus,
#edd_profile_editor_form select:focus,
.edd-profile-editor-form input:focus,
.edd-profile-editor-form select:focus {
	border-color: #4B2C78;
	outline: none;
	box-shadow: 0 0 0 3px rgba(75, 44, 120, 0.1);
}

/* Profile submit button */
#edd_profile_editor_form input[type="submit"],
#edd_profile_editor_submit {
	background: linear-gradient(135deg, #4B2C78, #5B3A8A) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0.75rem !important;
	padding: 0.75rem 2rem !important;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	margin-top: 0.5rem;
}

#edd_profile_editor_form input[type="submit"]:hover,
#edd_profile_editor_submit:hover {
	background: linear-gradient(135deg, #3A2260, #4B2C78) !important;
	box-shadow: 0 4px 12px rgba(75, 44, 120, 0.3);
	transform: translateY(-1px);
}

/* Profile success message */
#edd_profile_editor_form .edd-alert-success {
	margin-bottom: 1.5rem;
}

/* Password section spacing */
#edd_profile_password_fieldset {
	margin-top: 0.5rem;
}

/* Profile email list */
.edd-profile-emails {
	list-style: none;
	padding: 0;
	margin: 0.5rem 0;
}

.edd-profile-email {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.875rem;
	color: #64748B;
}

/* ======================================
   13. PRODUCT / DOWNLOAD CARDS
   ====================================== */

.edd_download,
.edd_downloads_list .edd_download {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 1.5rem;
}

.edd_download_title {
	color: #0F172A;
	font-weight: 700;
}

.edd_price {
	color: #4B2C78;
	font-weight: 700;
	font-size: 1.5rem;
}

.edd_price .edd-amount {
	font-size: 2rem;
}

.edd_price_option_period {
	color: #94A3B8;
	font-size: 0.875rem;
	font-weight: 400;
}

/* Price options (variant radio buttons) */
.edd_price_options {
	list-style: none !important;
	padding: 0 !important;
	margin: 0.75rem 0 1rem !important;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.edd_price_options li {
	margin: 0 !important;
	padding: 0 !important;
}

.edd_price_options label {
	display: flex !important;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1rem;
	border: 1.5px solid #e2e8f0;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	font-size: 0.9375rem;
}

.edd_price_options label:hover {
	border-color: #4B2C78;
	background-color: #FAF8FF;
}

.edd_price_options input[type="radio"] {
	accent-color: #4B2C78;
	width: 1rem;
	height: 1rem;
	margin: 0;
}

.edd_price_options input[type="radio"]:checked + .edd_price_option_name,
.edd_price_options li:has(input:checked) label {
	border-color: #4B2C78;
	background-color: #F6F3FE;
}

.edd_price_option_name {
	font-weight: 600;
	color: #0F172A;
}

.edd_price_option_sep {
	color: #94A3B8;
}

.edd_price_option_price {
	color: #4B2C78;
	font-weight: 600;
}

/* ======================================
   14. INVOICE STYLING
   ====================================== */

.edd-invoice {
	max-width: 800px;
	margin: 0 auto;
}

/* ======================================
   15. RECEIPT PAGE
   ====================================== */

/* Classic receipt table */
#edd_receipt,
table#edd_purchase_receipt {
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	overflow: hidden;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
}

#edd_receipt th,
table#edd_purchase_receipt th {
	background: #F6F3FE;
	color: #4B2C78;
	font-weight: 600;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.875rem 1.25rem;
	text-align: left;
}

#edd_receipt td,
table#edd_purchase_receipt td {
	padding: 0.875rem 1.25rem;
	border-top: 1px solid #f1f5f9;
	color: #334155;
	font-size: 0.9375rem;
}

#edd_receipt tbody tr:hover,
table#edd_purchase_receipt tbody tr:hover {
	background-color: #FAFBFC;
}

/* EDD Blocks Receipt (EDD 3.x) */
.wp-block-edd-receipt,
.edd-blocks__receipt {
	max-width: 720px;
	margin: 0 auto;
}

.edd-blocks-receipt__totals {
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

/* Receipt row - header */
.edd-blocks__row-header,
.edd-blocks-receipt__row-header {
	background: linear-gradient(135deg, #4B2C78, #5B3A8A);
	padding: 1rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edd-blocks__row-header .edd-blocks__row-label,
.edd-blocks-receipt__row-header .edd-blocks__row-label {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 600;
}

.edd-blocks__row-header .edd-blocks__row-value,
.edd-blocks-receipt__row-header .edd-blocks__row-value {
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
}

/* Receipt row - items */
.edd-blocks__row,
.edd-blocks-receipt__row-item {
	padding: 0.875rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f1f5f9;
}

.edd-blocks__row:last-child,
.edd-blocks-receipt__row-item:last-child {
	border-bottom: none;
}

.edd-blocks__row-label {
	color: #64748B;
	font-size: 0.875rem;
	font-weight: 500;
}

.edd-blocks__row-value {
	color: #0F172A;
	font-weight: 600;
	font-size: 0.9375rem;
}

/* Receipt - payment status badges */
.edd_receipt_payment_status {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.03em;
}

.edd_receipt_payment_status.complete,
.edd_receipt_payment_status.publish {
	background: #ECFDF5;
	color: #059669;
}

.edd_receipt_payment_status.pending {
	background: #FEF3C7;
	color: #D97706;
}

.edd_receipt_payment_status.failed,
.edd_receipt_payment_status.revoked {
	background: #FEF2F2;
	color: #DC2626;
}

.edd_receipt_payment_status.refunded {
	background: #F1F5F9;
	color: #64748B;
}

/* Receipt - product items */
.edd-blocks-receipt__item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #f1f5f9;
}

.edd-blocks-receipt__item-details {
	flex: 1;
}

.edd-blocks-receipt__item-details .edd-blocks__row-label {
	color: #0F172A;
	font-weight: 600;
	font-size: 0.9375rem;
	margin-bottom: 0.25rem;
}

.edd-blocks-receipt__item-price {
	font-weight: 700;
	color: #4B2C78;
	font-size: 1rem;
	white-space: nowrap;
	padding-left: 1rem;
}

/* Receipt product notes */
.edd_purchase_receipt_product_notes {
	color: #64748B;
	font-size: 0.8125rem;
	margin-top: 0.25rem;
	line-height: 1.5;
}

/* EDD Blocks Confirmation */
.wp-block-edd-confirmation,
.edd-blocks__confirmation {
	max-width: 720px;
	margin: 0 auto;
}

.edd-blocks__confirmation-details {
	text-align: center;
	padding: 1.5rem;
}

.edd-blocks__confirmation-details a {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	color: #4B2C78;
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
	padding: 0.625rem 1.25rem;
	border: 1.5px solid #4B2C78;
	border-radius: 0.75rem;
	transition: all 0.2s ease;
}

.edd-blocks__confirmation-details a:hover {
	background: #F6F3FE;
	transform: translateY(-1px);
}

/* ======================================
   16. NOTICES / ALERTS
   ====================================== */

.edd_errors,
.edd-alert {
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	font-size: 0.9375rem;
}

.edd_errors {
	background: #FEF2F2;
	border: 1px solid #FECACA;
	color: #991B1B;
}

.edd-alert-success,
.edd_success {
	background: #ECFDF5;
	border: 1px solid #A7F3D0;
	color: #065F46;
}

.edd-alert-info {
	background: #F6F3FE;
	border: 1px solid #DDD6FE;
	color: #4B2C78;
}

.edd-alert-warn {
	background: #FEF3C7;
	border: 1px solid #FDE68A;
	color: #92400E;
}

/* ======================================
   17. GATEWAY SELECTION
   ====================================== */

#edd_payment_mode_select {
	margin-bottom: 1.5rem;
}

.edd-gateway-option label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	border: 1.5px solid #e2e8f0;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	font-weight: 500;
}

.edd-gateway-option label:hover {
	border-color: #4B2C78;
	background-color: #FAF8FF;
}

.edd-gateway-option input[type="radio"]:checked + label,
.edd-gateway-option.edd-gateway-option-selected label {
	border-color: #4B2C78;
	background-color: #F6F3FE;
}

/* ======================================
   18. DASHBOARD CARDS (Môj účet)
   ====================================== */

/* Default: single-column stack for content-heavy cards */
.deratix-dashboard {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 1.5rem;
}

/* Bottom row: 2-column grid for small link cards */
.deratix-dashboard--grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

/* Card base */
.deratix-dashboard-card {
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1.5rem;
}

/* Card heading */
.deratix-dashboard-card h3 {
	color: #0F172A;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* Heading icon badge */
.deratix-dashboard-card h3::before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	background: #F6F3FE;
	flex-shrink: 0;
	background-size: 1.125rem 1.125rem;
	background-repeat: no-repeat;
	background-position: center;
}

/* Subscription icon */
.deratix-dashboard-card:nth-child(1) h3::before,
.deratix-dashboard h3:first-of-type::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%234B2C78'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z'/%3E%3C/svg%3E");
}

/* Card description text */
.deratix-dashboard-card--link p {
	color: #64748b;
	font-size: 0.875rem;
	margin: 0 0 0.75rem;
}

/* Card action link button */
.deratix-dashboard-card .card-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	color: #4B2C78;
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border: 1.5px solid #4B2C78;
	border-radius: 0.75rem;
	transition: all 0.2s ease;
}

.deratix-dashboard-card .card-link:hover {
	background: #4B2C78;
	color: #fff;
	border-color: #4B2C78;
}

/* Shortcode content inside dashboard cards - tables */
.deratix-dashboard-card .edd-table,
.deratix-dashboard-card #edd_user_history {
	border: none;
	border-radius: 0;
	margin-top: 0;
	font-size: 0.875rem;
}

.deratix-dashboard-card .edd-table th,
.deratix-dashboard-card #edd_user_history th {
	padding: 0.5rem 0.75rem;
	font-size: 0.75rem;
}

.deratix-dashboard-card .edd-table td,
.deratix-dashboard-card #edd_user_history td {
	padding: 0.625rem 0.75rem;
	font-size: 0.875rem;
}

/* No purchases / no subscriptions message */
.deratix-dashboard-card .edd-no-purchases {
	color: #94A3B8;
	font-size: 0.875rem;
	font-style: italic;
	margin: 0;
	padding: 1rem 0;
	text-align: center;
}

/* ======================================
   19. PAGE TITLES
   ====================================== */

.wp-block-post-title,
.entry-title {
	color: #0F172A !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em;
}

/* ======================================
   20. GRADIENT TEXT EFFECT
   ====================================== */

.gradient-text {
	background: linear-gradient(135deg, #4B2C78, #7C3AED, #00D2A0, #7C3AED, #4B2C78);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: gradient-shift 3s linear infinite;
}

@keyframes gradient-shift {
	0% { background-position: 0% center; }
	100% { background-position: 200% center; }
}

/* ======================================
   21. CONTENT AREA - WHITE CARD WRAPPER
   ====================================== */

/* Main content area — structural spacing only (no card visuals) */
body:not(.home) .wp-block-group[class*="wp-block-group"] > main,
body:not(.home) main.wp-block-group {
	padding: 2rem !important;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

/* ======================================
   21b. HOMEPAGE CARDS
   ====================================== */

.dpl-home-cards {
	max-width: 680px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.dpl-home-cards > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.dpl-home-card {
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 1rem;
	text-align: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	display: flex;
	flex-direction: column;
	flex: 1;
}

.dpl-home-card > .wp-block-buttons {
	margin-top: auto;
}

.dpl-home-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.dpl-home-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
	color: #4B2C78;
}

.dpl-home-btn .wp-block-button__link {
	background: #4B2C78 !important;
	color: #fff !important;
	border: 2px solid #4B2C78 !important;
	border-radius: 0.75rem;
	padding: 0.75rem 2rem;
	font-weight: 600;
	font-size: 0.9375rem;
	transition: background 0.2s, color 0.2s;
}

.dpl-home-btn .wp-block-button__link:hover {
	background: #3a2060 !important;
	border-color: #3a2060 !important;
}

.dpl-home-btn--outline .wp-block-button__link {
	background: transparent !important;
	color: #4B2C78 !important;
	border: 2px solid #4B2C78 !important;
}

.dpl-home-btn--outline .wp-block-button__link:hover {
	background: #4B2C78 !important;
	color: #fff !important;
}

.dpl-home-promo {
	text-align: center;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	max-width: 480px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: rgba(255, 255, 255, 0.5);
}

.dpl-home-promo a {
	color: #4B2C78;
	font-weight: 600;
}

.dpl-home-promo a:hover {
	text-decoration: underline;
}

/* ======================================
   22. RESPONSIVE
   ====================================== */

@media (max-width: 768px) {
	.deratix-header > .wp-block-group {
		border-radius: 0.75rem;
	}

	#edd_checkout_form_wrap fieldset {
		padding: 1rem;
		border-radius: 0.75rem;
	}

	.deratix-dashboard--grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.edd-table,
	#edd_user_history {
		font-size: 0.875rem;
	}

	.edd-table th,
	.edd-table td,
	#edd_user_history th,
	#edd_user_history td {
		padding: 0.5rem 0.75rem;
	}

	#edd_login_form {
		margin: 1rem;
		padding: 1.5rem;
	}

	.edd-gateway-option label {
		padding: 0.625rem 1rem;
		font-size: 0.875rem;
	}

	body:not(.home) main.wp-block-group {
		padding: 1rem !important;
		margin-top: 0.5rem;
	}

	/* Homepage cards - stack on mobile */
	.dpl-home-cards {
		flex-direction: column !important;
	}

	.dpl-home-card {
		padding: 1.5rem 1rem !important;
	}

	/* EDD Blocks cart - responsive */
	.edd-blocks-cart__row {
		padding: 0.75rem 1rem;
	}

	.edd-blocks-cart__row .edd_cart_item_price {
		font-size: 0.875rem;
	}

	/* Receipt responsive */
	.edd-blocks-receipt__totals {
		border-radius: 0.75rem;
	}

	.edd-blocks__row,
	.edd-blocks-receipt__row-item,
	.edd-blocks-receipt__item {
		padding: 0.75rem 1rem;
		flex-wrap: wrap;
		gap: 0.25rem;
	}

	.edd-blocks-receipt__item-price {
		padding-left: 0;
	}

	/* Discount field responsive */
	#edd_discount_code {
		padding: 0.75rem 1rem;
	}

	/* Bank transfer info responsive */
	.deratix-bank-transfer-info,
	.edd-bank-transfer-details {
		padding: 1rem;
	}

	/* Profile editor responsive */
	#edd_profile_editor_form fieldset {
		padding: 1rem;
		border-radius: 0.75rem;
	}

	#edd_profile_editor_form input[type="submit"],
	#edd_profile_editor_submit {
		padding: 0.75rem 1.5rem !important;
	}

	/* Subscription table responsive - card layout on mobile */
	#edd_user_history thead {
		display: none;
	}

	#edd_user_history tbody tr {
		display: block;
		padding: 1rem;
		margin-bottom: 0.75rem;
		border: 1px solid #e2e8f0;
		border-radius: 0.75rem;
		background: #fff;
	}

	#edd_user_history tbody td {
		display: block;
		padding: 0.25rem 0;
		border-top: none;
		text-align: left;
	}

	#edd_user_history tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		color: #4B2C78;
		font-size: 0.6875rem;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: block;
		margin-bottom: 0.125rem;
	}

}

/* ======================================
   23. REDUCED MOTION
   ====================================== */

@media (prefers-reduced-motion: reduce) {
	.edd-card:hover,
	.deratix-card:hover,
	.edd_download:hover,
	.deratix-dashboard-card:hover {
		transform: none;
	}

	.gradient-text {
		animation: none;
	}

	* {
		transition-duration: 0.01ms !important;
	}
}

/* ======================================
   24. EMPTY CART / EMPTY STATE
   ====================================== */

.edd_empty_cart {
	display: block;
	text-align: center;
	padding: 4rem 2rem;
	color: #94A3B8;
	font-size: 1.0625rem;
	line-height: 1.6;
}

/* Empty cart icon - pseudo-element */
.edd_empty_cart::before {
	content: "";
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23CBD5E1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
}

/* No items message in tables */
.edd-no-rows td,
.edd-table td[colspan] {
	text-align: center;
	padding: 2.5rem !important;
	color: #94A3B8;
	font-style: italic;
}

/* ======================================
   25. LINKS & ANCHORS
   ====================================== */

/* Default link styling */
.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.card-link) {
	color: #4B2C78;
	text-decoration-color: rgba(75, 44, 120, 0.3);
	text-underline-offset: 0.2em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.card-link):hover {
	color: #3A2260;
	text-decoration-color: #3A2260;
}

/* ======================================
   26. DISCOUNT / COUPON FIELD
   ====================================== */

#edd_discount_code {
	background: #FAF8FF;
	border: 1px dashed #DDD6FE;
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
}

#edd_discount_code label {
	color: #4B2C78;
	font-weight: 600;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
	display: block;
}

#edd_discount_code input[type="text"] {
	border: 1.5px solid #DDD6FE;
	border-radius: 0.5rem;
	padding: 0.625rem 1rem;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 0.9375rem;
	flex: 1;
	min-width: 0;
}

#edd_discount_code input[type="text"]:focus {
	border-color: #4B2C78;
	outline: none;
	box-shadow: 0 0 0 3px rgba(75, 44, 120, 0.1);
}

#edd_discount_code .edd-apply-discount,
#edd-discount-code-wrap input[type="submit"] {
	background: #4B2C78 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0.75rem !important;
	padding: 0.625rem 1.25rem !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	cursor: pointer;
	transition: background 0.2s ease;
}

#edd_discount_code .edd-apply-discount:hover,
#edd-discount-code-wrap input[type="submit"]:hover {
	background: #3A2260 !important;
}

/* Discount applied state */
.edd_discount_link,
.edd-blocks-cart__discount {
	color: #059669;
	font-size: 0.875rem;
	font-weight: 500;
}

/* ======================================
   27. FORM VALIDATION
   ====================================== */

.edd-required-indicator {
	color: #EF4444;
	font-weight: 600;
}

/* Field error state */
#edd_checkout_form_wrap input.error,
#edd_checkout_form_wrap select.error,
#edd_checkout_form_wrap textarea.error,
.edd-input.error {
	border-color: #EF4444 !important;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Error messages */
.edd_errors p,
.edd-alert-error p {
	margin: 0;
	line-height: 1.5;
}

.edd_errors .edd_error {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.25rem 0;
}

/* Inline field errors */
.edd-field-error {
	color: #DC2626;
	font-size: 0.8125rem;
	margin-top: 0.25rem;
}

/* ======================================
   27b. BANK TRANSFER INFO BOX (Receipt)
   ====================================== */

.deratix-bank-transfer-info,
.edd-bank-transfer-details {
	background: linear-gradient(135deg, #F6F3FE, #FAF8FF);
	border: 1.5px solid #DDD6FE;
	border-radius: 1rem;
	padding: 1.5rem;
	margin: 1.5rem 0;
}

.deratix-bank-transfer-info h3,
.edd-bank-transfer-details h3 {
	color: #4B2C78;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.deratix-bank-transfer-info table,
.edd-bank-transfer-details table {
	width: 100%;
	border-collapse: collapse;
}

.deratix-bank-transfer-info th,
.edd-bank-transfer-details th {
	text-align: left;
	color: #64748B;
	font-weight: 500;
	font-size: 0.8125rem;
	padding: 0.375rem 1rem 0.375rem 0;
	white-space: nowrap;
}

.deratix-bank-transfer-info td,
.edd-bank-transfer-details td {
	color: #0F172A;
	font-weight: 600;
	font-size: 0.9375rem;
	padding: 0.375rem 0;
}

/* Monospace for IBAN/BIC */
.deratix-bank-transfer-info .iban,
.edd-bank-transfer-details .iban {
	font-family: 'JetBrains Mono', 'Fira Code', monospace;
	letter-spacing: 0.05em;
	color: #4B2C78;
	background: rgba(75, 44, 120, 0.06);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
}

/* ======================================
   27c. NAVIGATION - LOGGED IN/OUT STATE
   ====================================== */

/* Show Môj účet/Predplatné only when logged in (optional - uncomment if needed) */
/* body:not(.is-logged-in) .wp-block-navigation-item:has(a[href*="moj-ucet"]),
body:not(.is-logged-in) .wp-block-navigation-item:has(a[href*="predplatne"]) {
	display: none;
} */

/* ======================================
   28. PRINT
   ====================================== */

@media print {
	.deratix-header,
	.wp-block-group:has(> .wp-block-navigation),
	.wp-block-template-part[data-area="header"],
	.wp-block-template-part[data-area="footer"] {
		display: none !important;
	}
}

/* ======================================
   29. MINI-CART (header shortcode)
   ====================================== */

.deratix-mini-cart {
	display: flex;
	align-items: center;
}

.deratix-mini-cart a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	color: #64748B;
	text-decoration: none !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.deratix-mini-cart a:hover {
	color: #4B2C78;
	background-color: #F6F3FE;
}

.deratix-mini-cart.has-items a {
	color: #4B2C78;
}

.deratix-mini-cart .cart-count {
	position: absolute;
	top: -2px;
	right: -4px;
	background: #00D2A0;
	color: #fff;
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1;
	min-width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	padding: 0 0.25rem;
}

.deratix-mini-cart:not(.has-items) .cart-count {
	display: none;
}

.deratix-mini-cart svg {
	width: 1.25rem;
	height: 1.25rem;
}

/* ======================================
   31. ORDER HISTORY (EDD Blocks)
   ====================================== */

.wp-block-edd-orders,
.edd-blocks__orders {
	max-width: 800px;
	margin: 0 auto;
}

.edd-blocks__orders-grid {
	display: grid;
	gap: 1rem;
}

/* Individual order card */
.edd-blocks__order {
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 1.25rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.edd-blocks__order:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.edd-blocks__order-number {
	font-weight: 700;
	color: #0F172A;
}

.edd-blocks__order-date {
	color: #64748B;
	font-size: 0.875rem;
}

.edd-blocks__order-total {
	color: #4B2C78;
	font-weight: 700;
	font-size: 1.125rem;
}

.edd-blocks__order a {
	color: #4B2C78;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s ease;
}

.edd-blocks__order a:hover {
	color: #3A2260;
	text-decoration: underline;
}

/* Order status badges in history */
.edd-blocks__order .edd-order-status,
.edd-blocks__order-status {
	display: inline-block;
	padding: 0.2rem 0.625rem;
	border-radius: 9999px;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Pagination */
.edd-blocks__orders .edd-blocks-pagination,
.edd-blocks__pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 2rem;
}

.edd-blocks__pagination a,
.edd-blocks__pagination span {
	padding: 0.5rem 0.875rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid #e2e8f0;
	color: #64748B;
	transition: all 0.2s ease;
}

.edd-blocks__pagination a:hover {
	border-color: #4B2C78;
	color: #4B2C78;
	background: #F6F3FE;
}

.edd-blocks__pagination .current,
.edd-blocks__pagination span.current {
	background: #4B2C78;
	color: #fff;
	border-color: #4B2C78;
}

/* ======================================
   32. ERROR / TRANSACTION FAILED PAGE
   ====================================== */

/* Error state for confirmation/receipt */
.edd-alert-error {
	background: #FEF2F2;
	border: 1px solid #FECACA;
	color: #991B1B;
	border-radius: 0.75rem;
	padding: 1.5rem;
	text-align: center;
	font-size: 0.9375rem;
	line-height: 1.6;
}

/* Larger error state with icon for failed transactions */
.page-id-970 .entry-content .edd-alert-error,
.page-id-970 .entry-content p:first-child {
	padding: 3rem 2rem;
	font-size: 1.0625rem;
	max-width: 540px;
	margin: 2rem auto;
}

/* ======================================
   33. INVOICE PAGE
   ====================================== */

/* EDD Invoices block */
.edd_invoices_wrapper {
	max-width: 800px;
	margin: 0 auto;
}

.edd_invoices_wrapper table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	overflow: hidden;
}

.edd_invoices_wrapper th {
	background: #F6F3FE;
	color: #4B2C78;
	font-weight: 600;
	padding: 0.75rem 1rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-align: left;
}

.edd_invoices_wrapper td {
	padding: 0.75rem 1rem;
	border-top: 1px solid #f1f5f9;
	color: #334155;
	font-size: 0.9375rem;
}

.edd_invoices_wrapper tbody tr:hover {
	background-color: #FAFBFC;
}

.edd_invoices_wrapper a {
	color: #4B2C78;
	font-weight: 500;
	text-decoration: none;
}

.edd_invoices_wrapper a:hover {
	text-decoration: underline;
}

/* ======================================
   34. CHECKOUT STEP INDICATOR
   ====================================== */

/* Visual checkout progress for clarity */
#edd_checkout_wrap {
	max-width: 720px;
	margin: 0 auto;
}

/* Checkout wrapper spacing */
.edd-blocks__cart {
	margin-bottom: 0;
}

/* Purchase button loading state */
#edd-purchase-button[disabled],
#edd-purchase-button.edd-loading {
	opacity: 0.7;
	cursor: not-allowed;
}

/* ======================================
   35. EDD BLOCKS - GENERIC ROW PATTERNS
   ====================================== */

/* Alternate row shading for receipt items */
.edd-blocks-receipt__totals .edd-blocks__row:nth-child(even):not(.edd-blocks__row-header) {
	background-color: #FAFBFC;
}

/* Total row emphasis */
.edd-blocks-receipt__totals .edd-blocks__row:last-child .edd-blocks__row-value {
	color: #4B2C78;
	font-size: 1.125rem;
	font-weight: 800;
}

/* User downloads */
.wp-block-edd-user-downloads {
	max-width: 800px;
	margin: 0 auto;
}

/* ======================================
   36. CENNÍK PAGE (EDD shortcodes)
   ====================================== */

/* Hide duplicate WP page title (heading is in content) */
.dpl-cennik .wp-block-post-title {
	display: none;
}

/* --- Shared: all product cards on cenník --- */

/* Remove outer EDD card chrome — inner elements handle borders */
.dpl-cennik .edd_downloads_list .edd_download {
	max-width: none;
	background: none;
	border: none;
	padding: 0;
}

/* Price options box — card border handled by .dpl-plan-card */
.dpl-cennik .edd_price_options {
	padding: 1.25rem 1.5rem !important;
	margin: 0 !important;
	border: none;
	border-radius: 0;
	background: transparent;
	display: block;
}

/* Purchase button — card border handled by .dpl-plan-card */
.dpl-cennik .edd_purchase_submit_wrapper {
	border: none;
	border-radius: 0;
	padding: 0.75rem 1.5rem 1.25rem;
	background: transparent;
}

/* List reset */
.dpl-cennik .edd_price_options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* List items — no padding, label handles click area */
.dpl-cennik .edd_price_options li {
	padding: 0 !important;
	margin-bottom: 0.375rem !important;
	border: 1px solid transparent;
	border-radius: 0.5rem;
	transition: all 0.15s;
}

.dpl-cennik .edd_price_options li:hover {
	background: #faf8ff;
}

.dpl-cennik .edd_price_options li:has(input:checked) {
	border-color: #4B2C78;
	background: #faf8ff;
}

/* Label — transparent, full clickable area */
.dpl-cennik .edd_price_options label,
.dpl-cennik .edd_price_options label:hover,
.dpl-cennik .edd_price_options li:has(input:checked) label {
	display: flex !important;
	align-items: center;
	cursor: pointer;
	gap: 0.75rem;
	padding: 0.75rem 0.875rem;
	border: none;
	background: none !important;
	box-shadow: none;
}

/* Reset checked name span background (global rule sets #F6F3FE) */
.dpl-cennik .edd_price_options input[type="radio"]:checked + .edd_price_option_name {
	background: none !important;
}

.dpl-cennik .edd_price_option_name {
	flex: 1;
	font-weight: 500;
	font-size: 0.9375rem;
}

.dpl-cennik .edd_price_option_price {
	font-weight: 700;
	color: #4B2C78;
	font-size: 0.9375rem;
	white-space: nowrap;
}

.dpl-cennik .edd_price_option_sep {
	display: none;
}

/* When tabs are present, JS inserts .dpl-tabs before .edd_price_options
   so price_options loses top radius (tabs handle it) */
.dpl-cennik .dpl-tabs + .edd_price_options {
	border-radius: 0;
}

/* --- Addon cards: title above tabs --- */

.dpl-cennik .edd_download_title {
	font-size: 1rem;
	font-weight: 600;
	color: #1e293b;
	margin: 0 0 0.75rem;
}

/* Migration box */
.dpl-migration {
	background: #FAF8FF;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 1.25rem 1.5rem;
}

.dpl-migration p {
	margin: 0;
	font-size: 0.9375rem;
	color: #64748B;
	line-height: 1.6;
}

.dpl-migration a {
	color: #4B2C78;
	font-weight: 600;
}

/* --- Pricing tabs (JS-injected) --- */

.dpl-tabs {
	display: flex;
	gap: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #e2e8f0;
}

.dpl-tabs button {
	flex: 1;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 0.75rem 1rem;
	font-size: 0.9375rem;
	font-weight: 600;
	cursor: pointer;
	background: transparent;
	color: #64748b;
	transition: all 0.2s;
	border-radius: 0;
	font-family: inherit;
}

.dpl-tabs button.active {
	border-bottom-color: #4B2C78;
	color: #4B2C78;
	background: #fff;
}

.dpl-tabs button:not(.active):hover {
	background: #f8fafc;
}

.dpl-badge {
	display: inline-block;
	background: #00D2A0;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 999px;
	margin-left: 0.35rem;
	vertical-align: middle;
}

/* --- Plan card wrapper (main product form) --- */

.dpl-plan-card {
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	background: #fff;
}

.dpl-plan-card > .dpl-tabs button:first-child {
	border-radius: 0.75rem 0 0 0;
}

.dpl-plan-card > .dpl-tabs button:last-child {
	border-radius: 0 0.75rem 0 0;
}

.dpl-plan-card .edd_price_options {
	border: none !important;
	border-radius: 0 !important;
}

.dpl-plan-card .edd_purchase_submit_wrapper {
	border: none !important;
	border-radius: 0 !important;
}

/* Hide trial option */
#edd_price_option_980_trial {
	display: none;
}

/* --- In-cart state --- */

.dpl-in-cart {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 1.5rem;
}

.dpl-in-cart-plan {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.dpl-in-cart-check {
	width: 24px;
	height: 24px;
	background: #00D2A0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dpl-in-cart-check svg {
	width: 14px;
	height: 14px;
	fill: #fff;
}

.dpl-in-cart-name {
	font-weight: 600;
	font-size: 1rem;
}

.dpl-in-cart-price {
	color: #4B2C78;
	font-weight: 700;
	margin-left: auto;
}

.dpl-in-cart-btn {
	display: block;
	width: 100%;
	padding: 0.875rem;
	border: none;
	border-radius: 0.75rem;
	font-size: 0.9375rem;
	font-weight: 600;
	background: #4B2C78;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	box-sizing: border-box;
}

.dpl-in-cart-btn:hover {
	background: #3a1f5f;
}

.dpl-in-cart-hint {
	font-size: 0.8125rem;
	color: #94a3b8;
	margin-top: 0.75rem;
}

/* --- Addon cards: all addons in one bordered box --- */

.dpl-addons-card {
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	background: #fff;
}

.dpl-addons-card > .dpl-tabs button:first-child {
	border-radius: 0.75rem 0 0 0;
}

.dpl-addons-card > .dpl-tabs button:last-child {
	border-radius: 0 0.75rem 0 0;
}

.dpl-addons-card .edd_download {
	max-width: none !important;
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.dpl-addons-card .edd_download:last-child {
	border-bottom: none !important;
}

.dpl-addons-card .edd_download_inner {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.875rem 1.5rem;
}

.dpl-addons-card .edd_download_title {
	font-size: 0.9375rem;
	font-weight: 600;
	margin: 0 !important;
	flex: 1;
}

.dpl-addons-card .edd_download_title a {
	color: #1e293b;
	text-decoration: none;
}

.dpl-addons-card .edd_download_excerpt {
	display: none;
}

.dpl-addons-card .edd_price_options {
	display: none !important;
}

.dpl-addons-card .dpl-addon-price {
	font-weight: 700;
	color: #4B2C78;
	font-size: 0.9375rem;
	white-space: nowrap;
	margin-right: 0.5rem;
}

.dpl-addons-card .edd_download_buy_button {
	flex-shrink: 0;
}

.dpl-addons-card .edd_purchase_submit_wrapper {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	border-radius: 0 !important;
}

.dpl-addons-card .edd-add-to-cart {
	padding: 0.5rem 1rem !important;
	font-size: 0.8125rem !important;
	border-radius: 0.5rem !important;
}

.dpl-addons-card .edd-cart-ajax-alert {
	display: none;
}

/* In-cart state inside addon card */
.dpl-addons-card .dpl-in-cart {
	border: none;
	border-radius: 0;
	max-width: none;
	padding: 0.875rem 1.5rem;
}

/* ======================================
   37. CART PREVIEW DIALOG (Shadow DOM)
   ====================================== */

/*
 * EDD 3.6+ Cart Preview uses Shadow DOM + native <dialog>.
 * Normal CSS selectors cannot penetrate Shadow DOM.
 * Use CSS Custom Properties (inherited) and ::part() selectors.
 */

/* --- Custom Properties (inherited into Shadow DOM) --- */
edd-cart-preview {
	--edd-cart-preview-color-primary: #4B2C78;
	--edd-cart-preview-color-primary-hover: #3A2260;
	--edd-cart-preview-color-primary-text: #fff;
	--edd-cart-preview-color-text: #1e293b;
	--edd-cart-preview-color-text-muted: #64748B;
	--edd-cart-preview-color-danger: #dc2626;
	--edd-cart-preview-color-border: #e2e8f0;
	--edd-cart-preview-color-background: #fff;
	--edd-cart-preview-color-backdrop: rgba(15, 23, 42, 0.5);
	--edd-cart-preview-border-radius: 0.75rem;
	--edd-cart-preview-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--edd-cart-preview-shadow-dialog: -4px 0 24px rgba(0, 0, 0, 0.12);
}

/* --- ::part() overrides for specific elements --- */

/* Dialog container */
edd-cart-preview::part(dialog) {
	border-radius: 0.75rem 0 0 0.75rem;
	border: none;
}

/* Header */
edd-cart-preview::part(header) {
	background: #4B2C78;
	color: #fff;
	border-radius: 0.75rem 0 0 0;
}

edd-cart-preview::part(title) {
	color: #fff;
	font-weight: 700;
}

edd-cart-preview::part(close-button) {
	color: rgba(255, 255, 255, 0.8);
}

/* Items */
edd-cart-preview::part(item) {
	border-color: #f1f5f9;
}

edd-cart-preview::part(item-name) {
	color: #1e293b;
	font-weight: 600;
}

edd-cart-preview::part(item-price) {
	color: #4B2C78;
	font-weight: 700;
}

edd-cart-preview::part(item-remove) {
	color: #94a3b8;
}

/* Summary */
edd-cart-preview::part(summary) {
	border-color: #e2e8f0;
}

edd-cart-preview::part(summary-label) {
	color: #64748B;
	font-weight: 500;
}

edd-cart-preview::part(summary-value) {
	color: #1e293b;
	font-weight: 700;
	font-size: 1.125rem;
}

/* Footer buttons */
edd-cart-preview::part(checkout-button) {
	background: #4B2C78;
	color: #fff;
	border-radius: 0.75rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

edd-cart-preview::part(checkout-button):hover {
	background: #3A2260;
}

edd-cart-preview::part(continue-button) {
	background: transparent;
	color: #4B2C78;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

edd-cart-preview::part(continue-button):hover {
	background: #faf8ff;
	border-color: #4B2C78;
}

/* Empty state */
edd-cart-preview::part(empty) {
	color: #94a3b8;
}

/* Error state */
edd-cart-preview::part(error) {
	border-color: #fecaca;
	background: #fef2f2;
}

/* Floating trigger button (if visible) */
.cart-preview__button--trigger,
edd-cart-preview::part(trigger-button) {
	background: #4B2C78 !important;
	color: #fff !important;
}

/* Mobile bottom-sheet style */
@media (max-width: 782px) {
	edd-cart-preview::part(dialog) {
		border-radius: 0.75rem 0.75rem 0 0;
	}

	edd-cart-preview::part(header) {
		border-radius: 0.75rem 0.75rem 0 0;
	}
}

/* ======================================
   38. LANGUAGE SWITCHER (header shortcode)
   ====================================== */

.dpl-lang-switcher {
	position: relative;
	display: flex;
	align-items: center;
}

.dpl-lang-flag {
	display: block;
	width: 20px;
	height: 14px;
	border-radius: 2px;
	object-fit: cover;
	flex-shrink: 0;
}

.dpl-lang-current {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.625rem;
	border: none;
	border-radius: 0.5rem;
	background: transparent;
	color: #64748B;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
	line-height: 1;
}

.dpl-lang-current:hover {
	color: #4B2C78;
	background-color: #F6F3FE;
}

.dpl-lang-current svg {
	transition: transform 0.2s ease;
}

.dpl-lang-switcher.is-open .dpl-lang-current svg {
	transform: rotate(180deg);
}

.dpl-lang-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 0.375rem);
	right: 0;
	min-width: 3rem;
	list-style: none;
	margin: 0;
	padding: 0.25rem;
	background: rgba(255, 255, 255, 0.95);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 0.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 100;
}

.dpl-lang-switcher.is-open .dpl-lang-dropdown {
	display: block;
}

.dpl-lang-dropdown li {
	margin: 0;
	padding: 0;
}

.dpl-lang-dropdown a {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.625rem;
	color: #64748B;
	text-decoration: none !important;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 0.375rem;
	white-space: nowrap;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.dpl-lang-dropdown a:hover {
	color: #4B2C78;
	background-color: #F6F3FE;
}


/* EDD Recurring - Update Payment Method submit button */
#edd-recurring-update-submit {
	background: linear-gradient(135deg, #4B2C78, #5B3A8A) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0.75rem !important;
	padding: 0.75rem 1.5rem !important;
	font-weight: 600 !important;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
	font-size: 0.9375rem !important;
	letter-spacing: 0.01em;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1.5 !important;
}

#edd-recurring-update-submit:hover {
	background: linear-gradient(135deg, #3A2260, #4B2C78) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(75, 44, 120, 0.3) !important;
}

/* ======================================
   30. DASHBOARD - WIDE LAYOUT + ACTION LINKS
   ====================================== */

/* Dashboard uses wideSize (1120px) instead of default contentSize (720px) */
.deratix-dashboard {
	max-width: var(--wp--style--global--wide-size, 1120px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Remove max-width constraint from subscription table */
.deratix-dashboard-card #edd_user_history {
	max-width: none;
}

/* Action links — vertical stack with pills instead of &nbsp;|&nbsp; */
#edd_user_history td:last-child {
	white-space: nowrap;
}

#edd_user_history td:last-child a {
	display: inline-block;
	padding: 0.3125rem 0.625rem;
	border-radius: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

/* Style action links as subtle pills */
.edd_subscription_invoice,
#edd_user_history td:last-child a:not(.edd_subscription_cancel) {
	color: #4B2C78 !important;
	background: #F6F3FE;
}

.edd_subscription_invoice:hover,
#edd_user_history td:last-child a:not(.edd_subscription_cancel):hover {
	color: #fff !important;
	background: #4B2C78;
	text-decoration: none !important;
}

/* Cancel link — danger pill */
.edd_subscription_cancel {
	color: #DC2626 !important;
	background: #FEF2F2 !important;
}

.edd_subscription_cancel:hover {
	color: #fff !important;
	background: #DC2626 !important;
	text-decoration: none !important;
}

/* Hide the ugly &nbsp;|&nbsp; separators between action links */
#edd_user_history td:last-child {
	font-size: 0;
	line-height: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	align-items: center;
}

#edd_user_history td:last-child a {
	font-size: 0.8125rem;
	line-height: 1.4;
}

/* Also apply wide layout to the bottom grid section */
.deratix-dashboard--grid {
	max-width: var(--wp--style--global--wide-size, 1120px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Order history table — also widen and style action links */
.deratix-dashboard-card .edd-table td:last-child a,
.deratix-dashboard-card .edd-table td a {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	border-radius: 0.375rem;
	color: #4B2C78;
	background: #F6F3FE;
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.deratix-dashboard-card .edd-table td:last-child a:hover,
.deratix-dashboard-card .edd-table td a:hover {
	color: #fff !important;
	background: #4B2C78 !important;
	text-decoration: none;
}

/* Mobile: action pills stack nicely */
@media (max-width: 768px) {
	#edd_user_history td:last-child {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Fix: card-link variant - remove WP flow layout margin for tight vertical alignment */
.deratix-dashboard-card--link > * {
	margin-block-start: 0 !important;
}

.deratix-dashboard-card--link h3 {
	margin-bottom: 0.5rem;
}

.deratix-dashboard-card--link p {
	margin-bottom: 0.5rem;
}