/*
Theme Name: Ceremony Media Dashboard
Theme URI: https://example.com/ceremony-media-dashboard
Author: Ceremony Media Hub
Description: پنل راست‌چین عکاسان برای ارسال امن تصاویر به Ceremony Media Hub روی سایت اصلی.
Version: 1.4.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: ceremony-media-dashboard
*/

@font-face {
	font-family: "VazirLocal";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/Vazir-Regular.woff2") format("woff2");
}
@font-face {
	font-family: "VazirLocal";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/Vazir-Medium.woff2") format("woff2");
}
@font-face {
	font-family: "VazirLocal";
	font-style: normal;
	font-weight: 700 900;
	font-display: swap;
	src: url("assets/fonts/Vazir-Bold.woff2") format("woff2");
}

:root {
	--cmd-bg: #f5f4f0;
	--cmd-surface: #ffffff;
	--cmd-ink: #171714;
	--cmd-muted: #716f68;
	--cmd-line: #e4e1d9;
	--cmd-accent: #b32732;
	--cmd-accent-dark: #8d1721;
	--cmd-dark: #171714;
	--cmd-radius: 22px;
	--cmd-shadow: 0 18px 50px rgba(31, 27, 21, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	background: var(--cmd-bg);
	color: var(--cmd-ink);
	direction: rtl;
	font-family: "VazirLocal", Tahoma, Arial, sans-serif;
	margin: 0;
}
a { color: inherit; text-decoration: none; }
img { height: auto; max-width: 100%; }
button, input, select, textarea { font-family: "VazirLocal", Tahoma, Arial, sans-serif; font-size: inherit; }
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.cmd-shell { margin: 0 auto; max-width: 1320px; padding: 0 28px; }
.cmd-site-header {
	background: rgba(245,244,240,.9);
	border-bottom: 1px solid rgba(23,23,20,.08);
	backdrop-filter: blur(18px);
	position: sticky;
	top: 0;
	z-index: 100;
}
.cmd-site-header__inner { align-items: center; display: flex; gap: 28px; min-height: 78px; }
.cmd-brand { align-items: center; display: inline-flex; gap: 12px; margin-left: auto; }
.cmd-brand__mark {
	align-items: center;
	background: var(--cmd-accent);
	border-radius: 13px;
	color: #fff;
	display: inline-flex;
	font-size: 1.25rem;
	font-weight: 900;
	height: 43px;
	justify-content: center;
	transform: rotate(3deg);
	width: 43px;
}
.cmd-brand__text { display: grid; gap: 2px; }
.cmd-brand__text strong { font-size: .98rem; }
.cmd-brand__text small { color: var(--cmd-muted); font-size: .68rem; }
.cmd-nav { align-items: center; display: flex; gap: 7px; }
.cmd-nav a { border-radius: 10px; color: #494740; font-size: .86rem; font-weight: 700; padding: 10px 13px; }
.cmd-nav a:hover, .cmd-nav a[aria-current="page"] { background: #fff; color: var(--cmd-accent); }
.cmd-header-action { background: var(--cmd-dark); border-radius: 11px; color: #fff; font-size: .82rem; font-weight: 800; padding: 11px 16px; }
.cmd-menu-toggle { background: none; border: 0; cursor: pointer; display: none; padding: 8px; }
.cmd-menu-toggle span { background: currentColor; display: block; height: 2px; margin: 5px 0; width: 23px; }
.cmd-site-main { min-height: calc(100vh - 160px); }
.cmd-site-footer { border-top: 1px solid var(--cmd-line); color: var(--cmd-muted); font-size: .78rem; padding: 30px 0; }
.cmd-site-footer__inner { align-items: center; display: flex; justify-content: space-between; }

.cmd-public-hero { padding: 100px 0 78px; }
.cmd-public-hero__grid { align-items: center; display: grid; gap: 64px; grid-template-columns: 1.05fr .95fr; }
.cmd-kicker { color: var(--cmd-accent); display: block; font-size: .75rem; font-weight: 900; letter-spacing: .08em; margin-bottom: 16px; }
.cmd-public-hero h1 { font-size: clamp(2.5rem, 6vw, 5.7rem); letter-spacing: -.065em; line-height: 1.08; margin: 0; }
.cmd-public-hero p { color: var(--cmd-muted); font-size: 1.05rem; line-height: 2; margin: 24px 0 32px; max-width: 630px; }
.cmd-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cmd-button { align-items: center; background: var(--cmd-accent); border: 1px solid var(--cmd-accent); border-radius: 12px; color: #fff; display: inline-flex; font-size: .88rem; font-weight: 800; justify-content: center; min-height: 48px; padding: 10px 22px; }
.cmd-button:hover { background: var(--cmd-accent-dark); border-color: var(--cmd-accent-dark); }
.cmd-button--ghost { background: transparent; border-color: #bdb9ae; color: var(--cmd-ink); }
.cmd-button--ghost:hover { background: #fff; border-color: #fff; color: var(--cmd-ink); }
.cmd-public-visual { background: var(--cmd-dark); border-radius: 34px; min-height: 430px; overflow: hidden; padding: 24px; position: relative; }
.cmd-public-visual::before { background: radial-gradient(circle, rgba(179,39,50,.5), transparent 64%); content: ""; height: 440px; left: -100px; position: absolute; top: -130px; width: 440px; }
.cmd-visual-card { background: #282824; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; color: #fff; padding: 22px; position: absolute; }
.cmd-visual-card--large { bottom: 28px; left: 28px; right: 70px; top: 54px; }
.cmd-visual-card--small { background: #fff; bottom: 55px; color: var(--cmd-ink); left: 22px; padding: 18px; transform: rotate(-3deg); width: 190px; }
.cmd-visual-card__bar { background: #44443f; border-radius: 30px; height: 8px; margin-bottom: 12px; }
.cmd-visual-card__bar:nth-child(2) { width: 74%; }
.cmd-visual-card__grid { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); margin-top: 24px; }
.cmd-visual-card__grid i { aspect-ratio: 1; background: linear-gradient(145deg,#55554e,#2f2f2a); border-radius: 12px; }
.cmd-content { padding: 60px 0 90px; }
.cmd-section-title { align-items: end; display: flex; justify-content: space-between; margin-bottom: 25px; }
.cmd-section-title h1, .cmd-section-title h2 { font-size: clamp(1.7rem,3vw,2.5rem); letter-spacing: -.035em; margin: 0; }
.cmd-section-title p { color: var(--cmd-muted); margin: 8px 0 0; }
.cmd-card-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.cmd-session-card { background: var(--cmd-surface); border: 1px solid var(--cmd-line); border-radius: var(--cmd-radius); overflow: hidden; transition: transform .2s, box-shadow .2s; }
.cmd-session-card:hover { box-shadow: var(--cmd-shadow); transform: translateY(-4px); }
.cmd-session-card__image { aspect-ratio: 16/10; background: #dedbd2; overflow: hidden; }
.cmd-session-card__image img { height: 100%; object-fit: cover; transition: transform .35s; width: 100%; }
.cmd-session-card:hover img { transform: scale(1.025); }
.cmd-session-card__body { padding: 20px; }
.cmd-session-card__body h2 { font-size: 1.06rem; margin: 0 0 12px; }
.cmd-session-meta { color: var(--cmd-muted); display: flex; flex-wrap: wrap; font-size: .76rem; gap: 8px 16px; }
.cmd-empty-public { background: #fff; border: 1px dashed #c9c5bb; border-radius: var(--cmd-radius); color: var(--cmd-muted); padding: 60px 30px; text-align: center; }
.cmd-article { background: #fff; border-radius: var(--cmd-radius); box-shadow: var(--cmd-shadow); line-height: 2; margin: 60px auto; max-width: 900px; padding: clamp(24px,5vw,64px); }
.cmd-article h1 { line-height: 1.4; }

@media (max-width: 900px) {
	.cmd-public-hero__grid { gap: 36px; grid-template-columns: 1fr; }
	.cmd-public-visual { min-height: 350px; }
	.cmd-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.cmd-nav { background: var(--cmd-bg); border-bottom: 1px solid var(--cmd-line); display: none; inset: 78px 0 auto; padding: 14px 24px; position: fixed; }
	.cmd-nav.is-open { display: grid; }
	.cmd-menu-toggle { display: block; }
}

@media (max-width: 600px) {
	.cmd-shell { padding: 0 16px; }
	.cmd-brand__text small { display: none; }
	.cmd-header-action { display: none; }
	.cmd-public-hero { padding: 62px 0 50px; }
	.cmd-public-visual { min-height: 290px; }
	.cmd-card-grid { grid-template-columns: 1fr; }
	.cmd-site-footer__inner { align-items: flex-start; flex-direction: column; gap: 8px; }
}