html {
	scroll-behavior: smooth;
}

body {
	font-family: "Inter", system-ui, sans-serif;
	background: #09090b;
	color: #fafafa;
	overflow-x: hidden;
}

::selection {
	background: #ef4444;
	color: #fff;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
}

/* Cursor */
.cur {
	width: 10px;
	height: 10px;
	background: #ef4444;
	border-radius: 50%;
	position: fixed;
	pointer-events: none;
	z-index: 9999;
	mix-blend-mode: difference;
	transition: transform 0.08s;
}

.cur-r {
	width: 44px;
	height: 44px;
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-radius: 50%;
	position: fixed;
	pointer-events: none;
	z-index: 9998;
	transition: all 0.12s ease-out;
}

.cur-r.h {
	width: 60px;
	height: 60px;
	border-color: rgba(239, 68, 68, 0.5);
	background: rgba(239, 68, 68, 0.03);
}

@media (max-width: 768px) {
	.cur,
	.cur-r {
		display: none;
	}
}

/* Hero */
.hero-vid {
	filter: grayscale(1) contrast(1.4) brightness(0.9);
	mix-blend-mode: screen;
	object-fit: cover;
}

/* Marquee */
.mq {
	display: flex;
	width: max-content;
	animation: mq 25s linear infinite;
}

@keyframes mq {
	to {
		transform: translateX(-50%);
	}
}

        .mq-r{display:flex;animation:mq-r 35s linear infinite;width:max-content}
      
        @keyframes mq-r{to{transform:translateX(50%)}}
