/**
 * Biçer Turizm — Lean luxury theme utilities
 * Shared structure only: section heads, page headers, reveal, prose rhythm
 */

/* ===== Section head rhythm ===== */
.section__head {
    max-width: 40rem;
    margin: 0 auto var(--space-8);
    text-align: center;
}

.section__head--left {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.section__eyebrow {
    display: inline-block;
    margin-bottom: var(--space-2);
    font-family: var(--font-family);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-primary);
}

.section__head h2 {
    margin-bottom: var(--space-2);
    letter-spacing: var(--tracking-tight);
    line-height: 1.16;
}

.section__head h2::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    margin: var(--space-2) auto 0;
    background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
    opacity: 0.75;
}

.section__head--left h2::after {
    margin-inline-start: 0;
    margin-inline-end: 0;
    background: linear-gradient(90deg, var(--color-primary), transparent);
}

.section__head .section-lead {
    margin-top: 0;
    margin-bottom: 0;
    max-width: min(36rem, var(--prose-measure));
    line-height: 1.55;
}

/* Tighter left heads without a lead (intro / trust splits) */
.section__head--left:not(:has(.section-lead)) {
    margin-bottom: var(--space-4);
}

.section__head--left + .prose-block {
    max-width: 40rem;
}

@media (min-width: 768px) {
    .section__head {
        margin-bottom: var(--space-10);
    }

    .section__head--left:not(:has(.section-lead)) {
        margin-bottom: var(--space-5);
    }
}

/* ===== Page header — ink band + gold rule ===== */
.page-header {
    background:
        radial-gradient(ellipse 70% 55% at 50% -10%, rgba(var(--color-gold-soft-rgb), 0.14) 0%, transparent 55%),
        linear-gradient(165deg, var(--bg-ink-deep) 0%, var(--bg-ink) 52%, #1a2740 100%);
    border-bottom: 1px solid rgba(var(--color-gold-soft-rgb), 0.22);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

.page-header::after {
    width: 88px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--color-gold-soft), transparent);
    opacity: 0.9;
}

.page-header h1 {
    margin-bottom: var(--space-2);
    color: var(--text-on-dark);
    letter-spacing: var(--tracking-display);
    line-height: var(--leading-tight);
}

.page-header p {
    max-width: min(36rem, var(--prose-measure));
    color: var(--text-on-dark-muted);
    line-height: 1.55;
    letter-spacing: 0.01em;
}

.page-header .breadcrumb,
.page-header .breadcrumb > a,
.page-header .breadcrumb > span,
.page-header .breadcrumb__current {
    color: rgba(255, 255, 255, 0.62);
}

.page-header .breadcrumb > a:hover {
    color: var(--color-gold-soft);
}

.page-header .breadcrumb > span svg {
    color: rgba(255, 255, 255, 0.4);
}

/* ===== Reveal — minimal fade-up ===== */
[data-reveal] {
    opacity: 1;
    transform: none;
}

[data-reveal].animate-ready {
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.5s var(--ease-out),
        transform 0.5s var(--ease-out);
}

[data-reveal].animate-in,
[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
}

/* ===== Prose spacing tweak ===== */
.prose-block {
    max-width: var(--prose-measure);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

.prose-block:has(table) {
    max-width: min(52rem, 100%);
}

.prose-block > :last-child {
    margin-bottom: 0;
}

.prose-block + .cta-row,
.prose-block + .cta-row--center {
    margin-top: var(--space-5);
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
    [data-reveal].animate-ready,
    [data-reveal].animate-in,
    [data-reveal].is-revealed {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
