/* IranNet Account Shell — presentation only. */
.elementor-widget-irannet-account-shell {
	display: none;
}

.elementor-editor-active .elementor-widget-irannet-account-shell {
	display: block;
}

.irannet-account-shell-controller__editor-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border: 1px dashed #b9c0ca;
	border-radius: 10px;
	background: #f7f8fa;
	color: #4b5563;
	font-size: 12px;
	line-height: 1.7;
}

.irannet-account-shell-controller__editor-card strong {
	color: #17191c;
	white-space: nowrap;
}

.irannet-account-shell-controller__editor-card--valid {
	border-color: #9bc7ad;
	background: #f5fbf7;
}

.irannet-account-shell-controller__editor-card--invalid {
	border-color: #d7b4a8;
	background: #fff9f6;
}

.irannet-account-shell-controller__editor-card--valid .irannet-account-shell-controller__editor-title {
	color: #25633d;
}

.irannet-account-shell-controller__editor-card--invalid .irannet-account-shell-controller__editor-title {
	color: #8b3f2d;
}

.irannet-account-shell-host {
	box-sizing: border-box;
	display: grid !important;
	gap: var(--irannet-shell-gap, 24px);
	padding: var(--irannet-shell-padding, 0);
	width: 100% !important;
	inline-size: 100% !important;
	max-width: none !important;
	max-inline-size: none !important;
	min-width: 0 !important;
	min-inline-size: 0 !important;
	flex: 1 1 100% !important;
	align-self: stretch !important;
	justify-self: stretch !important;
	direction: ltr;
	color: var(--irannet-account-text, inherit);
}

.irannet-account-shell-scope[data-irannet-shell-background="1"] {
	background: var(--irannet-account-bg, transparent);
}

.irannet-account-shell-host[data-irannet-shell-side="right"] {
	grid-template-columns: minmax(0, 1fr) minmax(0, var(--irannet-shell-sidebar-width, 280px));
}

.irannet-account-shell-host[data-irannet-shell-side="left"] {
	grid-template-columns: minmax(0, var(--irannet-shell-sidebar-width, 280px)) minmax(0, 1fr);
}

.irannet-account-shell-host > .irannet-account-shell__sidebar-region,
.irannet-account-shell-host > .irannet-account-shell__main-region {
	box-sizing: border-box;
	width: 100% !important;
	inline-size: 100% !important;
	max-width: 100% !important;
	max-inline-size: 100% !important;
	min-width: 0 !important;
	min-inline-size: 0 !important;
	flex: none !important;
	align-self: start !important;
	justify-self: stretch !important;
}

/*
 * Elementor Atomic containers can carry their own width/flex sizing. Once a
 * branch is explicitly claimed by Account Shell, the grid track is the source
 * of truth for that branch width. Keep RTL inside the regions while using an
 * LTR grid coordinate system so the Sidebar Side control remains physical
 * (right really means right, left really means left).
 */
body.rtl .irannet-account-shell-host > .irannet-account-shell__sidebar-region,
body.rtl .irannet-account-shell-host > .irannet-account-shell__main-region {
	direction: rtl;
}

.irannet-account-shell-host[data-irannet-shell-side="right"] > .irannet-account-shell__sidebar-region {
	grid-column: 2;
	grid-row: 1;
}

.irannet-account-shell-host[data-irannet-shell-side="right"] > .irannet-account-shell__main-region {
	grid-column: 1;
	grid-row: 1;
}

.irannet-account-shell-host[data-irannet-shell-side="left"] > .irannet-account-shell__sidebar-region {
	grid-column: 1;
	grid-row: 1;
}

.irannet-account-shell-host[data-irannet-shell-side="left"] > .irannet-account-shell__main-region {
	grid-column: 2;
	grid-row: 1;
}

.irannet-account-shell-host.irannet-account-shell--sticky > .irannet-account-shell__sidebar-region {
	position: sticky;
	top: var(--irannet-shell-sticky-offset, 24px);
}

.irannet-account-shell-host.irannet-account-shell--mobile {
	display: flex !important;
	flex-direction: column;
	gap: var(--irannet-shell-gap, 16px);
}

.irannet-account-shell-host.irannet-account-shell--mobile > .irannet-account-shell__sidebar-region,
.irannet-account-shell-host.irannet-account-shell--mobile > .irannet-account-shell__main-region {
	position: static;
	width: 100%;
	max-width: none;
	min-width: 0;
}

.irannet-account-shell-host.irannet-account-shell--mobile.irannet-account-shell--dashboard[data-irannet-dashboard-order="main-first"] > .irannet-account-shell__main-region {
	order: 1;
}

.irannet-account-shell-host.irannet-account-shell--mobile.irannet-account-shell--dashboard[data-irannet-dashboard-order="main-first"] > .irannet-account-shell__sidebar-region {
	order: 2;
}

.irannet-account-shell-host.irannet-account-shell--mobile.irannet-account-shell--dashboard[data-irannet-dashboard-order="sidebar-first"] > .irannet-account-shell__sidebar-region {
	order: 1;
}

.irannet-account-shell-host.irannet-account-shell--mobile.irannet-account-shell--dashboard[data-irannet-dashboard-order="sidebar-first"] > .irannet-account-shell__main-region {
	order: 2;
}

.irannet-account-shell-host.irannet-account-shell--mobile.irannet-account-shell--detail[data-irannet-hide-sidebar-detail="1"] > .irannet-account-shell__sidebar-region {
	display: none !important;
}

.irannet-account-shell-scope.irannet-account-shell--mobile.irannet-account-shell--detail[data-irannet-hide-user-header-detail="1"] .elementor-widget-irannet-account-user-header {
	display: none !important;
}

/*
 * Mobile identity belongs to the global site header. Keep the Account User
 * Header available on desktop sidebar, but remove it from the mobile Account
 * canvas on both dashboard and detail routes.
 */
.irannet-account-shell-scope.irannet-account-shell--mobile .elementor-widget-irannet-account-user-header {
	display: none !important;
}

.irannet-account-shell-scope.irannet-account-shell--mobile.irannet-account-shell--detail[data-irannet-hide-dashboard-detail="1"] .elementor-widget-irannet-account-dashboard,
.irannet-account-shell-scope.irannet-account-shell--mobile.irannet-account-shell--detail[data-irannet-hide-dashboard-detail="1"] .elementor-widget-irannet-account-dashboard-content {
	display: none !important;
}

.irannet-account-shell-scope.irannet-account-shell--mobile.irannet-account-shell--dashboard[data-irannet-hide-title-dashboard="1"] .elementor-widget-irannet-account-endpoint-title {
	display: none !important;
}

.irannet-account-shell-host.irannet-account-shell--guest[data-irannet-guest-full-width="1"] > .irannet-account-shell__sidebar-region {
	display: none !important;
}

.irannet-account-shell-host.irannet-account-shell--guest[data-irannet-guest-full-width="1"] > .irannet-account-shell__main-region {
	grid-column: 1 / -1 !important;
	width: 100%;
}