/* Reveal */
.rv {
	opacity: 0;
	transform: translateY(60px);
	transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.rv.v {
	opacity: 1;
	transform: translateY(0);
}

.rv-l {
	opacity: 0;
	transform: translateX(-60px);
	transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.rv-l.v {
	opacity: 1;
	transform: translateX(0);
}

/* Horizontal scroll */
.hscroll {
	display: flex;
	gap: 20px;
	/* overflow-x: auto; */
	padding-bottom: 20px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.hscroll::-webkit-scrollbar {
	display: none;
}

.hscroll > * {
	flex-shrink: 0;
	scroll-snap-align: start;
}

/* Card hover */
.card {
	border-radius: 24px;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card:hover {
	box-shadow: 0 30px 80px -20px rgba(239, 68, 68, 0.15);
	transform: translateY(-6px);
}

.card img {
	transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Genre pill */
.gpill {
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.gpill:hover {
	background: #ef4444;
	box-shadow: 0 10px 40px -10px rgba(239, 68, 68, 0.4);
	color: #fff;
	transform: scale(1.05);
}

/* Event row */
.evrow {
	border-radius: 16px;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.evrow:hover {
	background: rgba(255, 255, 255, 0.04);
	transform: translateX(8px);
}

/* Gallery */
.gitem {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.gitem img {
	filter: brightness(0.6) saturate(0.7);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.gitem:hover img {
	filter: brightness(0.9) saturate(1);
	transform: scale(1.08);
}

/* Contact card */
.ccard {
	border-radius: 20px;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ccard:hover {
	background: rgba(239, 68, 68, 0.06);
	border-color: rgba(239, 68, 68, 0.15);
	transform: translateY(-3px);
}



.ham span {
	background: #fafafa;
	border-radius: 1px;
	display: block;
	height: 1.5px;
	transform-origin: center;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	width: 100%;
}

.ham.on span:nth-child(1) {
	transform: translateY(7.25px) rotate(45deg);
}

.ham.on span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.ham.on span:nth-child(3) {
	transform: translateY(-7.25px) rotate(-45deg);
}

.mob {
	transform: translateX(100%);
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.mob.open {
	transform: translateX(0);
}

/* Gradient text */
.gt {
	background: linear-gradient(135deg, #ef4444, #f97316);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Glow blob */
.blob {
	border-radius: 50%;
	filter: blur(120px);
	pointer-events: none;
	position: absolute;
}

/* Navigation line */
.nline {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(239, 68, 68, 0.25),
		transparent
	);
	bottom: 0;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
}

/* Pulse */
@keyframes pd {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
	}

	50% {
		box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
	}
}

.pls {
	animation: pd 2s ease-in-out infinite;
}

/* Equalizer */
@keyframes e1 {
	0%,
	100% {
		height: 6px;
	}

	50% {
		height: 18px;
	}
}

@keyframes e2 {
	0%,
	100% {
		height: 14px;
	}

	50% {
		height: 5px;
	}
}

@keyframes e3 {
	0%,
	100% {
		height: 8px;
	}

	50% {
		height: 20px;
	}
}

@keyframes e4 {
	0%,
	100% {
		height: 12px;
	}

	50% {
		height: 7px;
	}
}

.eqb:nth-child(1) {
	animation: e1 1.1s ease-in-out infinite;
}

.eqb:nth-child(2) {
	animation: e2 0.85s ease-in-out infinite 0.08s;
}

.eqb:nth-child(3) {
	animation: e3 1s ease-in-out infinite 0.16s;
}

.eqb:nth-child(4) {
	animation: e4 0.75s ease-in-out infinite 0.12s;
}

/* Play button */
.pbtn {
	opacity: 0;
	transform: scale(0.7);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.card:hover .pbtn,
.gitem:hover .pbtn {
	opacity: 1;
	transform: scale(1);
}

/* Scroll indicator */
@keyframes si {
	0%,
	100% {
		opacity: 0.2;
		transform: scaleY(0.6);
	}

	50% {
		opacity: 0.6;
		transform: scaleY(1);
	}
}

.sind {
	animation: si 2.5s ease-in-out infinite;
}
      .cur{width:10px;height:10px;background:#ef4444;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .08s}
        .cur-r{width:44px;height:44px;border:1px solid rgba(239,68,68,.3);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:all .12s ease-out}
        .cur-r.h{width:60px;height:60px;border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.03)}
        @media(max-width:768px){.cur,.cur-r{display:none}}

        .rv{opacity:0;transform:translateY(50px);transition:all 0.5s cubic-bezier(.16,1,.3,1)}
        .rv.v{opacity:1;transform:translateY(0)}

        .gt{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}

        /* Filter tab */
        .ftab{transition:all .3s cubic-bezier(.16,1,.3,1)}
        .ftab.on{background:#ef4444;color:#fff}

        /* Track row */
        .trow{transition:all .3s cubic-bezier(.16,1,.3,1);border-radius:12px}
        .trow:hover{background:rgba(255,255,255,.04)}
        .trow:hover .tnum{color:#ef4444}
        .trow:hover .tplay{opacity:1;transform:scale(1)}
        .tnum{transition:color .3s ease}
        .tplay{opacity:0;transform:scale(.7);transition:all .3s cubic-bezier(.16,1,.3,1)}

        /* Card */
        .card{transition:all .5s cubic-bezier(.16,1,.3,1);border-radius:24px}
        .card:hover{transform:translateY(-6px);box-shadow:0 30px 80px -20px rgba(239,68,68,.12)}
        .card:hover .cplay{opacity:1;transform:scale(1)}
        .cplay{opacity:0;transform:scale(.7);transition:all .4s cubic-bezier(.16,1,.3,1)}

        /* Eq bars */
        @keyframes e1{0%,100%{height:6px}50%{height:18px}}
        @keyframes e2{0%,100%{height:14px}50%{height:5px}}
        @keyframes e3{0%,100%{height:8px}50%{height:20px}}
        @keyframes e4{0%,100%{height:12px}50%{height:7px}}
        .eqb:nth-child(1){animation:e1 1.1s ease-in-out infinite}
        .eqb:nth-child(2){animation:e2 .85s ease-in-out infinite .08s}
        .eqb:nth-child(3){animation:e3 1s ease-in-out infinite .16s}
        .eqb:nth-child(4){animation:e4 .75s ease-in-out infinite .12s}

        /* Player bar */
        .pbar{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
        .prog-track{height:3px;background:rgba(255,255,255,.08);border-radius:4px;cursor:pointer;position:relative;overflow:hidden}
        .prog-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:4px;width:35%;transition:width .1s linear;position:relative}
        .prog-fill::after{content:'';position:absolute;right:-4px;top:-3px;width:10px;height:10px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}
        .prog-track:hover .prog-fill::after{opacity:1}

        /* Nav line */
        .nline{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),transparent)}

        /* Hamburger */
  
        .ham span{display:block;width:100%;height:1.5px;background:#fafafa;border-radius:1px;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center}
        .ham.on span:nth-child(1){transform:translateY(7.25px) rotate(45deg)}
        .ham.on span:nth-child(2){opacity:0;transform:scaleX(0)}
        .ham.on span:nth-child(3){transform:translateY(-7.25px) rotate(-45deg)}
        .mob{transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
        .mob.open{transform:translateX(0)}

        /* Waveform */
        .wave-bar{border-radius:2px;background:rgba(255,255,255,.15);transition:background .2s}
        .wave-bar.played{background:linear-gradient(to top,#ef4444,#f97316)}

        /* Volume slider */
        .vol-slider{-webkit-appearance:none;appearance:none;width:80px;height:3px;background:rgba(255,255,255,.15);border-radius:4px;outline:none;cursor:pointer}
        .vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}
        .vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}

        /* Like */
        .like-btn{transition:all .3s ease}
        .like-btn:hover{color:#ef4444;transform:scale(1.15)}
        .like-btn.liked{color:#ef4444}
		#music-page{
			padding-top: 100px;
		}
		   .gt{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

        .blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}

        .divider{height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.15),transparent)}

        .nline{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.25),transparent)}

        @keyframes pd{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
        .pls{animation:pd 2s ease-in-out infinite}

        @keyframes e1{0%,100%{height:6px}50%{height:18px}}
        @keyframes e2{0%,100%{height:14px}50%{height:5px}}
        @keyframes e3{0%,100%{height:8px}50%{height:20px}}
        @keyframes e4{0%,100%{height:12px}50%{height:7px}}
        .eqb:nth-child(1){animation:e1 1.1s ease-in-out infinite}
        .eqb:nth-child(2){animation:e2 .85s ease-in-out infinite .08s}
        .eqb:nth-child(3){animation:e3 1s ease-in-out infinite .16s}
        .eqb:nth-child(4){animation:e4 .75s ease-in-out infinite .12s}

        @keyframes ring-spin{to{transform:rotate(360deg)}}
        .avatar-ring{animation:ring-spin 8s linear infinite}

        .ham{width:22px;height:16px;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:100}
        .ham span{display:block;width:100%;height:1.5px;background:#fafafa;border-radius:1px;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center}
        .ham.on span:nth-child(1){transform:translateY(7.25px) rotate(45deg)}
        .ham.on span:nth-child(2){opacity:0;transform:scaleX(0)}
        .ham.on span:nth-child(3){transform:translateY(-7.25px) rotate(-45deg)}

        .mob{transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
        .mob.open{transform:translateX(0)}

        /* Social link */
        .slink{
            position:relative;
            display:inline-block;
            padding: 12px 0;
        }
        .slink .line{
            position:absolute;
            bottom:0;
            left:0;
            width:0;
            height:1px;
            background:#ef4444;
            transition: width .6s cubic-bezier(.16,1,.3,1);
        }
        .slink:hover .line{width:100%}

        /* Admin row */
        .arow{transition:all .4s cubic-bezier(.16,1,.3,1)}
        .arow:hover{background:rgba(239,68,68,.04);transform:translateX(4px)}

        /* Index number */
        .idx{font-variant-numeric:tabular-nums}
		        .back-link{position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}
        .back-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#ef4444;transition:width .6s cubic-bezier(.16,1,.3,1)}
        .back-link:hover::after{width:100%}
		        /* 404 number */
        @keyframes drift{0%,100%{transform:translate(0,0)}25%{transform:translate(10px,-15px)}50%{transform:translate(-8px,10px)}75%{transform:translate(12px,5px)}}
        .num-drift{animation:drift 12s ease-in-out infinite}

        /* Glitch */
        @keyframes glitch-1{0%,100%{clip-path:inset(0 0 85% 0);transform:translate(-3px,0)}20%{clip-path:inset(15% 0 60% 0);transform:translate(3px,0)}40%{clip-path:inset(40% 0 30% 0);transform:translate(-2px,0)}60%{clip-path:inset(60% 0 10% 0);transform:translate(2px,0)}80%{clip-path:inset(80% 0 0 0);transform:translate(-1px,0)}}
        @keyframes glitch-2{0%,100%{clip-path:inset(85% 0 0 0);transform:translate(3px,0)}20%{clip-path:inset(60% 0 15% 0);transform:translate(-3px,0)}40%{clip-path:inset(30% 0 40% 0);transform:translate(2px,0)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,0)}80%{clip-path:inset(0 0 80% 0);transform:translate(1px,0)}}
        .glitch{position:relative}
        .glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
        .glitch::before{color:#ef4444;animation:glitch-1 4s infinite linear alternate-reverse}
        .glitch::after{color:#3b82f6;animation:glitch-2 4s infinite linear alternate-reverse}

        /* Static noise */
        @keyframes noise{0%{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0% 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}100%{background-position:0 0}}
        .noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:noise 1s steps(5) infinite}

        /* Scanline */
        @keyframes scan{to{top:-20%}}
        .scanline{position:fixed;top:100%;left:0;right:0;height:20%;background:linear-gradient(to bottom,transparent,rgba(239,68,68,.015),transparent);z-index:2;pointer-events:none;animation:scan 6s linear infinite}

        /* Fade in */
        @keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
        .fade-1{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .2s both}
        .fade-2{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .5s both}
        .fade-3{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .8s both}
        .fade-4{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) 1.1s both}

		#menu-header-menu li.current_page_item a{
			color: white;
		}

		.map-location {
	cursor: pointer;
}

.map-label {
	opacity: 0;
	transform: translateY(4px);
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
	pointer-events: none;
}

.map-location:hover .map-label {
	opacity: 1;
	transform: translateY(0);
}

.map-pulse {
	transform-box: fill-box;
	transform-origin: center;
	animation: map-location-pulse 2s ease-out infinite;
}

@keyframes map-location-pulse {
	0% {
		transform: scale(0.6);
		opacity: 0.55;
	}

	70% {
		transform: scale(1.8);
		opacity: 0;
	}

	100% {
		transform: scale(1.8);
		opacity: 0;
	}
}
/* هدف قرار دادن ایموجی‌هایی که وردپرس ساخته */
img.emoji {
    height: 1.8em !important; /* اندازه را از 1em به 1.5em یا بیشتر تغییر بده */
    width: auto !important;   /* عرض را خودکار بگذار تا تناسب حفظ شود */

}