.elementor-28 .elementor-element.elementor-element-f6aad35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-28:not(.elementor-motion-effects-element-type-background), body.elementor-page-28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-0709d5c *//* Hesam Design - Custom Account Panel CSS (نسخه طراحی جدید)
   این کد را در Advanced > Custom CSS همان ویجت شورت‌کد در المنتور قرار دهید */

@font-face {
	font-family: 'DoranFaNum-Light';
	src: url('https://hesamdesign.com/wp-content/uploads/2026/06/DoranFaNum-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.custom-account-container {
	display: flex;
	direction: rtl;
	max-width: 1100px;
	margin: 40px auto;
	gap: 30px;
	background: transparent;
	color: #F5F1E8;
	font-family: 'DoranFaNum-Light', Tahoma, sans-serif;
	font-size: 18px;
}

.custom-account-container * {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

.hesam-login-notice {
	text-align: center;
	padding: 20px;
	background: transparent;
	color: #F5F1E8;
}

/* --- سایدبار --- */
.account-sidebar {
	width: 280px;
	background: transparent;
	border: 1px solid #825A2B;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
	height: fit-content;
}

.sidebar-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px;
	background: transparent;
	border-bottom: 1px solid #825A2B;
}

.profile-avatar-wrapper {
	width: 60px;
	height: 60px;
	background: transparent;
	border: 1px solid #825A2B;
	border-radius: 50%;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.profile-avatar-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-wrapper .dashicons { font-size: 26px; width: 26px; height: 26px; color: #F5F1E8; }

.profile-name { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.profile-role { font-size: 15px; }

.sidebar-menu { list-style: none; padding: 0; margin: 0; }
.sidebar-menu li {
	border-bottom: 1px solid #825A2B;
	cursor: pointer;
	background: transparent;
}
.sidebar-menu li:last-child { border-bottom: none; }

.sidebar-menu a,
.sidebar-menu button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 20px;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.3s;
	width: 100%;
	background: transparent !important;
	border: none;
	text-align: right;
	cursor: pointer;
}
.sidebar-menu .dashicons { font-size: 20px; width: 20px; height: 20px; }

/* تب فعال با بوردر راست به‌جای بک‌گراوند مشخص می‌شود */
.sidebar-menu li.active button {
	border-right: 3px solid #825A2B;
	color: #825A2B;
	font-weight: bold;
}
.sidebar-menu li.active .dashicons {
	color: #825A2B;
}

.sidebar-menu li:hover button,
.sidebar-menu li:hover a {
	background: transparent !important;
	border-right: 3px solid #825A2B;
	color: #F5F1E8 !important;
}
.sidebar-menu li:hover .dashicons {
	color: #F5F1E8 !important;
}

.account-content { flex-grow: 1; padding: 10px 0; background: transparent; }
.account-content h2 { font-size: 24px; font-weight: bold; margin-bottom: 30px; }

.tab-content { display: none; background: transparent; }
.tab-content.active-tab { display: block; animation: hesamFadeIn 0.35s ease; }
@keyframes hesamFadeIn {
	from { opacity: 0; transform: translateY(5px); }
	to   { opacity: 1; transform: translateY(0); }
}

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 40px; }
.form-group {
	display: flex;
	flex-direction: column;
	background: transparent;
	border: 1px solid #825A2B;
	border-radius: 8px;
	padding: 10px 15px;
}
.form-group label { font-size: 15px; margin-bottom: 10px; }

.form-group input,
.form-group textarea {
	height: 40px;
	border: none;
	border-radius: 0;
	padding: 0;
	background: transparent;
	outline: none;
	font-size: 18px;
}
.form-group textarea { height: 90px; padding: 8px 0; resize: vertical; }
.form-group input::placeholder,
.form-group textarea::placeholder { color: #F5F1E8; opacity: 0.6; }
.form-group input.disabled-field { background: transparent; cursor: not-allowed; opacity: 0.7; }

.form-group:hover,
.form-group:focus-within {
	border-color: #825A2B;
}

.full-width { grid-column: 1 / -1; }

.btn-save {
	background-color: #825A2B;
	color: #F5F1E8;
	border: 1px solid #825A2B;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 25px;
	transition: 0.3s;
}
.btn-save:hover {
	background-color: transparent;
	color: #825A2B;
	border-color: #825A2B;
}

.success-msg {
	background: transparent;
	border: 1px solid #825A2B;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 16px;
}

.wc-orders-table {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
	font-size: 16px;
	background: transparent;
}
.wc-orders-table th,
.wc-orders-table td {
	padding: 15px;
	border-bottom: 1px solid #825A2B;
	background: transparent;
}
.wc-orders-table th { font-weight: bold; }
.status-badge {
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 13px;
	background: transparent;
	border: 1px solid #825A2B;
}

@media (max-width: 768px) {
	.custom-account-container { flex-direction: column; padding: 0 15px; }
	.account-sidebar { width: 100%; }
	.form-grid { grid-template-columns: 1fr; }
}/* End custom CSS */