/*
Theme Name: Slotix
Theme URI: https://slotix.ai/
Description: Slotix child theme for Divi 5.
Author: Slotix
Author URI: https://slotix.ai/
Template: Divi
Version: 1.0.0
*/

/* WooCommerce – inherit Divi typography */
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-MyAccount-content,
.woocommerce .woocommerce-checkout,
.woocommerce #order_review,
.woocommerce-page .woocommerce,
.woocommerce-page .woocommerce a,
.woocommerce-page .woocommerce p,
.woocommerce-page .woocommerce li,
.woocommerce-page .woocommerce td,
.woocommerce-page .woocommerce th,
.woocommerce-page .woocommerce label {
	font-family: 'Manrope', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	line-height: 2.0em;
}

/* WooCommerce – buttons (high specificity to override Divi) */
body.woocommerce-page #page-container .woocommerce a.button,
body.woocommerce-page #page-container .woocommerce a.button.alt,
body.woocommerce-page #page-container .woocommerce button.button,
body.woocommerce-page #page-container .woocommerce button.button.alt,
body.woocommerce-page #page-container .woocommerce input.button,
body.woocommerce-page #page-container .woocommerce input.button.alt,
body.woocommerce-page #page-container .woocommerce .button,
body.woocommerce-page #page-container .woocommerce .woocommerce-button,
body.woocommerce-page #page-container .woocommerce .woocommerce-Button,
body.woocommerce-page #page-container .woocommerce #place_order,
body.woocommerce-page #page-container #payment input[type="submit"],
#order_review button#place_order,
#order_review #payment button.button.alt,
#payment button#place_order {
	font-family: 'Manrope', Helvetica, Arial, Lucida, sans-serif !important;
	background-color: #1390CF !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 28px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background-color 0.2s !important;
	text-decoration: none !important;
	margin: 4px 4px 4px 0 !important;
	opacity: 1 !important;
}

body.woocommerce-page #page-container .woocommerce a.button:hover,
body.woocommerce-page #page-container .woocommerce a.button.alt:hover,
body.woocommerce-page #page-container .woocommerce button.button:hover,
body.woocommerce-page #page-container .woocommerce button.button.alt:hover,
body.woocommerce-page #page-container .woocommerce input.button:hover,
body.woocommerce-page #page-container .woocommerce .button:hover,
body.woocommerce-page #page-container .woocommerce .woocommerce-button:hover,
body.woocommerce-page #page-container .woocommerce .woocommerce-Button:hover,
body.woocommerce-page #page-container .woocommerce #place_order:hover,
body.woocommerce-page #page-container #payment input[type="submit"]:hover,
#order_review button#place_order:hover,
#payment button#place_order:hover {
	background-color: #255faf !important;
	color: #fff !important;
}

/* Remove Divi arrow icon on button hover */
body.woocommerce-page #page-container .woocommerce a.button::after,
body.woocommerce-page #page-container .woocommerce button.button::after,
body.woocommerce-page #page-container .woocommerce .button::after,
body.woocommerce-page #page-container .woocommerce #place_order::after,
#order_review button#place_order::after,
#payment button#place_order::after {
	display: none !important;
}

/* Checkout/order-pay – rounded panels */
#order_review .shop_table,
.woocommerce-checkout .shop_table,
#payment {
	border-radius: 12px !important;
	overflow: hidden;
}

.woocommerce-info,
.woocommerce-message {
	border-radius: 12px !important;
}

/* WooCommerce – rounded input fields */
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="number"],
.woocommerce-page input[type="password"],
body.woocommerce-page select,
body.woocommerce-page #page-container select,
.woocommerce-page textarea {
	border-radius: 8px !important;
	border: 1px solid #ddd !important;
	padding: 8px 16px !important;
}

/* WooCommerce Select2 dropdowns */
:where(.woocommerce) .select2-container .select2-selection,
:where(.woocommerce) .select2-container .select2-dropdown {
	--wc-form-border-color: #ddd;
	--wc-form-border-radius: 8px;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
}

/* Order-pay page typography */
#order_review,
#order_review table,
#order_review td,
#order_review th,
#order_review p,
#order_review label,
#payment,
#payment p,
#payment label {
	font-family: 'Manrope', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 16px;
}

/* Orders table – icon-only action buttons on one row */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
}

body.woocommerce-page #page-container .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button {
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	width: 36px !important;
	height: 36px !important;
	display: inline-block !important;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 18px 18px !important;
	margin: 4px 4px 4px 0 !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
}

/* Pay icon (credit card) – green */
body.woocommerce-page #page-container .woocommerce-orders-table a.button.pay {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important;
	background-color: #27ae60 !important;
}

body.woocommerce-page #page-container .woocommerce-orders-table a.button.pay:hover {
	background-color: #1e8449 !important;
}

/* View icon (eye) – blue */
body.woocommerce-page #page-container .woocommerce-orders-table a.button.view {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
	background-color: #1390CF !important;
}

body.woocommerce-page #page-container .woocommerce-orders-table a.button.view:hover {
	background-color: #255faf !important;
}

/* Cancel icon (X) – red */
body.woocommerce-page #page-container .woocommerce-orders-table a.button.cancel {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") !important;
	background-color: #e74c3c !important;
}

body.woocommerce-page #page-container .woocommerce-orders-table a.button.cancel:hover {
	background-color: #c0392b !important;
}

