.elementor-12590 .elementor-element.elementor-element-986fb81{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12590 .elementor-element.elementor-element-d01e2d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12590 .elementor-element.elementor-element-35157d9{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-12590 .elementor-element.elementor-element-35157d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12590 .elementor-element.elementor-element-88496e8.elementor-element{--align-self:flex-start;}.elementor-12590 .elementor-element.elementor-element-88496e8 img{border-radius:7px 7px 7px 7px;}.elementor-12590 .elementor-element.elementor-element-0cfe9de{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-12590 .elementor-element.elementor-element-011fabb{width:auto;max-width:auto;}.elementor-12590 .elementor-element.elementor-element-011fabb > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-12590 .elementor-element.elementor-element-011fabb .elementor-heading-title{font-family:"Estedad";font-size:0.9rem;font-weight:400;color:#002CBD;}.elementor-12590 .elementor-element.elementor-element-fc432bb{width:var( --container-widget-width, 850px );max-width:850px;--container-widget-width:850px;--container-widget-flex-grow:0;}.elementor-12590 .elementor-element.elementor-element-fc432bb.elementor-element{--align-self:flex-start;}.elementor-12590 .elementor-element.elementor-element-fc432bb .elementor-heading-title{font-family:"Estedad";font-size:1.3rem;font-weight:800;}.elementor-12590 .elementor-element.elementor-element-1d5da36{width:auto;max-width:auto;}.elementor-12590 .elementor-element.elementor-element-1d5da36 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-12590 .elementor-element.elementor-element-1d5da36 .elementor-heading-title{font-family:"Estedad";font-size:0.9rem;font-weight:400;color:#838383;}.elementor-12590 .elementor-element.elementor-element-0377e0b{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-12590 .elementor-element.elementor-element-b57c70c{width:auto;max-width:auto;}.elementor-12590 .elementor-element.elementor-element-b57c70c > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-12590 .elementor-element.elementor-element-b57c70c .elementor-heading-title{font-family:"Estedad";font-size:0.9rem;font-weight:400;color:#838383;}.elementor-12590 .elementor-element.elementor-element-82b251b{width:auto;max-width:auto;}.elementor-12590 .elementor-element.elementor-element-82b251b > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-12590 .elementor-element.elementor-element-82b251b .elementor-heading-title{font-family:"Estedad";font-size:0.9rem;font-weight:400;color:#838383;}.elementor-12590 .elementor-element.elementor-element-884a889{--grid-template-columns:repeat(1, auto);--icon-size:15px;--grid-column-gap:1px;--grid-row-gap:0px;}@media(max-width:767px){.elementor-12590 .elementor-element.elementor-element-35157d9{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-12590 .elementor-element.elementor-element-0cfe9de{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-12590 .elementor-element.elementor-element-0377e0b{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-12590 .elementor-element.elementor-element-35157d9{--width:125.767px;}.elementor-12590 .elementor-element.elementor-element-0cfe9de{--width:75%;}.elementor-12590 .elementor-element.elementor-element-0377e0b{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-986fb81 *//* ==========================================================
   BALY MAGAZINE ARTICLE - FINAL SAFE CSS
   Theme: Impreza
   Builder: Elementor
   Player: Presto Player

   IMPORTANT:
   همه CSS های قبلی مربوط به این بخش حذف شوند.
   فقط همین نسخه استفاده شود.
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

.elementor-12590,
.elementor-12582 {

	--baly-blue: #0873d8;
	--baly-blue-dark: #0757aa;
	--baly-blue-soft: #eef6ff;

	--baly-text: #171b21;
	--baly-text-2: #39414a;
	--baly-muted: #89929c;

	--baly-border: #e4e9ef;
	--baly-border-soft: #edf1f4;

	--baly-white: #ffffff;
	--baly-soft: #f8fafd;

	--baly-radius-lg: 20px;
	--baly-radius-md: 14px;

	--baly-shadow:
		0 16px 44px rgba(18, 38, 61, .055),
		0 3px 10px rgba(18, 38, 61, .025);
}


/* ==========================================================
   1. ARTICLE HEADER
   دسکتاپ: اندازه و Layout اصلی دست نمی‌خورد
   ========================================================== */

.elementor-12590 .elementor-element-d01e2d2 {

	position: relative;

	box-sizing: border-box;

	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#fbfcfe 58%,
			#f7faff 100%
		);

	border: 1px solid var(--baly-border);

	border-radius: var(--baly-radius-lg);

	box-shadow: var(--baly-shadow);

	overflow: hidden;
}


/* خط آبی کنار هدر */

.elementor-12590 .elementor-element-d01e2d2::before {

	content: "";

	position: absolute;

	top: 17px;
	right: 0;
	bottom: 17px;

	width: 4px;

	border-radius: 0 10px 10px 0;

	background:
		linear-gradient(
			180deg,
			#19a2f5 0%,
			#0873d8 52%,
			#064da1 100%
		);

	pointer-events: none;
}


/* ==========================================================
   2. AUTHOR IMAGE
   ========================================================== */

.elementor-12590 .elementor-element-88496e8 img {

	display: block;

	object-fit: cover;

	border: 3px solid #fff;

	border-radius: 14px;

	box-shadow:
		0 8px 22px rgba(20, 42, 69, .13),
		0 0 0 1px rgba(8, 91, 177, .06);

	transition:
		transform .25s ease,
		box-shadow .25s ease;
}


@media (hover: hover) and (pointer: fine) {

	.elementor-12590 .elementor-element-88496e8 img:hover {

		transform: translateY(-2px);

		box-shadow:
			0 12px 28px rgba(20, 42, 69, .16),
			0 0 0 1px rgba(8, 91, 177, .09);
	}
}


/* ==========================================================
   3. CATEGORY BADGE
   ========================================================== */

.elementor-12590 .elementor-element-011fabb a {

	display: inline-flex;

	align-items: center;

	padding: 5px 11px;

	color: var(--baly-blue-dark) !important;

	font-size: 12.5px;

	font-weight: 650;

	line-height: 1.5;

	text-decoration: none !important;

	background: var(--baly-blue-soft);

	border: 1px solid rgba(8, 115, 216, .12);

	border-radius: 50px;

	transition:
		background-color .2s ease,
		color .2s ease;
}


.elementor-12590 .elementor-element-011fabb a::before {

	content: "";

	display: block;

	width: 6px;
	height: 6px;

	flex: 0 0 6px;

	margin-left: 7px;

	border-radius: 50%;

	background: var(--baly-blue);

	box-shadow:
		0 0 0 3px rgba(8, 115, 216, .08);
}


@media (hover: hover) and (pointer: fine) {

	.elementor-12590 .elementor-element-011fabb a:hover {

		color: #fff !important;

		background: var(--baly-blue);
	}


	.elementor-12590 .elementor-element-011fabb a:hover::before {

		background: #fff;
	}
}


/* ==========================================================
   4. MAIN H1
   ========================================================== */

.elementor-12590 .elementor-element-fc432bb h1 {

	color: var(--baly-text) !important;

	font-weight: 800 !important;

	line-height: 1.65 !important;

	letter-spacing: -.3px;

	text-wrap: pretty;
}


/* ==========================================================
   5. DATE
   ========================================================== */

.elementor-12590
.elementor-element-1d5da36
.elementor-heading-title {

	display: inline-flex;

	align-items: center;

	color: var(--baly-muted) !important;

	font-size: 12px !important;

	line-height: 1.7;
}


.elementor-12590
.elementor-element-1d5da36
.elementor-heading-title::before {

	content: "";

	width: 5px;
	height: 5px;

	flex: 0 0 5px;

	margin-left: 7px;

	border-radius: 50%;

	background: #adb5be;
}


/* ==========================================================
   6. AUTHOR + COMMENTS
   ========================================================== */

.elementor-12590
.elementor-element-0377e0b
.elementor-heading-title {

	color: #59626c !important;

	font-size: 12px !important;

	font-weight: 400;

	line-height: 1.85;
}


/* ==========================================================
   7. ARTICLE TEXT CARD
   ========================================================== */

/*
 * توجه:
 * overflow:hidden عمدا حذف شده.
 *
 * داخل این Container ها Widget های Sticky وجود دارند
 * و نمی‌خواهیم Context جدیدی برای Sticky ایجاد کنیم.
 */

.elementor-12582 .elementor-element-92d2928,
.elementor-12582 .elementor-element-fd73808 {

	position: relative;

	box-sizing: border-box;

	background:
		linear-gradient(
			145deg,
			#ffffff 0%,
			#ffffff 72%,
			#fafcff 100%
		);

	border-radius: var(--baly-radius-lg);

	box-shadow:
		inset 0 0 0 1px var(--baly-border),
		0 12px 36px rgba(20, 40, 62, .045);
}


/* خط تزئینی بالای کارت */

.elementor-12582 .elementor-element-92d2928::before,
.elementor-12582 .elementor-element-fd73808::before {

	content: "";

	position: absolute;

	z-index: 1;

	top: 0;
	right: 25px;
	left: 25px;

	height: 2px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(8, 115, 216, .10),
			rgba(8, 115, 216, .46),
			rgba(8, 115, 216, .10),
			transparent
		);

	pointer-events: none;
}


/* ==========================================================
   8. TEXT EDITOR PADDING
   ========================================================== */

/*
 * دیگر این کد عمومی لازم نیست:
 *
 * .elementor-widget-text-editor {
 *     padding: 15px;
 * }
 */

.elementor-12582 .elementor-element-1a99964,
.elementor-12582 .elementor-element-e1bb30d {

	box-sizing: border-box !important;

	padding: 22px 24px !important;
}


.elementor-12582
.elementor-element-1a99964
> .elementor-widget-container,

.elementor-12582
.elementor-element-e1bb30d
> .elementor-widget-container {

	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;
}


/* ==========================================================
   9. H2
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor h2 {

	position: relative;

	margin:
		38px
		0
		18px !important;

	padding:
		8px
		17px
		8px
		11px !important;

	color: #151b22 !important;

	font-size: clamp(20px, 1.4vw, 24px) !important;

	font-weight: 800 !important;

	line-height: 1.7 !important;

	letter-spacing: -.25px;

	background:
		linear-gradient(
			90deg,
			rgba(8, 115, 216, .085) 0%,
			rgba(8, 115, 216, .03) 58%,
			transparent 100%
		);

	border-radius: 10px;

	text-wrap: pretty;
}


.elementor-12582
.elementor-widget-text-editor h2:first-child {

	margin-top: 0 !important;
}


/* خط آبی H2 */

.elementor-12582
.elementor-widget-text-editor h2::before {

	content: "";

	position: absolute;

	right: 0;

	top: 8px;
	bottom: 8px;

	width: 4px;

	border-radius: 20px;

	background:
		linear-gradient(
			180deg,
			#18a0f2,
			#0873d8 50%,
			#0753a5
		);

	box-shadow:
		0 0 0 3px rgba(8, 115, 216, .055);
}


/* ==========================================================
   10. H3
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor h3 {

	position: relative;

	margin:
		30px
		0
		16px !important;

	padding:
		0
		18px
		8px
		0 !important;

	color: #222a34 !important;

	font-size: clamp(17px, 1.15vw, 20px) !important;

	font-weight: 750 !important;

	line-height: 1.75 !important;

	letter-spacing: -.15px;

	border-bottom: 1px solid #edf0f3;

	text-wrap: pretty;
}


/* نقطه H3 */

.elementor-12582
.elementor-widget-text-editor h3::before {

	content: "";

	position: absolute;

	right: 0;

	top: .72em;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: var(--baly-blue);

	box-shadow:
		0 0 0 4px rgba(8, 115, 216, .08);
}


/* ==========================================================
   11. H4
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor h4 {

	position: relative;

	margin:
		25px
		0
		11px !important;

	padding-right: 13px;

	color: #29313b !important;

	font-size: 17px !important;

	font-weight: 700 !important;

	line-height: 1.8 !important;
}


.elementor-12582
.elementor-widget-text-editor h4::before {

	content: "";

	position: absolute;

	right: 0;

	top: .6em;

	width: 4px;
	height: 12px;

	border-radius: 5px;

	background: #9dbbdd;
}


/* ==========================================================
   12. PARAGRAPHS
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor p {

	margin:
		0
		0
		18px !important;

	color: #373e47 !important;

	font-size: 16px;

	font-weight: 400;

	line-height: 2.15 !important;

	text-align: right;
}


.elementor-12582
.elementor-widget-text-editor p:last-child {

	margin-bottom: 0 !important;
}


/* ==========================================================
   13. STRONG
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor strong {

	color: #075dab !important;

	font-weight: 750 !important;

	background:
		linear-gradient(
			transparent 68%,
			rgba(8, 115, 216, .10) 68%
		);

	padding-inline: 1px;
}


/* ==========================================================
   14. LINKS
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor p a,

.elementor-12582
.elementor-widget-text-editor li a {

	color: #0870cf !important;

	font-weight: 600;

	text-decoration: none !important;

	border-bottom:
		1px solid rgba(8, 112, 207, .25);

	transition:
		color .2s ease,
		border-color .2s ease;
}


@media (hover: hover) and (pointer: fine) {

	.elementor-12582
	.elementor-widget-text-editor p a:hover,

	.elementor-12582
	.elementor-widget-text-editor li a:hover {

		color: #054d97 !important;

		border-bottom-color: #054d97;
	}
}


/* ==========================================================
   15. LISTS
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor ul,

.elementor-12582
.elementor-widget-text-editor ol {

	margin:
		16px
		0
		22px !important;

	padding-right: 25px !important;

	padding-left: 0 !important;
}


.elementor-12582
.elementor-widget-text-editor li {

	margin-bottom: 8px;

	color: #373e47;

	font-size: 16px;

	line-height: 2 !important;
}


.elementor-12582
.elementor-widget-text-editor li::marker {

	color: var(--baly-blue);

	font-weight: 700;
}


/* ==========================================================
   16. BLOCKQUOTE
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor blockquote {

	margin:
		25px
		0 !important;

	padding:
		17px
		20px !important;

	color: #36404b;

	background:
		linear-gradient(
			135deg,
			#f3f8fe,
			#f9fbfe
		);

	border: 0 !important;

	border-right:
		4px solid var(--baly-blue) !important;

	border-radius: 10px;

	font-size: 15.5px;

	line-height: 2;
}


/* ==========================================================
   17. ARTICLE IMAGES
   فقط تصاویر داخل Text Editor
   ========================================================== */

.elementor-12582
.elementor-widget-text-editor img {

	max-width: 100%;

	height: auto;

	border-radius: 11px;

	box-shadow:
		0 8px 25px rgba(20, 40, 62, .07);
}


/* ==========================================================
   18. PRESTO PLAYER
   مهم‌ترین تغییر این نسخه
   ========================================================== */

/*
 * فقط خود Figure اصلی Presto استایل می‌شود.
 *
 * Widget Container دست نمی‌خورد.
 * presto-player دست نمی‌خورد.
 * Sticky Container دست نمی‌خورد.
 *
 * CSS خودت برای border-radius هم در همین بخش ادغام شده.
 */

.elementor-12582
.wp-block-video.presto-block-video.presto-provider-self-hosted {

	border-radius: 15px !important;

	outline: 1px solid rgba(215, 223, 232, .95);

	outline-offset: 0;

	box-shadow:
		0 12px 32px rgba(18, 39, 64, .11),
		0 3px 10px rgba(18, 39, 64, .055);

	--presto-player-highlight-color: #0873d8;
	--plyr-color-main: #0873d8;
}


/*
 * دسکتاپ فقط Shadow در Hover زیباتر می‌شود.
 *
 * عمدا transform نداریم.
 * چون Video + Sticky + Transform
 * می‌تواند Layer جدید گرافیکی ایجاد کند.
 */

@media (hover: hover) and (pointer: fine) {

	.elementor-12582
	.wp-block-video.presto-block-video.presto-provider-self-hosted:hover {

		box-shadow:
			0 16px 38px rgba(18, 39, 64, .14),
			0 4px 12px rgba(18, 39, 64, .07);
	}
}


/* ==========================================================
   PRESTO SAFETY
   ========================================================== */

/*

عمدا هیچ CSS سفارشی برای این موارد نداریم:

.elementor-element-83ed664
.elementor-element-28fa751

.elementor-element-a726bda > .elementor-widget-container
.elementor-element-2af7d31 > .elementor-widget-container

presto-player
.presto-sticky-parent
.plyr

و عمدا روی Player این موارد تعریف نشده:

width
height
min-height
max-height
aspect-ratio
display
position
padding
transform
filter

همچنین overflow خود Presto Override نشده است.

*/


/* ==========================================================
   19. STAR RATING
   ========================================================== */

.w-post-elm.post_content.us_custom_0f8f44b7
.kk-star-ratings {

	box-sizing: border-box;

	padding: 12px 17px;

	background: #fff;

	border-radius: 13px;

	box-shadow:
		inset 0 0 0 1px var(--baly-border),
		0 8px 25px rgba(20, 38, 58, .04);
}


.w-post-elm.post_content.us_custom_0f8f44b7
.kksr-legend {

	color: #5c6570;

	font-size: 13px !important;
}


/* ==========================================================
   20. TABLET
   ========================================================== */

@media (max-width: 1024px) {

	.elementor-12582 .elementor-element-1a99964,
	.elementor-12582 .elementor-element-e1bb30d {

		padding:
			19px
			20px !important;
	}


	.elementor-12582
	.elementor-widget-text-editor p {

		font-size: 15.5px;

		line-height: 2.1 !important;
	}
}


/* ==========================================================
   21. MOBILE
   ========================================================== */

@media (max-width: 767px) {


	/* ======================================================
	   COMPACT HEADER
	   ====================================================== */

	.elementor-12590
	.elementor-element-d01e2d2 {

		display: grid !important;

		grid-template-columns:
			minmax(0, 1fr)
			54px !important;

		grid-template-areas:
			"main photo"
			"meta meta";

		align-items: start !important;

		column-gap: 10px !important;

		row-gap: 7px !important;

		padding:
			11px
			13px !important;

		border-radius: 14px;
	}


	.elementor-12590
	.elementor-element-d01e2d2::before {

		top: 10px;
		bottom: 10px;

		width: 3px;
	}


	/* عکس */

	.elementor-12590
	.elementor-element-35157d9 {

		grid-area: photo;

		width: 54px !important;

		min-width: 54px !important;

		max-width: 54px !important;
	}


	.elementor-12590
	.elementor-element-88496e8,

	.elementor-12590
	.elementor-element-88496e8
	.elementor-widget-container,

	.elementor-12590
	.elementor-element-88496e8 img {

		width: 54px !important;

		height: 54px !important;
	}


	.elementor-12590
	.elementor-element-88496e8 img {

		object-fit: cover;

		border-width: 2px;

		border-radius: 9px;
	}


	/* Main */

	.elementor-12590
	.elementor-element-0cfe9de {

		grid-area: main;

		min-width: 0 !important;

		gap: 2px !important;
	}


	/* دسته */

	.elementor-12590
	.elementor-element-011fabb {

		margin-bottom: 1px !important;
	}


	.elementor-12590
	.elementor-element-011fabb a {

		padding:
			3px
			8px;

		font-size: 10px !important;

		line-height: 1.4;
	}


	.elementor-12590
	.elementor-element-011fabb a::before {

		width: 4px;

		height: 4px;

		flex-basis: 4px;

		margin-left: 5px;
	}


	/* H1 */

	.elementor-12590
	.elementor-element-fc432bb h1 {

		margin:
			2px
			0 !important;

		font-size: 16px !important;

		line-height: 1.65 !important;

		letter-spacing: -.1px;
	}


	/* تاریخ */

	.elementor-12590
	.elementor-element-1d5da36
	.elementor-heading-title {

		font-size: 10px !important;

		line-height: 1.5 !important;
	}


	/* نویسنده و نظر */

	.elementor-12590
	.elementor-element-0377e0b {

		grid-area: meta;

		display: flex !important;

		flex-direction: row !important;

		flex-wrap: wrap !important;

		align-items: center !important;

		gap:
			2px
			12px !important;

		padding-top: 6px !important;

		border-top:
			1px solid var(--baly-border-soft);
	}


	.elementor-12590
	.elementor-element-0377e0b
	.elementor-heading-title {

		font-size: 10px !important;

		line-height: 1.5 !important;
	}


	/* ======================================================
	   TEXT CARD MOBILE
	   ====================================================== */

	.elementor-12582 .elementor-element-92d2928,
	.elementor-12582 .elementor-element-fd73808 {

		border-radius: 15px;

		box-shadow:
			inset 0 0 0 1px var(--baly-border),
			0 8px 25px rgba(20, 40, 62, .04);
	}


	/* Padding متن */

	.elementor-12582 .elementor-element-1a99964,
	.elementor-12582 .elementor-element-e1bb30d {

		padding:
			15px
			15px !important;
	}


	/* H2 */

	.elementor-12582
	.elementor-widget-text-editor h2 {

		margin-top: 28px !important;

		margin-bottom: 14px !important;

		padding:
			6px
			13px
			6px
			8px !important;

		font-size: 18px !important;

		line-height: 1.7 !important;

		border-radius: 8px;
	}


	.elementor-12582
	.elementor-widget-text-editor h2:first-child {

		margin-top: 0 !important;
	}


	/* H3 */

	.elementor-12582
	.elementor-widget-text-editor h3 {

		margin-top: 23px !important;

		margin-bottom: 13px !important;

		padding-right: 16px !important;

		font-size: 16.5px !important;

		line-height: 1.75 !important;
	}


	/* H4 */

	.elementor-12582
	.elementor-widget-text-editor h4 {

		margin-top: 20px !important;

		font-size: 15.5px !important;
	}


	/* Paragraph */

	.elementor-12582
	.elementor-widget-text-editor p {

		margin-bottom: 15px !important;

		font-size: 15px;

		line-height: 2.05 !important;
	}


	/* List */

	.elementor-12582
	.elementor-widget-text-editor li {

		font-size: 15px;

		line-height: 1.95 !important;
	}


	/* ======================================================
	   PRESTO MOBILE
	   فقط خود Figure
	   ====================================================== */

	.elementor-12582
	.wp-block-video.presto-block-video.presto-provider-self-hosted {

		border-radius: 12px !important;

		outline-color:
			rgba(215, 223, 232, .85);

		box-shadow:
			0 8px 22px rgba(18, 39, 64, .09),
			0 2px 7px rgba(18, 39, 64, .04);
	}

}


/* ==========================================================
   22. VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

	.elementor-12590
	.elementor-element-d01e2d2 {

		grid-template-columns:
			minmax(0, 1fr)
			48px !important;

		column-gap: 9px !important;

		padding:
			10px
			11px !important;
	}


	.elementor-12590
	.elementor-element-35157d9 {

		width: 48px !important;

		min-width: 48px !important;

		max-width: 48px !important;
	}


	.elementor-12590
	.elementor-element-88496e8,

	.elementor-12590
	.elementor-element-88496e8
	.elementor-widget-container,

	.elementor-12590
	.elementor-element-88496e8 img {

		width: 48px !important;

		height: 48px !important;
	}


	.elementor-12590
	.elementor-element-fc432bb h1 {

		font-size: 15px !important;
	}


	.elementor-12582
	.elementor-element-1a99964,

	.elementor-12582
	.elementor-element-e1bb30d {

		padding:
			14px
			13px !important;
	}
}


/* ==========================================================
   23. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.elementor-12590 *,

	.elementor-12582
	.elementor-widget-text-editor * {

		transition: none !important;
	}
}

/* قاب حرفه‌ای دور ویدیو Presto */
.wp-block-video.presto-block-video.presto-provider-self-hosted {
  border-radius: 15px !important;

  box-shadow:
    0 0 0 5px #fff,
    0 0 0 6px rgba(220, 227, 235, 0.95),
    0 14px 36px rgba(18, 39, 64, 0.11),
    0 4px 12px rgba(18, 39, 64, 0.05);

  transition: box-shadow 0.25s ease;
}

/* افکت خیلی ظریف فقط روی دسکتاپ */
@media (hover: hover) and (pointer: fine) {
  .wp-block-video.presto-block-video.presto-provider-self-hosted:hover {
    box-shadow:
      0 0 0 5px #fff,
      0 0 0 6px rgba(204, 217, 230, 1),
      0 18px 42px rgba(18, 39, 64, 0.14),
      0 5px 14px rgba(18, 39, 64, 0.06);
  }
}

/* موبایل: قاب ظریف‌تر */
@media (max-width: 767px) {
  .wp-block-video.presto-block-video.presto-provider-self-hosted {
    border-radius: 12px !important;

    box-shadow:
      0 0 0 3px #fff,
      0 0 0 4px rgba(220, 227, 235, 0.90),
      0 9px 24px rgba(18, 39, 64, 0.08);
  }
}

.shortvideo {box-shadow: inset 0 0 0 1px var(--baly-border), 0 12px 36px rgba(20, 40, 62, .045);
    border-radius: 20px;
}/* End custom CSS */