/*
 * menekseahbab.com — Etkinlikler & Takvim
 * Builds on anasayfa.css base (variables, .ma-page, .ma-btn, .ma-section).
 * BRKsoft, 2026.
 */

/* ========== HERO ========== */
.ma-eh-hero {
	position: relative;
	background: var(--ma-bg);
	border-bottom: 1px solid var(--ma-border-2);
	padding: 96px 0 80px;
	overflow: hidden;
}
.ma-eh-hero::before {
	content: "";
	position: absolute; inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(15,15,16,.07) 1px, transparent 1px);
	background-size: 26px 26px;
	mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, #000 0%, transparent 75%);
	-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, #000 0%, transparent 75%);
	pointer-events: none;
}
.ma-eh-hero::after {
	content: "";
	position: absolute;
	width: 460px; height: 460px;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .55;
	background: radial-gradient(closest-side, #ffd0e0 0%, transparent 70%);
	top: -120px; right: -160px;
	pointer-events: none;
}
.ma-eh-hero .ma-container { position: relative; z-index: 1; }
.ma-eh-hero__inner {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.ma-eh-hero__eyebrow {
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--ma-accent);
	margin-bottom: 16px;
}
.ma-eh-hero h1 {
	font-size: clamp(2.2rem, 4vw, 3.2rem);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.1;
	margin: 0 0 18px;
	color: var(--ma-text);
}
.ma-eh-hero h1 em {
	font-style: normal;
	background: linear-gradient(180deg, var(--ma-accent) 0%, #ff7aaa 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ma-eh-hero p {
	font-size: 1.08rem;
	color: var(--ma-text-2);
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.6;
}

/* ========== TABS ========== */
.ma-eh-tabs {
	display: flex;
	justify-content: center;
	gap: 4px;
	padding: 4px;
	background: var(--ma-bg-soft);
	border: 1px solid var(--ma-border);
	border-radius: 12px;
	width: max-content;
	max-width: 100%;
	margin: 56px auto 0;
	box-shadow: var(--ma-shadow-1);
}
.ma-eh-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 22px;
	border-radius: 8px;
	font-family: var(--ma-font);
	font-weight: 600;
	font-size: 0.95rem;
	background: transparent;
	color: var(--ma-text-2);
	border: 0;
	cursor: pointer;
	transition: background .2s var(--ma-ease), color .2s var(--ma-ease), box-shadow .2s var(--ma-ease);
	white-space: nowrap;
}
.ma-eh-tab:hover { color: var(--ma-text); }
.ma-eh-tab.is-active {
	background: #fff;
	color: var(--ma-text);
	box-shadow: 0 1px 2px rgba(15,15,16,.06), 0 0 0 1px var(--ma-border-2);
}
.ma-eh-tab__count {
	font-size: 0.84rem;
	color: var(--ma-text-3);
	font-weight: 600;
	margin-left: 4px;
}
.ma-eh-tab.is-active .ma-eh-tab__count { color: var(--ma-accent); }

/* ========== PANELS ========== */
.ma-eh-panels {
	padding: 48px 0 110px;
}
.ma-eh-panel { display: none; }
.ma-eh-panel.is-active { display: block; animation: ma-eh-fade .3s var(--ma-ease); }
@keyframes ma-eh-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.ma-eh-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* 1 etkinlik varken: 1/3 width tek dar kart yerine yatay (görsel solda + içerik sağda) geniş kart */
.ma-eh-grid--single {
	grid-template-columns: 1fr;
	max-width: 880px;
	margin: 0 auto;
}
.ma-eh-grid--single .ma-eh-card {
	display: grid;
	grid-template-columns: minmax(280px, 360px) 1fr;
	align-items: stretch;
}
.ma-eh-grid--single .ma-eh-card__media {
	aspect-ratio: auto;
	min-height: 100%;
}
.ma-eh-grid--single .ma-eh-card__body {
	padding: 28px 28px 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* 2 etkinlik: yan yana iki kart, ortalı dar konteyner */
.ma-eh-grid--duo {
	grid-template-columns: repeat(2, 1fr);
	max-width: 820px;
	margin: 0 auto;
}

/* ========== CARDS ========== */
.ma-eh-card {
	background: var(--ma-card);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: var(--ma-shadow-1);
	transition: transform .25s var(--ma-ease), box-shadow .25s var(--ma-ease), border-color .25s var(--ma-ease);
}
.ma-eh-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}

.ma-eh-card__media {
	aspect-ratio: 16/10;
	overflow: hidden;
	background: var(--ma-bg-mute);
	position: relative;
}
.ma-eh-card__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .5s var(--ma-ease);
}
.ma-eh-card:hover .ma-eh-card__media img { transform: scale(1.04); }

