/* MRSLIA Custom Portfolio v2.1 */
:root{
	--mrslia-pf-text:#1e293b;
	--mrslia-pf-text-muted:#334155;
	--mrslia-pf-heading:#004ecc;
	--mrslia-pf-accent:#0066ff;
	--mrslia-pf-surface:#fff;
	--mrslia-pf-border:rgba(0,102,255,.12);
}
body.mrslia-portfolio-pages .breadcrumb-area{display:none!important}
body.mrslia-portfolio-pages .main_internal{padding-bottom:80px}

.mrslia-portfolio-hero,.mrslia-portfolio-single-hero{
	position:relative;padding:36px 20px 28px;text-align:center;overflow:hidden;
	background:linear-gradient(135deg,#0a1628 0%,#0d2244 45%,#1a3a6e 100%);
}
.mrslia-portfolio-hero::before,.mrslia-portfolio-single-hero::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(circle at 20% 30%,rgba(0,102,255,.25),transparent 45%),
		radial-gradient(circle at 80% 70%,rgba(226,152,46,.15),transparent 40%);
}
.mrslia-portfolio-hero__inner,.mrslia-portfolio-single-hero__inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.mrslia-portfolio-hero__badge,.mrslia-portfolio-single-hero__badge{
	display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:10px;border-radius:999px;
	font-size:11px;font-weight:700;color:#93c5fd;background:rgba(0,102,255,.18);border:1px solid rgba(147,197,253,.3)
}
.mrslia-portfolio-hero h1,.mrslia-portfolio-single-hero h1{
	margin:0 0 8px!important;font-size:clamp(24px,4vw,36px)!important;font-weight:800!important;line-height:1.3!important;color:#fff!important
}
.mrslia-portfolio-hero p{margin:0;font-size:clamp(13px,2.2vw,15px);line-height:1.7;color:rgba(255,255,255,.72);max-width:560px;margin-inline:auto}

