/* =============================================================
   MACFW Gradient Design — Pro Only
   Bold purple-indigo gradient sidebar · white content · vivid cards
   ============================================================= */

/* ── Navigation ─────────────────────────────────────────────── */
.cits-my-account nav.woocommerce-MyAccount-navigation {
	background: linear-gradient(160deg, #5b21b6 0%, #4f46e5 55%, #2563eb 100%) !important;
	border-radius: 16px; overflow: hidden;
	box-shadow: 0 12px 40px rgba(79,46,198,0.45);
	border: none;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul {
	border: none !important; background: transparent !important;
	margin: 0 !important; padding: 0 !important;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul li {
	padding: 0 !important; margin: 0 !important; background: transparent !important;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul li a {
	border-bottom: 1px solid rgba(255,255,255,0.08) !important;
	padding: 14px 20px !important;
	color: rgba(255,255,255,0.72) !important;
	font-weight: 500; font-size: 14px;
	transition: all 0.25s ease;
	display: flex !important; align-items: center !important; gap: 10px !important;
	background: transparent !important;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul li a:hover {
	background: rgba(255,255,255,0.1) !important;
	color: #ffffff !important; padding-left: 26px !important;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
	background: rgba(255,255,255,0.18) !important;
	color: #ffffff !important;
	border-left: 3px solid #fff !important;
	font-weight: 700;
}
.cits-my-account nav.woocommerce-MyAccount-navigation ul li a .dashicons { color: #fff !important; opacity: 0.65; }
.cits-my-account nav.woocommerce-MyAccount-navigation ul li a:hover .dashicons,
.cits-my-account nav.woocommerce-MyAccount-navigation ul li.is-active a .dashicons { opacity: 1; }

/* ── User profile block ─────────────────────────────────────── */
.cits-user-profile {
	padding: 36px 20px; background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.1); text-align: center;
}
.cits-user-avatar {
	display: inline-block; padding: 4px; position: relative;
	background: rgba(255,255,255,0.25);
	border-radius: 50%; box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	transition: transform 0.3s ease;
}
.cits-user-avatar:hover { transform: scale(1.07); }
.cits-user-avatar img {
	border: 3px solid rgba(255,255,255,0.5) !important;
	border-radius: 50% !important; display: block;
}
.cits-user-name::before {
	content: 'WELCOME BACK,'; display: block;
	font-size: 9px; font-weight: 700;
	color: rgba(255,255,255,0.5); letter-spacing: 0.18em; margin-bottom: 5px;
}
.cits-user-name strong {
	font-size: 16px; font-weight: 700; color: #ffffff; display: block;
}
.cits-user-name span { color: rgba(255,255,255,0.6) !important; font-size: 12px; }

/* ── Dashboard cards — vivid per-card gradients ─────────────── */
.cits-dashbord-single-item {
	background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
	color: #fff; border-radius: 14px; padding: 28px 12px;
	width: 100%; text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 6px 20px rgba(236,72,153,0.35);
	border: none;
}
.dashboard-gradient-design > div:nth-child(2) .cits-dashbord-single-item {
	background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%) !important;
	box-shadow: 0 6px 20px rgba(14,165,233,0.35);
}
.dashboard-gradient-design > div:nth-child(3) .cits-dashbord-single-item {
	background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
	box-shadow: 0 6px 20px rgba(5,150,105,0.35);
}
.dashboard-gradient-design > div:nth-child(4) .cits-dashbord-single-item {
	background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
	box-shadow: 0 6px 20px rgba(249,115,22,0.35);
}
.dashboard-gradient-design > div:nth-child(5) .cits-dashbord-single-item {
	background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important;
	box-shadow: 0 6px 20px rgba(124,58,237,0.35);
}
.cits-dashbord-single-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(0,0,0,0.22) !important;
}
.cits-dashbord-single-item span svg {
	fill: #fff !important;
	width: 28px;
	height: 28px;
	margin-bottom: 12px;
}

.cits-dashbord-single-item span .dashicons {
	color: #fff !important;
	display: block !important;
	font-size: 36px !important;
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
	margin: 0 auto 12px !important;
}
.cits-dashbord-single-item span { color: rgba(255,255,255,0.9); font-size: 14px; font-weight: 500; }

.dashboard-gradient-design .cits-dashbord-single-item span img.white-image { display: inline-block !important; }
.dashboard-gradient-design .cits-dashbord-single-item span img.dark-image  { display: none !important; }

/* ── Content area ────────────────────────────────────────────── */
.woocommerce-MyAccount-content {
	padding: 32px !important; box-sizing: border-box;
	background: #ffffff; border-radius: 16px;
	box-shadow: 0 8px 32px rgba(79,46,198,0.1);
	border: 1px solid #ede9fe; color: #1e1b4b;
}

/* ── Content typography ─────────────────────────────────────── */
.cits-my-account .woocommerce-MyAccount-content h2 {
	color: #1e1b4b !important; font-weight: 700; margin-bottom: 24px;
	padding-bottom: 12px; border-bottom: 2px solid #ede9fe;
}
.cits-my-account .woocommerce-MyAccount-content h3,
.cits-my-account .woocommerce-MyAccount-content h4 { color: #1e1b4b !important; }
.cits-my-account .woocommerce-MyAccount-content legend { color: #1e1b4b !important; }
.cits-my-account .woocommerce-MyAccount-content label { color: #3730a3 !important; }
.cits-my-account .woocommerce-MyAccount-content p,
.cits-my-account .woocommerce-MyAccount-content em,
.cits-my-account .woocommerce-MyAccount-content small { color: #6b7280 !important; }
.cits-my-account .woocommerce-MyAccount-content strong { color: #1e1b4b !important; }
.cits-my-account .woocommerce-MyAccount-content .required { color: #dc2626 !important; }
.cits-my-account .woocommerce-MyAccount-content address { color: #4b5563; }
.woocommerce-account .addresses .title .edit { color: #4f46e5; }

/* ── Form inputs ─────────────────────────────────────────────── */
.cits-my-account .woocommerce-MyAccount-content input[type="text"],
.cits-my-account .woocommerce-MyAccount-content input[type="email"],
.cits-my-account .woocommerce-MyAccount-content input[type="password"],
.cits-my-account .woocommerce-MyAccount-content input[type="tel"],
.cits-my-account .woocommerce-MyAccount-content select,
.cits-my-account .woocommerce-MyAccount-content textarea {
	background: #faf5ff !important; border: 1px solid #ddd6fe !important;
	color: #1e1b4b !important; border-radius: 10px !important;
	padding: 11px 14px !important;
}
.cits-my-account .woocommerce-MyAccount-content input[type="text"]:focus,
.cits-my-account .woocommerce-MyAccount-content input[type="email"]:focus,
.cits-my-account .woocommerce-MyAccount-content input[type="password"]:focus,
.cits-my-account .woocommerce-MyAccount-content input[type="tel"]:focus,
.cits-my-account .woocommerce-MyAccount-content select:focus,
.cits-my-account .woocommerce-MyAccount-content textarea:focus {
	border-color: #7c3aed !important;
	box-shadow: 0 0 0 3px rgba(124,58,237,0.15) !important;
	outline: none !important;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.cits-my-account .woocommerce-MyAccount-content .button,
.cits-my-account .woocommerce-MyAccount-content .woocommerce-Button,
.cits-my-account .woocommerce-MyAccount-content .wp-element-button,
.cits-my-account .woocommerce-MyAccount-content input[type="submit"],
.cits-my-account .woocommerce-MyAccount-content button[type="submit"] {
	background: linear-gradient(135deg, #5b21b6, #4f46e5) !important;
	color: #ffffff !important; border: none !important;
	border-radius: 10px !important; padding: 11px 28px !important;
	font-size: 14px !important; font-weight: 600 !important;
	cursor: pointer !important; transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(91,33,182,0.4) !important;
	display: inline-block !important; line-height: 1.5 !important;
	text-decoration: none !important;
}
.cits-my-account .woocommerce-MyAccount-content .button:hover,
.cits-my-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.cits-my-account .woocommerce-MyAccount-content .wp-element-button:hover,
.cits-my-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.cits-my-account .woocommerce-MyAccount-content button[type="submit"]:hover {
	background: linear-gradient(135deg, #4c1d95, #4338ca) !important;
	color: #ffffff !important; transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(91,33,182,0.5) !important;
}

/* ── Nav count badge ────────────────────────────────────────── */
.cits-my-account .macfw-nav-count { background: rgba(255,255,255,0.22); color: #fff; }

/* ── Orders list cards ──────────────────────────────────────── */
.macfw-orders-list--gradient_design .macfw-order-card {
	background: #faf5ff; border: 1px solid #ede9fe;
	border-radius: 12px; box-shadow: 0 2px 8px rgba(79,46,198,0.07);
	transition: box-shadow 0.2s ease;
}
.macfw-orders-list--gradient_design .macfw-order-card:hover { box-shadow: 0 6px 20px rgba(79,46,198,0.14); }
.macfw-orders-list--gradient_design .macfw-order-num-link { color: #4f46e5 !important; font-weight: 600; }
.macfw-orders-list--gradient_design .macfw-order-num-link:hover { color: #5b21b6 !important; }
.macfw-orders-list--gradient_design .macfw-order-hash { color: #a78bfa; }
.macfw-orders-list--gradient_design .macfw-order-date,
.macfw-orders-list--gradient_design .macfw-order-items { color: #6b7280; }
.macfw-orders-list--gradient_design .macfw-order-total { color: #1e1b4b; font-weight: 700; }
.macfw-orders-list--gradient_design .macfw-order-card__body { border-color: #ede9fe; }
.macfw-orders-list--gradient_design .macfw-order-action {
	background: #f5f3ff; border-color: #ddd6fe; color: #4f46e5 !important;
}
.macfw-orders-list--gradient_design .macfw-order-action:hover { background: #ede9fe; color: #3730a3 !important; }
.macfw-orders-list--gradient_design .macfw-order-action--primary {
	background: linear-gradient(135deg,#5b21b6,#4f46e5) !important;
	border-color: transparent !important; color: #fff !important;
}
.macfw-orders-list--gradient_design .macfw-order-action--primary:hover {
	background: linear-gradient(135deg,#4c1d95,#4338ca) !important;
}
.macfw-orders-list--gradient_design .macfw-page-btn {
	background: #f5f3ff; border-color: #ddd6fe; color: #4f46e5 !important;
}
.macfw-orders-list--gradient_design .macfw-page-btn:hover { background: #ede9fe; }
.macfw-orders-list--gradient_design .macfw-order-status--completed  { background: #f0fdf4; color: #16a34a; }
.macfw-orders-list--gradient_design .macfw-order-status--processing { background: #f5f3ff; color: #5b21b6; }
.macfw-orders-list--gradient_design .macfw-order-status--pending    { background: #fffbeb; color: #d97706; }
.macfw-orders-list--gradient_design .macfw-order-status--on-hold    { background: #fff7ed; color: #ea580c; }
.macfw-orders-list--gradient_design .macfw-order-status--cancelled  { background: #fef2f2; color: #dc2626; }
.macfw-orders-list--gradient_design .macfw-order-status--refunded   { background: #f5f3ff; color: #6b7280; border: 1px solid #ddd6fe; }

/* ── Orders table ───────────────────────────────────────────── */
.macfw-orders-table-wrap--gradient_design {
	background: #fff; border: 1px solid #ede9fe; border-radius: 12px;
	box-shadow: 0 2px 8px rgba(79,46,198,0.07);
}
.macfw-orders-table-wrap--gradient_design .macfw-orders-table thead tr { background: #faf5ff; border-color: #ede9fe; }
.macfw-orders-table-wrap--gradient_design .macfw-orders-table thead th { color: #5b21b6; font-weight: 600; }
.macfw-orders-table-wrap--gradient_design .macfw-orders-table tbody tr { border-color: #f5f3ff; }
.macfw-orders-table-wrap--gradient_design .macfw-orders-table tbody tr:hover { background: #faf5ff; }
.macfw-orders-table-wrap--gradient_design .macfw-col-order .macfw-order-num-link { color: #4f46e5 !important; font-weight: 600; }
.macfw-orders-table-wrap--gradient_design .macfw-col-order .macfw-order-num-link:hover { color: #5b21b6 !important; }
.macfw-orders-table-wrap--gradient_design .macfw-col-date { color: #6b7280; }
.macfw-orders-table-wrap--gradient_design .macfw-col-total { color: #1e1b4b; font-weight: 700; }
.macfw-orders-table-wrap--gradient_design .macfw-order-action {
	background: #f5f3ff; border-color: #ddd6fe; color: #4f46e5 !important;
}
.macfw-orders-table-wrap--gradient_design .macfw-order-action:hover { background: #ede9fe; }
.macfw-orders-table-wrap--gradient_design .macfw-order-action--primary {
	background: linear-gradient(135deg,#5b21b6,#4f46e5) !important;
	border-color: transparent !important; color: #fff !important;
}
.macfw-orders-table-wrap--gradient_design .macfw-order-action--primary:hover {
	background: linear-gradient(135deg,#4c1d95,#4338ca) !important;
}
.macfw-orders-table-wrap--gradient_design .macfw-order-status--completed  { background: #f0fdf4 !important; color: #16a34a !important; }
.macfw-orders-table-wrap--gradient_design .macfw-order-status--processing { background: #f5f3ff !important; color: #5b21b6 !important; }
.macfw-orders-table-wrap--gradient_design .macfw-order-status--pending    { background: #fffbeb !important; color: #d97706 !important; }
.macfw-orders-table-wrap--gradient_design .macfw-order-status--on-hold    { background: #fff7ed !important; color: #ea580c !important; }
.macfw-orders-table-wrap--gradient_design .macfw-order-status--cancelled  { background: #fef2f2 !important; color: #dc2626 !important; }
.macfw-orders-table-wrap--gradient_design .macfw-order-status--refunded   { background: #f5f3ff !important; color: #6b7280 !important; }

/* ── Downloads ──────────────────────────────────────────────── */
.macfw-downloads-grid--gradient_design .macfw-download-card {
	background: #faf5ff; border: 1px solid #ede9fe; border-radius: 12px;
	box-shadow: 0 2px 8px rgba(79,46,198,0.07);
	transition: box-shadow 0.2s ease;
}
.macfw-downloads-grid--gradient_design .macfw-download-card:hover { box-shadow: 0 6px 20px rgba(79,46,198,0.14); }
.macfw-downloads-grid--gradient_design .macfw-download-icon-wrap {
	background: linear-gradient(135deg, #5b21b6, #4f46e5);
}
.macfw-downloads-grid--gradient_design .macfw-download-icon-wrap svg { color: #fff; }
.macfw-downloads-grid--gradient_design .macfw-download-product { color: #1e1b4b !important; font-weight: 600; }
.macfw-downloads-grid--gradient_design .macfw-download-product a { color: #4f46e5 !important; }
.macfw-downloads-grid--gradient_design .macfw-download-filename { color: #6b7280 !important; }
.macfw-downloads-grid--gradient_design .macfw-download-meta { color: #9ca3af !important; }
.macfw-downloads-grid--gradient_design .macfw-download-btn {
	background: linear-gradient(135deg,#5b21b6,#4f46e5) !important;
	color: #fff !important; box-shadow: 0 3px 10px rgba(91,33,182,0.3);
}
.macfw-downloads-grid--gradient_design .macfw-download-btn:hover {
	background: linear-gradient(135deg,#4c1d95,#4338ca) !important;
}

/* ── View order ─────────────────────────────────────────────── */
.macfw-view-order--gradient_design .macfw-order-header {
	background: #faf5ff; border: 1px solid #ede9fe; border-radius: 12px;
}
.macfw-view-order--gradient_design .macfw-order-header__number span { color: #6b7280; }
.macfw-view-order--gradient_design .macfw-order-header__number strong { color: #1e1b4b; }
.macfw-view-order--gradient_design .macfw-oh-date { color: #6b7280; }
.macfw-view-order--gradient_design .woocommerce-order-details {
	background: #fff !important; border: 1px solid #ede9fe !important; border-radius: 12px;
}
.macfw-view-order--gradient_design .woocommerce-order-details__title {
	color: #1e1b4b !important; border-color: #ede9fe !important;
}
.macfw-view-order--gradient_design .woocommerce-table--order-details thead th {
	color: #6b7280 !important; border-color: #ede9fe !important; font-weight: 600;
}
.macfw-view-order--gradient_design .woocommerce-table--order-details tbody tr { border-color: #f5f3ff !important; }
.macfw-view-order--gradient_design .woocommerce-table--order-details tbody td,
.macfw-view-order--gradient_design .woocommerce-table--order-details tbody th { color: #1e1b4b !important; }
.macfw-view-order--gradient_design .woocommerce-table--order-details tfoot th,
.macfw-view-order--gradient_design .woocommerce-table--order-details tfoot td {
	color: #6b7280 !important; border-color: #ede9fe !important;
}
.macfw-view-order--gradient_design .woocommerce-table--order-details tfoot tr:last-child th,
.macfw-view-order--gradient_design .woocommerce-table--order-details tfoot tr:last-child td {
	color: #1e1b4b !important; font-weight: 700; border-color: #ddd6fe !important;
}
.macfw-view-order--gradient_design .woocommerce-column__title { color: #1e1b4b !important; }
.macfw-view-order--gradient_design .woocommerce-customer-details address {
	background: #faf5ff; border: 1px solid #ede9fe; border-radius: 10px; color: #4b5563;
}
.macfw-view-order--gradient_design .woocommerce-customer-details--email,
.macfw-view-order--gradient_design .woocommerce-customer-details--phone { color: #6b7280 !important; }
.macfw-view-order--gradient_design .macfw-order-notes {
	background: #faf5ff; border: 1px solid #ede9fe; border-radius: 12px;
}
.macfw-view-order--gradient_design .macfw-section-title { color: #1e1b4b !important; }
.macfw-view-order--gradient_design .macfw-note { border-color: #ede9fe; }
.macfw-view-order--gradient_design .macfw-note__date { color: #6b7280; }
.macfw-view-order--gradient_design .macfw-note__text p { color: #4b5563; }
.macfw-view-order--gradient_design .macfw-order-status--completed  { background: #f0fdf4 !important; color: #16a34a !important; }
.macfw-view-order--gradient_design .macfw-order-status--processing { background: #f5f3ff !important; color: #5b21b6 !important; }
.macfw-view-order--gradient_design .macfw-order-status--pending    { background: #fffbeb !important; color: #d97706 !important; }
.macfw-view-order--gradient_design .macfw-order-status--on-hold    { background: #fff7ed !important; color: #ea580c !important; }
.macfw-view-order--gradient_design .macfw-order-status--cancelled  { background: #fef2f2 !important; color: #dc2626 !important; }
.macfw-view-order--gradient_design .macfw-order-status--refunded   { background: #f5f3ff !important; color: #6b7280 !important; }