/* My Account – expand Divi container */
.woocommerce-account #page-container .et_pb_row,
.woocommerce-account #page-container .et-l--body .et_pb_row {
	max-width: 90% !important;
	width: 90% !important;
}

.woocommerce-account .entry-content,
.woocommerce-account .et_pb_text_inner {
	max-width: 100% !important;
}

/* My Account – sidebar navigation */
.woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.woocommerce-MyAccount-navigation-link a {
	display: block !important;
	padding: 10px 0 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #0D1B3E !important;
	text-decoration: none !important;
	transition: color 0.2s;
	border-left: 3px solid transparent;
	padding-left: 12px !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
	color: #1390CF !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
	color: #1390CF !important;
	font-weight: 600 !important;
	border-left-color: #1390CF;
}

/* Footer – force 2×2 wrapping on mobile/tablet */

@media (max-width: 980px) {
	.et-l--footer .et_pb_row_0_tb_footer,
	.et-l--footer .et_pb_row_1_tb_footer {
		flex-wrap: wrap !important;
	}
	.et-l--footer .et_pb_row_1_tb_footer > .et_pb_column.et_pb_column {
		width: 44% !important;
		max-width: 44% !important;
		flex: 0 0 44% !important;
	}
	.et-l--footer .et_pb_column_1_tb_footer.et_pb_column {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}
}

/* Footer – prevent Polyglot language selector from being clipped */
#main-footer,
#et-footer-nav,
.et-l--footer,
.et-l--footer .et_pb_row,
.et-l--footer .et_pb_column,
.et-l--footer .et_pb_module,
.et-l--footer .et_pb_menu_inner_container,
#footer-bottom,
#footer-info {
	overflow: visible !important;
}

#menu-footer {
	flex-wrap: wrap !important;
}

.polyglot-switcher-list,
.polyglot-text-list {
	white-space: nowrap !important;
}

.woocommerce-address-fields__field-wrapper {
    margin-bottom: 20px!important;
}

/* My Account – Addresses page spacing */
.woocommerce-Addresses .woocommerce-Address {
	margin-bottom: 40px;
}

.woocommerce-Addresses .woocommerce-Address-title {
	margin-bottom: 22px;
}

.woocommerce-Addresses .woocommerce-Address-title h2 {
	margin-bottom: 20px;
}

.woocommerce-Addresses .woocommerce-Address address {
	line-height: 1.8em;
	margin-bottom: 16px;
}

/* Order received – "Order again" button */
body.woocommerce-page .woocommerce p.order-again a.button,
body .woocommerce p.order-again a.button,
.woocommerce-order p.order-again a.button {
	font-family: 'Manrope', Helvetica, Arial, Lucida, sans-serif !important;
	background-color: #1390CF !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 28px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background-color 0.2s !important;
	text-decoration: none !important;
}

body.woocommerce-page .woocommerce p.order-again a.button:hover,
body .woocommerce p.order-again a.button:hover,
.woocommerce-order p.order-again a.button:hover {
	background-color: #255faf !important;
	color: #fff !important;
}

body.woocommerce-page .woocommerce p.order-again a.button::after,
body .woocommerce p.order-again a.button::after,
.woocommerce-order p.order-again a.button::after {
	display: none !important;
}

/* Subscription plan badges */
.sai-plan-badge {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.sai-plan-standard {
	background-color: #e8f4fd;
	color: #1a6fa3;
}

.sai-plan-professional {
	background-color: #ede7f6;
	color: #5e35b1;
}

.sai-plan-premium {
	background: linear-gradient(135deg, #8b5cf6, #6366f1);
	color: #fff;
}

/* Subscription status badges */
.sai-status-badge {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.sai-status-active {
	background-color: #e8f5e9;
	color: #2e7d32;
}

.sai-status-pending-cancel {
	background-color: #fff8e1;
	color: #f57f17;
}

.sai-status-cancelled {
	background-color: #ffebee;
	color: #c62828;
}

.sai-status-pending {
	background-color: #f5f5f5;
	color: #757575;
}

/* Change Plan – per-plan card header colors */
.sai-plan-card.sai-plan-card-standard .sai-plan-header {
	background: #e8f4fd;
}
.sai-plan-card.sai-plan-card-standard .sai-plan-header h3 {
	color: #1a6fa3;
}
.sai-plan-card.sai-plan-card-standard .sai-plan-price {
	color: #1a6fa3 !important;
}
.sai-plan-card.sai-plan-card-standard:hover {
	border-color: #1a6fa3;
	box-shadow: 0 4px 12px rgba(26, 111, 163, 0.15);
}

.sai-plan-card.sai-plan-card-professional .sai-plan-header {
	background: #ede7f6;
}
.sai-plan-card.sai-plan-card-professional .sai-plan-header h3 {
	color: #5e35b1;
}
.sai-plan-card.sai-plan-card-professional .sai-plan-price {
	color: #5e35b1 !important;
}
.sai-plan-card.sai-plan-card-professional:hover {
	border-color: #5e35b1;
	box-shadow: 0 4px 12px rgba(94, 53, 177, 0.15);
}

.sai-plan-card.sai-plan-card-premium .sai-plan-header {
	background: linear-gradient(135deg, #8b5cf6, #6366f1);
}
.sai-plan-card.sai-plan-card-premium .sai-plan-header h3 {
	color: #fff;
}
.sai-plan-card.sai-plan-card-premium .sai-plan-price {
	color: #fff !important;
}
.sai-plan-card.sai-plan-card-premium:hover {
	border-color: #7c3aed;
	box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2);
}