.ma-eh-card__date {
	position: absolute;
	top: 14px; left: 14px;
	background: #fff;
	border-radius: 10px;
	padding: 8px 12px;
	box-shadow: var(--ma-shadow-2);
	text-align: center;
	min-width: 52px;
}
.ma-eh-card__date strong {
	display: block;
	font-size: 1.35rem;
	color: var(--ma-text);
	font-weight: 700;
	line-height: 1;
}
.ma-eh-card__date span {
	display: block;
	font-size: 0.66rem;
	color: var(--ma-accent);
	margin-top: 3px;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.ma-eh-card__status {
	position: absolute;
	top: 14px; right: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 11px;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 700;
	background: #fff;
	box-shadow: var(--ma-shadow-1);
	letter-spacing: 0.02em;
}
.ma-eh-card__status::before {
	content: "";
	width: 7px; height: 7px;
	border-radius: 50%;
	background: var(--ma-text-3);
}
.ma-eh-card__status--open::before  { background: var(--ma-success); box-shadow: 0 0 0 3px rgba(26,137,23,.18); }
.ma-eh-card__status--open  { color: #0e6e0e; }
.ma-eh-card__status--soon::before  { background: var(--ma-accent); box-shadow: 0 0 0 3px rgba(196,51,104,.18); }
.ma-eh-card__status--soon  { color: var(--ma-accent); }
.ma-eh-card__status--full::before  { background: #b35c00; }
.ma-eh-card__status--full  { color: #b35c00; background: #fff4e6; }
.ma-eh-card__status--past::before  { background: var(--ma-text-3); }
.ma-eh-card__status--past  { color: var(--ma-text-3); background: var(--ma-bg-soft); }

.ma-eh-card__body {
	padding: 22px 24px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.ma-eh-card__meta {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 0.78rem;
	color: var(--ma-text-3);
	margin-bottom: 12px;
}
.ma-eh-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
.ma-eh-card__meta svg { width: 13px; height: 13px; }
.ma-eh-card h3 {
	font-size: 1.12rem;
	margin: 0 0 10px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--ma-text);
}
.ma-eh-card p {
	font-size: 0.92rem;
	color: var(--ma-text-2);
	flex: 1;
	margin-bottom: 18px;
	line-height: 1.55;
}

/* Past panel — slightly muted */
.ma-eh-grid--past .ma-eh-card__media img { filter: saturate(.85); }

.ma-eh-panel__empty {
	text-align: center;
	padding: 64px 24px;
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	color: var(--ma-text-2);
	max-width: 720px;
	margin: 0 auto;
}
.ma-eh-panel__empty h3 {
	font-size: 1.15rem;
	margin: 0 0 12px;
	color: var(--ma-text);
	font-weight: 700;
}
.ma-eh-panel__empty p { color: var(--ma-text-2); line-height: 1.6; }

/* ========== FINAL CTA ========== */
.ma-eh-cta {
	background: var(--ma-primary);
	color: #fff;
	padding: 96px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.ma-eh-cta::before {
	content: "";
	position: absolute;
	width: 600px; height: 600px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(196,51,104,.35) 0%, transparent 70%);
	top: -200px; right: -200px;
	pointer-events: none;
}
.ma-eh-cta::after {
	content: "";
	position: absolute;
	width: 500px; height: 500px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(80,52,137,.35) 0%, transparent 70%);
	bottom: -200px; left: -150px;
	pointer-events: none;
}
.ma-eh-cta .ma-container { position: relative; z-index: 1; }
.ma-eh-cta h2 {
	color: #fff;
	font-size: clamp(1.85rem, 3vw, 2.5rem);
	letter-spacing: -0.025em;
	margin: 0 auto 14px;
	font-weight: 700;
	max-width: 720px;
}
.ma-eh-cta p {
	color: rgba(255,255,255,.78);
	font-size: 1.05rem;
	margin: 0 auto 28px;
	max-width: 600px;
}
.ma-eh-cta__buttons {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.ma-eh-cta .ma-btn--primary {
	background: #fff;
	color: var(--ma-primary);
	border-color: #fff;
	box-shadow: 0 12px 30px rgba(0,0,0,.28);
}
.ma-eh-cta .ma-btn--primary:hover { background: #f7f7f7; color: var(--ma-primary); }
.ma-eh-cta .ma-btn--ghost {
	background: rgba(255,255,255,.08);
	color: #fff;
	border-color: rgba(255,255,255,.22);
	box-shadow: none;
}
.ma-eh-cta .ma-btn--ghost:hover {
	background: rgba(255,255,255,.16);
	border-color: rgba(255,255,255,.42);
	color: #fff;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 980px) {
	.ma-eh-hero { padding: 64px 0 56px; }
	.ma-eh-grid { grid-template-columns: repeat(2, 1fr); }
	.ma-eh-grid > :last-child:nth-child(odd) { grid-column: span 2; max-width: calc(50% - 12px); margin: 0 auto; }
	.ma-eh-grid--single { grid-template-columns: 1fr; }
	.ma-eh-grid--single .ma-eh-card { grid-template-columns: 1fr; }
	.ma-eh-grid--single .ma-eh-card__media { aspect-ratio: 16/10; min-height: 0; }
	.ma-eh-grid--single > :last-child:nth-child(odd) { grid-column: auto; max-width: none; margin: 0; }
	.ma-eh-cta { padding: 72px 0; }
	.ma-eh-panels { padding: 36px 0 80px; }
}

@media (max-width: 600px) {
	.ma-eh-hero { padding: 56px 0 48px; }
	.ma-eh-tabs { width: 100%; }
	.ma-eh-tab { flex: 1; justify-content: center; padding: 10px 14px; font-size: 0.9rem; }
	.ma-eh-grid { grid-template-columns: 1fr; }
	.ma-eh-grid > :last-child:nth-child(odd) { grid-column: auto; max-width: none; margin: 0; }
	.ma-eh-card__body { padding: 18px 18px 20px; }
	.ma-eh-cta { padding: 64px 0; }
	.ma-eh-cta__buttons { flex-direction: column; align-items: stretch; width: 100%; }
	.ma-eh-cta__buttons .ma-btn { width: 100%; }
}