/* ================================
   FEDAI ACCOUNT DASHBOARD
================================ */

.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	float: none !important;
}

.fedaiaccountpage-account-container {
	max-width: 1050px;
	margin: 0 auto;
	padding: 30px 20px 50px;
}

.fedaiaccountpage-account-container > h2 {
	margin: 0 0 6px;
	padding: 0;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 700;
	color: #0f1111;
}

.fedaiaccountpage-account-container > p {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.5;
	color: #565959;
}


/* ================================
   DASHBOARD CARDS
================================ */

.fedaiaccountpage-cta-buttons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
}

.fedaiaccountpage-cta-buttons .fedai-btn {
	display: flex;
	align-items: center;
	gap: 15px;
	min-height: 120px;
	padding: 16px;

	background: #fff;
	border: 1px solid #d5d9d9;
	border-radius: 8px;

	color: #0f1111 !important;
	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		background-color .15s ease,
		border-color .15s ease,
		box-shadow .15s ease;
}

.fedaiaccountpage-cta-buttons .fedai-btn:hover {
	background: #f7fafa;
	border-color: #adb1b8;
	box-shadow: 0 2px 5px rgba(15, 17, 17, .12);
}

.fedaiaccountpage-cta-buttons .fedai-btn[aria-current="page"] {
	background: #f7fafa;
	border-color: #8a969b;
}

.fedaiaccountpage-cta-buttons .fedai-btn.hidden {
	display: none !important;
}


/* ================================
   ICON
================================ */

.fedai-btn-icon {
	width: 54px;
	height: 54px;
	min-width: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #e7f4f7;
	border-radius: 50%;
}

.fedai-btn-icon i {
	font-size: 25px;
	line-height: 1;
	color: #087d98;
}


/* ================================
   CARD CONTENT
================================ */

.fedai-btn-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.fedai-btn-title {
	margin-bottom: 5px;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 500;
	color: #0f1111;
}

.fedai-btn-description {
	font-size: 13px;
	line-height: 1.45;
	color: #565959;
}


/* ================================
   LOGOUT
================================ */

.fedai-btn[href*="customer-logout"] .fedai-btn-icon {
	background: #fbeaea;
}

.fedai-btn[href*="customer-logout"] .fedai-btn-icon i {
	color: #c0392b;
}


/* ================================
   ORDERS TABLE
================================ */

.fedai-orders-table {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

.fedai-orders-table th,
.fedai-orders-table td {
	padding: 8px;
	text-align: left;
	border: 1px solid #ddd;
}


/* ================================
   PAGINATION
================================ */

.fedai-pagination {
	margin-top: 20px;
}

.fedai-pagination button {
	margin-right: 5px;
	padding: 8px 12px;

	background: #0073aa;
	color: #fff;

	border: 0;
	border-radius: 5px;

	cursor: pointer;
}

.fedai-pagination button:hover {
	background: #005177;
}

.fedai-pagination button:disabled {
	background: #ccc;
	cursor: not-allowed;
}


/* ================================
   TABLET
================================ */

@media (max-width: 980px) {

	.fedaiaccountpage-account-container {
		max-width: 760px;
	}

	.fedaiaccountpage-cta-buttons {
		grid-template-columns: repeat(2, 1fr);
	}

}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

	.fedaiaccountpage-account-container {
		padding: 20px 15px 35px;
	}

	.fedaiaccountpage-account-container > h2 {
		font-size: 24px;
	}

	.fedaiaccountpage-cta-buttons {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.fedaiaccountpage-cta-buttons .fedai-btn {
		min-height: 105px;
		padding: 14px;
	}

	.fedai-btn-icon {
		width: 48px;
		height: 48px;
		min-width: 48px;
	}

	.fedai-btn-icon i {
		font-size: 22px;
	}

	.fedai-btn-title {
		font-size: 16px;
	}

}