.mrslia-portfolio-archive-main,.mrslia-portfolio-single-main{
	background:linear-gradient(180deg,#f0f6ff 0%,#fff 38%,#f8fbff 100%);
	padding:0 0 64px;
}
.mrslia-portfolio-archive-container,.mrslia-portfolio-section{max-width:min(1720px,98vw);margin:0 auto;padding:0 6px}
body.mrslia-portfolio-pages .elementor-section.elementor-section-boxed>.elementor-container{max-width:min(1720px,98vw)!important;width:100%!important;padding-inline:6px!important}

.mrslia-portfolio-filters{
	display:flex;flex-wrap:wrap;gap:8px;justify-content:center;direction:rtl;
	position:sticky;top:0;z-index:20;padding:14px 10px;margin:0 0 24px;
	background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,102,255,.1);
	box-shadow:0 8px 24px rgba(15,23,42,.06);backdrop-filter:blur(10px)
}
.mrslia-portfolio-filter{
	display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;
	font-size:clamp(12px,2.2vw,13px);font-weight:700;text-decoration:none!important;
	color:var(--mrslia-pf-text-muted)!important;transition:all .25s ease;white-space:nowrap;cursor:pointer;font-family:inherit;line-height:1.2
}
.mrslia-portfolio-filter:hover{color:#0066ff!important;background:#f0f7ff;border-color:rgba(0,102,255,.3);transform:translateY(-1px)}
.mrslia-portfolio-filter.is-active{color:#fff!important;background:linear-gradient(135deg,#0066ff,#004ecc);border-color:transparent;box-shadow:0 4px 14px rgba(0,102,255,.3)}

.mrslia-portfolio-grid{display:grid;gap:18px;padding:0}
.mrslia-portfolio-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrslia-portfolio-grid--cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrslia-portfolio-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:992px){
	.mrslia-portfolio-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
	.mrslia-portfolio-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}

.mrslia-portfolio-card{
	position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;
	border:1px solid rgba(0,102,255,.1);box-shadow:0 12px 36px rgba(15,23,42,.08);
	transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease;
	opacity:0;transform:translateY(24px)
}
.mrslia-portfolio-card.is-visible{opacity:1;transform:translateY(0)}
.mrslia-portfolio-card:hover{transform:translateY(-10px);border-color:rgba(0,102,255,.3);box-shadow:0 24px 52px rgba(0,102,255,.18)}
.mrslia-portfolio-card__media{
	position:relative;display:block;aspect-ratio:1/1;min-height:280px;padding:0;
	background:linear-gradient(145deg,#f0f7ff 0%,#fff 50%,#f8fafc 100%);overflow:hidden
}
.mrslia-portfolio-card__media img{
	position:absolute;inset:0;width:100%;height:100%;
	object-fit:contain!important;object-position:center center;transition:transform .45s ease
}
.mrslia-portfolio-card:hover .mrslia-portfolio-card__media img{transform:scale(1.02)}
.mrslia-portfolio-card__body{padding:16px 18px 18px;border-top:1px solid #f1f5f9}
.mrslia-portfolio-card__title{margin:0;font-size:clamp(14px,2.2vw,16px);font-weight:700;line-height:1.55}
.mrslia-portfolio-card__title a{color:var(--mrslia-pf-text)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
.mrslia-portfolio-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}
.mrslia-portfolio-card__badge{
	position:absolute;top:14px;right:14px;z-index:2;padding:5px 12px;border-radius:999px;
	font-size:11px;font-weight:700;color:#0066ff;background:rgba(255,255,255,.95);border:1px solid rgba(0,102,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.mrslia-portfolio-card:hover .mrslia-portfolio-card__title a{color:#0066ff!important}

.mrslia-portfolio-section{padding:52px 0 40px;position:relative;background:linear-gradient(180deg,#f8fbff 0%,#fff 45%,#f0f6ff 100%)}
.mrslia-portfolio-section__head{text-align:center;max-width:820px;margin:0 auto 24px}
.mrslia-portfolio-section__badge{
	display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:12px;border-radius:999px;
	font-size:12px;font-weight:700;color:#0066ff;background:rgba(0,102,255,.1);border:1px solid rgba(0,102,255,.2)
}
.mrslia-portfolio-section__subtitle{margin:0 0 8px;font-size:clamp(13px,2.5vw,15px);font-weight:600;color:#e2982e}
.mrslia-portfolio-section__title{margin:0;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.35;color:#1d48b3}
.mrslia-portfolio-section__cta-wrap{display:flex;justify-content:center;margin-top:32px}
.mrslia-portfolio-section__cta{
	display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;
	background:linear-gradient(135deg,#0066ff,#004ecc);color:#fff!important;font-weight:700;font-size:clamp(14px,2.5vw,15px);
	text-decoration:none!important;box-shadow:0 10px 28px rgba(0,102,255,.32);transition:transform .25s ease,box-shadow .25s ease
}
.mrslia-portfolio-section__cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,102,255,.42);color:#fff!important}

.mrslia-portfolio-archive-cta{
	margin-top:48px;padding:40px 24px;border-radius:24px;text-align:center;
	background:linear-gradient(135deg,#0a1628,#1a3a6e);position:relative;overflow:hidden
}
.mrslia-portfolio-archive-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,102,255,.3),transparent 60%)}
.mrslia-portfolio-archive-cta__inner{position:relative;z-index:1}
.mrslia-portfolio-archive-cta h3{margin:0 0 10px;font-size:clamp(20px,4vw,28px);font-weight:800;color:#fff}
.mrslia-portfolio-archive-cta p{margin:0 0 20px;color:rgba(255,255,255,.75);font-size:15px}
.mrslia-portfolio-archive-cta a{
	display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:999px;
	background:linear-gradient(135deg,#e2982e,#d4841f);color:#fff!important;font-weight:700;font-size:15px;
	text-decoration:none!important;box-shadow:0 8px 24px rgba(226,152,46,.4);transition:transform .25s ease
}
.mrslia-portfolio-archive-cta a:hover{transform:translateY(-2px);color:#fff!important}

.mrslia-portfolio-pagination{margin-top:48px;display:flex;justify-content:center;direction:rtl}
.mrslia-portfolio-pagination .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px!important;
	margin:0 4px;border-radius:12px!important;font-size:14px!important;font-weight:700!important;
	color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;text-decoration:none!important;transition:all .2s ease
}
.mrslia-portfolio-pagination .page-numbers:hover,.mrslia-portfolio-pagination .page-numbers.current{
	color:#fff!important;background:linear-gradient(135deg,#0066ff,#004ecc)!important;border-color:transparent!important;box-shadow:0 6px 18px rgba(0,102,255,.3)
}

.mrslia-portfolio-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--mrslia-pf-text-muted);font-size:16px;font-weight:600}
.mrslia-portfolio-card.is-filter-hidden{display:none!important}
.mrslia-portfolio-grid.is-filtering .mrslia-portfolio-card{transition:opacity .25s ease,transform .25s ease}

/* Single */
.mrslia-portfolio-single{background:linear-gradient(180deg,#f8fbff 0%,#fff 50%,#f0f6ff 100%);padding-bottom:48px}
.mrslia-portfolio-single-hero__breadcrumb{
	display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-bottom:16px;font-size:13px;direction:rtl
}
.mrslia-portfolio-single-hero__breadcrumb a{color:rgba(255,255,255,.65)!important;text-decoration:none!important}
.mrslia-portfolio-single-hero__breadcrumb a:hover{color:#93c5fd!important}
.mrslia-portfolio-single-hero__breadcrumb span{color:rgba(255,255,255,.4)}
.mrslia-portfolio-single-hero__breadcrumb .current{color:#e2982e;font-weight:600}
.mrslia-portfolio-single-hero__cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;direction:rtl}
.mrslia-portfolio-single-hero__cats a{
	display:inline-flex;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none!important;
	color:#93c5fd!important;background:rgba(0,102,255,.2);border:1px solid rgba(147,197,253,.3);transition:all .2s
}
.mrslia-portfolio-single-hero__cats a:hover{background:rgba(0,102,255,.4);color:#fff!important}

.mrslia-portfolio-single__layout{
	max-width:1280px;margin:28px auto 0;padding:0 20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch
}
.mrslia-portfolio-single__media{
	display:flex;align-items:stretch;min-height:320px;background:linear-gradient(145deg,#f0f7ff 0%,#fff 50%,#f8fafc 100%);
	border-radius:20px;padding:16px;border:1px solid rgba(0,102,255,.1);box-shadow:0 12px 40px rgba(0,102,255,.08);overflow:hidden
}
.mrslia-portfolio-single__hero-img{width:100%;height:100%;max-height:480px;object-fit:contain!important;border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.1)}
.mrslia-portfolio-single__info{
	background:#fff;border:1px solid rgba(0,102,255,.12);border-radius:20px;padding:28px 24px;box-shadow:0 12px 40px rgba(15,23,42,.07);color:var(--mrslia-pf-text)
}
.mrslia-portfolio-single__block{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}
.mrslia-portfolio-single__block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.mrslia-portfolio-single__block h2{margin:0 0 12px;font-size:clamp(16px,2.5vw,19px);font-weight:800;color:var(--mrslia-pf-accent)!important;text-align:right}
.mrslia-portfolio-single__text,
.mrslia-portfolio-single__text p,
.mrslia-portfolio-single__text li,
.mrslia-portfolio-single__text span,
.mrslia-portfolio-single__text strong,
.mrslia-portfolio-single__text em,
.mrslia-portfolio-single__info p,
.mrslia-portfolio-single__info li{
	font-size:clamp(14px,2.2vw,16px);line-height:1.85;color:var(--mrslia-pf-text)!important;text-align:right
}
.mrslia-portfolio-single__text a,
.mrslia-portfolio-single__info a{color:var(--mrslia-pf-accent)!important;text-decoration:underline}
.mrslia-portfolio-single__highlight{
	font-size:clamp(15px,2.5vw,18px);font-weight:700;color:var(--mrslia-pf-text);text-align:right;direction:rtl;
	background:linear-gradient(135deg,#dbeafe,#eff6ff);padding:14px 18px;border-radius:14px;border:1px solid var(--mrslia-pf-border);margin:0
}

.mrslia-portfolio-single__gallery{max-width:1140px;margin:48px auto 0;padding:0 20px}
.mrslia-portfolio-single__gallery h2{font-size:clamp(20px,3.5vw,28px);font-weight:800;color:#1d48b3;text-align:center;margin:0 0 24px}

.mrslia-portfolio-gallery{
	position:relative;padding:24px;border-radius:24px;background:var(--mrslia-pf-surface);border:1px solid var(--mrslia-pf-border);
	box-shadow:0 12px 40px rgba(15,23,42,.06)
}
.mrslia-portfolio-gallery--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.mrslia-portfolio-gallery--slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:20px 12px}
.mrslia-portfolio-gallery__viewport{overflow:hidden;min-width:0}
.mrslia-portfolio-gallery__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 12px;scrollbar-width:thin}
.mrslia-portfolio-gallery__track::-webkit-scrollbar{height:8px}
.mrslia-portfolio-gallery__track::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}
.mrslia-portfolio-gallery--slider .mrslia-portfolio-gallery__item{flex:0 0 min(92%,360px);scroll-snap-align:center}
.mrslia-portfolio-gallery__item{
	display:flex;align-items:center;justify-content:center;width:100%;min-height:280px;padding:12px;
	border:1px solid #cbd5e1;border-radius:16px;overflow:hidden;background:#f8fafc;
	box-shadow:0 8px 24px rgba(15,23,42,.08);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer
}
.mrslia-portfolio-gallery__item:hover,.mrslia-portfolio-gallery__item:focus-visible{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,102,255,.18);outline:2px solid var(--mrslia-pf-accent);outline-offset:2px}
.mrslia-portfolio-gallery__img{
	display:block;width:auto;height:auto;max-width:100%;max-height:520px;margin:0 auto;
	object-fit:contain!important;object-position:center center
}
.mrslia-portfolio-gallery__nav{
	display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;
	background:linear-gradient(135deg,#0066ff,#004ecc);color:#fff;font-size:28px;line-height:1;cursor:pointer;
	box-shadow:0 6px 18px rgba(0,102,255,.35);transition:transform .2s ease
}
.mrslia-portfolio-gallery__nav:hover{transform:scale(1.06)}
.mrslia-portfolio-gallery__nav:disabled{opacity:.45;cursor:not-allowed;transform:none}

.mrslia-portfolio-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.mrslia-portfolio-lightbox[hidden]{display:none!important}
.mrslia-portfolio-lightbox__backdrop{position:absolute;inset:0;background:rgba(10,22,40,.88);backdrop-filter:blur(4px)}
.mrslia-portfolio-lightbox__dialog{position:relative;z-index:1;width:min(96vw,1100px);max-height:92vh;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.mrslia-portfolio-lightbox__figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mrslia-portfolio-lightbox__img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.mrslia-portfolio-lightbox__counter{color:#e2e8f0;font-size:14px;font-weight:700;text-align:center}
.mrslia-portfolio-lightbox__close{
	position:absolute;top:-44px;left:0;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.15);
	color:#fff;font-size:28px;line-height:1;cursor:pointer
}
.mrslia-portfolio-lightbox__nav{
	display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:999px;
	background:rgba(255,255,255,.14);color:#fff;font-size:32px;line-height:1;cursor:pointer;border:1px solid rgba(255,255,255,.25)
}
.mrslia-portfolio-lightbox__nav:hover{background:rgba(255,255,255,.24)}
body.mrslia-lightbox-open{overflow:hidden}

.mrslia-portfolio-single__actions{
	max-width:1140px;margin:40px auto;padding:32px 24px;border-radius:24px;
	background:linear-gradient(135deg,#0a1628,#1a3a6e);display:flex;flex-wrap:wrap;gap:16px;justify-content:center
}
.mrslia-portfolio-btn{
	display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:14px;
	font-size:clamp(14px,2.2vw,16px);font-weight:700;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease
}
.mrslia-portfolio-btn--primary{background:linear-gradient(135deg,#0066ff,#004ecc)!important;color:#fff!important;box-shadow:0 6px 20px rgba(0,102,255,.35)}
.mrslia-portfolio-btn--ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.mrslia-portfolio-btn:hover{transform:translateY(-2px);color:#fff!important}

.mrslia-portfolio-related{max-width:1140px;margin:48px auto 0;padding:0 20px}
.mrslia-portfolio-related__title{font-size:clamp(22px,3.5vw,30px);font-weight:800;color:#1d48b3;text-align:center;margin:0 0 24px}

@media(max-width:991px){
	.mrslia-portfolio-single__layout{grid-template-columns:1fr}
	.mrslia-portfolio-single__info{order:1}
	.mrslia-portfolio-single__media{order:2;min-height:240px}
}
@media(max-width:767px){
	.mrslia-portfolio-hero{padding:28px 16px 22px}
	.mrslia-portfolio-hero p{display:none}
	.mrslia-portfolio-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:10px 12px;-webkit-overflow-scrolling:touch}
	.mrslia-portfolio-filters::-webkit-scrollbar{display:none}
	.mrslia-portfolio-grid--cols-4,.mrslia-portfolio-grid--cols-3,.mrslia-portfolio-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.mrslia-portfolio-card__media{min-height:220px}
	.mrslia-portfolio-single__info{padding:20px 16px}
	.mrslia-portfolio-single__actions{flex-direction:column;align-items:stretch;padding:24px 16px}
	.mrslia-portfolio-gallery--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
	.mrslia-portfolio-gallery__item{min-height:220px;padding:10px}
	.mrslia-portfolio-gallery__img{max-height:420px}
	.mrslia-portfolio-gallery--slider{grid-template-columns:1fr;gap:8px}
	.mrslia-portfolio-gallery--slider .mrslia-portfolio-gallery__nav{width:100%;height:40px;border-radius:12px}
	.mrslia-portfolio-gallery--slider .mrslia-portfolio-gallery__nav--prev{order:2}
	.mrslia-portfolio-gallery--slider .mrslia-portfolio-gallery__viewport{order:1}
	.mrslia-portfolio-gallery--slider .mrslia-portfolio-gallery__nav--next{order:3}
	.mrslia-portfolio-lightbox__dialog{grid-template-columns:1fr;gap:8px}
	.mrslia-portfolio-lightbox__nav{width:100%;height:42px;border-radius:10px;font-size:24px}
	.mrslia-portfolio-lightbox__close{top:8px;left:8px;background:rgba(0,0,0,.5)}
}
@media(max-width:480px){
	.mrslia-portfolio-grid--cols-4,.mrslia-portfolio-grid--cols-3,.mrslia-portfolio-grid--cols-2{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
	.mrslia-portfolio-card,.mrslia-portfolio-card__media img,.mrslia-portfolio-btn,.mrslia-portfolio-filter{transition:none!important}
}