/* Mütercem public site katmanı — ahmeterenc/Mutercem site/ şablonunun görünümü (evurgen.css'ten).
   Düzen, boşluk ve tipografi görünümlerde Tailwind ile; burada yalnızca Tailwind'in karşılamadığı
   degrade, kadim harf yerleşimi, yapışkan menü, sekme işareti ve kemer görseli var.
   Renkler Citext bordosu (Tailwind primary skalasıyla aynı). */
:root {
    --mt-kirmizi: #c4161c;
    --mt-kirmizi-koyu: #9d1216;
    --mt-bordo: #7f0f13;
    --mt-pembe: #fdf2f2;
    --mt-pembe-cizgi: #f6c4c6;
    --mt-murekkep: #101826;
    --mt-kagit: #f7f8fa;
    --mt-arduvaz: #5b6b7c;
    --mt-cizgi: #e5e7eb;
}

/* ── Header: degrade üst bant + bandın alt kenarına yarı yarıya oturan beyaz menü kartı ── */
.mt-header { position: relative; z-index: 50; }
.mt-header__ust { background: linear-gradient(100deg, var(--mt-bordo) 0%, var(--mt-kirmizi-koyu) 45%, var(--mt-kirmizi) 100%); }
@media (min-width: 1280px) {
    .mt-header__ust { padding-bottom: 46px; }
    .mt-header__menu { position: absolute; left: 0; right: 0; top: 100%; transform: translateY(-50%); }
    .mt-header--yapiskan .mt-header__menu { position: fixed; top: 0; transform: none; background: #fff; box-shadow: 0 6px 20px rgba(16, 24, 38, .1); animation: mt-in .25s ease-out; }
    .mt-header--yapiskan .mt-header__kart { box-shadow: none; border-radius: 0; }
    /* Menü kartının banda taşan yarısı için iç sayfalarda boşluk (ana sayfada hero bu boşluğu kendi taşır) */
    .mt-header-bosluk { height: 40px; }
}
@keyframes mt-in { from { transform: translateY(-100%); } }
.mt-menu-bag[aria-current="page"] { color: var(--mt-kirmizi); border-bottom-color: var(--mt-kirmizi); }
.mt-acilir { border-top: 3px solid var(--mt-kirmizi); }

/* ── Kadim yazı işaretleri (hero, sayfa başlığı, kemer) ── */
.mt-glifler { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mt-glifler span { position: absolute; color: rgba(255, 255, 255, .06); font-weight: 300; line-height: 1; font-family: "Poppins", "Geeza Pro", "Segoe UI Symbol", system-ui, sans-serif; }
.mt-glifler span:nth-child(1) { font-size: 220px; right: 32%; top: 6%; }
.mt-glifler span:nth-child(2) { font-size: 240px; right: 6%; top: 4%; }
.mt-glifler span:nth-child(3) { font-size: 180px; right: 22%; bottom: 4%; }
.mt-glifler span:nth-child(4) { font-size: 200px; right: 4%; bottom: 0; }
.mt-glifler span:nth-child(5) { font-size: 150px; right: 46%; bottom: 8%; }
.mt-glifler span:nth-child(6) { font-size: 120px; right: 16%; top: 40%; }
@media (max-width: 767px) { .mt-glifler span { font-size: 120px !important; } }

/* ── Hero ── */
.mt-hero-1 { background: radial-gradient(ellipse at 80% 20%, #9d1216 0%, transparent 55%), linear-gradient(110deg, #101826 0%, #2a0a10 55%, #7f0f13 100%); }
.mt-hero-2 { background: radial-gradient(ellipse at 15% 80%, #9d1216 0%, transparent 55%), linear-gradient(250deg, #101826 0%, #3a0c14 50%, #7f0f13 100%); }
.mt-hero-3 { background: radial-gradient(ellipse at 50% 110%, #c4161c 0%, transparent 50%), linear-gradient(180deg, #101826 0%, #2a0a10 100%); }
.mt-hero { height: calc(100vh - 100px); min-height: 520px; max-height: 760px; }
@media (max-width: 1279px) { .mt-hero { height: calc(100vh - 70px); } }

/* ── Portal kartları (işnet kart dili) ── */
.mt-portal-kart--kirmizi { background: linear-gradient(160deg, #cf3237 0%, #9d1216 65%, #7f0f13 100%); }
.mt-portal-kart--bordo { background: linear-gradient(160deg, #86283a 0%, #5a1220 65%, #4d090c 100%); }
.mt-portal-kart--murekkep { background: linear-gradient(160deg, #364760 0%, #1e2a3e 65%, #101826 100%); }
.mt-portal-kart__glif { font-family: "Poppins", "Geeza Pro", "Segoe UI", system-ui, sans-serif; }

/* ── "Portalların içinde neler var?" sekmeleri ── */
.mt-dosemeler { scrollbar-width: none; scroll-behavior: smooth; }
.mt-dosemeler::-webkit-scrollbar { display: none; }
.mt-doseme[aria-selected="true"] { background: linear-gradient(150deg, var(--mt-kirmizi) 0%, var(--mt-kirmizi-koyu) 55%, var(--mt-bordo) 100%); color: #fff; box-shadow: 0 8px 18px rgba(127, 15, 19, .22); }
.mt-doseme[aria-selected="true"] svg { color: #fff; }
.mt-doseme[aria-selected="true"]::after { content: ""; position: absolute; left: 50%; bottom: -12px; margin-left: -13px; border: 13px solid transparent; border-bottom: 0; border-top-color: var(--mt-bordo); }

/* ── "Neler yapabilirsiniz?" ── */
.mt-avantaj-ikon { background: linear-gradient(135deg, var(--mt-kirmizi) 0%, var(--mt-bordo) 100%); }
.mt-kemer { border-radius: 160px 160px 12px 12px; background: radial-gradient(ellipse at 50% 0%, var(--mt-kirmizi-koyu) 0%, transparent 60%), linear-gradient(180deg, #2a0a10 0%, var(--mt-murekkep) 100%); }
.mt-kemer .mt-glifler span:nth-child(1) { font-size: 120px; right: 58%; top: 4%; }
.mt-kemer .mt-glifler span:nth-child(2) { font-size: 130px; right: 6%; top: 10%; }
.mt-kemer .mt-glifler span:nth-child(3) { font-size: 110px; right: 54%; bottom: 6%; }
.mt-kemer .mt-glifler span:nth-child(4) { font-size: 110px; right: 8%; bottom: 2%; }
.mt-kemer .mt-glifler span:nth-child(5) { font-size: 80px; right: 64%; top: 42%; }
.mt-kemer .mt-glifler span:nth-child(6) { font-size: 70px; right: 10%; top: 46%; }

/* ── Referans şeridi: logolar arasında ince dikey çizgi ── */
.mt-ref-serit { scrollbar-width: none; scroll-behavior: smooth; }
.mt-ref-serit::-webkit-scrollbar { display: none; }
.mt-ref-logo + .mt-ref-logo { border-left: 1px solid var(--mt-cizgi); }
.mt-ref-logo img { filter: grayscale(1); opacity: .75; transition: filter .2s, opacity .2s; }
.mt-ref-logo:hover img { filter: none; opacity: 1; }

/* ── Daire içinde ok olan bağlantı ── */
.mt-yuvarlak-bag > span { transition: transform .15s; }
.mt-yuvarlak-bag:hover > span { transform: translateX(3px); }

@media (prefers-reduced-motion: reduce) {
    .mt-dosemeler, .mt-ref-serit { scroll-behavior: auto; }
    .mt-header--yapiskan .mt-header__menu { animation: none; }
}