/* YYD.org.tr ilhamlı NGO vitrin teması — mevcut pub-* yapısını genişletir */

body.pub.pub-yyd {
    --public-primary: #1a5f7a;
    --public-primary-dark: #134a61;
    --public-cta: #e85d04;
    --public-cta-dark: #c2410c;
    --public-accent: #2d8f6f;
    --public-bg: #f5f5f5;
    --public-card: #ffffff;
    --public-text: #333333;
    --public-heading: #1a1a1a;
    --public-muted: #666666;
    --yyd-section-pad: clamp(2.5rem, 5vw, 4rem);
    background: var(--public-bg);
    color: var(--public-text);
}

/* Header — beyaz, sade, belirgin BAĞIŞ YAP */
body.pub.pub-yyd .pub-topbar {
    background: #1a5f7a;
    color: #fff;
    font-size: .82rem;
}
body.pub.pub-yyd .pub-topbar a { color: #fff; opacity: .9; }
body.pub.pub-yyd .pub-topbar a:hover { opacity: 1; }

body.pub.pub-yyd .pub-header {
    background: #fff;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
    border-bottom: 1px solid #eee;
}
body.pub.pub-yyd .pub-brand__name {
    font-weight: 700;
    color: var(--public-heading);
    letter-spacing: -.02em;
}
body.pub.pub-yyd .pub-menu .nav-link {
    color: #444;
    font-weight: 600;
    font-size: .88rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}
body.pub.pub-yyd .pub-menu .nav-link.active,
body.pub.pub-yyd .pub-menu .nav-link:hover {
    color: var(--public-primary);
}
body.pub.pub-yyd .pub-btn-donate,
body.pub.pub-yyd .pub-btn-donate--compact {
    background: var(--public-cta) !important;
    border: none;
    border-radius: 4px;
    font-weight: 800;
    font-size: .78rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .55rem 1.25rem;
    box-shadow: 0 4px 14px rgba(232, 93, 4, .35);
}
body.pub.pub-yyd .pub-btn-donate:hover {
    background: var(--public-cta-dark) !important;
    transform: translateY(-1px);
}

/* Mobil yapışkan bağış */
body.pub.pub-yyd .pub-yyd-fab {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 1040;
    background: var(--public-cta);
    color: #fff !important;
    font-weight: 800;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: .85rem 1.1rem;
    border-radius: 999px;
    box-shadow: 0 8px 28px rgba(232, 93, 4, .45);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .35rem;
}
@media (min-width: 992px) {
    body.pub.pub-yyd .pub-yyd-fab { display: none; }
}
body.pub.pub-yyd.stk-cookie-banner-active .pub-yyd-fab {
    bottom: calc(var(--stk-cookie-bar-height, 5.5rem) + 1rem);
}

/* Hero — tam genişlik, koyu overlay, YYD belgesel stili */
body.pub.pub-yyd .pub-premium-hero--static {
    background:
        linear-gradient(135deg, rgba(26, 95, 122, .92) 0%, rgba(19, 74, 97, .88) 100%),
        radial-gradient(ellipse at 80% 20%, rgba(45, 143, 111, .35) 0%, transparent 55%);
    min-height: clamp(420px, 55vh, 560px);
}
body.pub.pub-yyd .pub-premium-hero--static::before { display: none; }
body.pub.pub-yyd .pub-premium-hero--slider .pub-premium-hero__slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .25) 100%);
    z-index: 1;
}
body.pub.pub-yyd .pub-premium-hero__slide { position: relative; }
body.pub.pub-yyd .pub-premium-hero__inner { position: relative; z-index: 2; }
body.pub.pub-yyd .pub-premium-hero h1 {
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 800;
    line-height: 1.15;
    max-width: 16ch;
}
body.pub.pub-yyd .pub-premium-hero .lead {
    font-size: 1.05rem;
    opacity: .92;
    max-width: 42ch;
}
body.pub.pub-yyd .pub-premium-btn--primary {
    background: var(--public-cta);
    border-radius: 4px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: .85rem;
    padding: .75rem 1.5rem;
}
body.pub.pub-yyd .pub-premium-btn--ghost {
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8rem;
}

/* Bölüm başlıkları — YYD iki satır */
body.pub.pub-yyd .pub-yyd-head {
    text-align: center;
    margin-bottom: 2rem;
}
body.pub.pub-yyd .pub-yyd-head__kicker {
    display: block;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--public-primary);
    margin-bottom: .35rem;
}
body.pub.pub-yyd .pub-yyd-head h2 {
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 800;
    color: var(--public-heading);
    margin: 0;
}
body.pub.pub-yyd .pub-yyd-head.text-start {
    text-align: start;
}

/* Çalışmalar / bağış kartları — YYD grid */
body.pub.pub-yyd .pub-premium-section {
    padding: var(--yyd-section-pad) 0;
}
body.pub.pub-yyd .pub-premium-section--alt {
    background: #fff;
}
body.pub.pub-yyd .pub-premium-work-card {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}
body.pub.pub-yyd .pub-premium-work-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
}
body.pub.pub-yyd .pub-premium-work-card__media {
    height: 200px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
body.pub.pub-yyd .pub-premium-work-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .55), transparent 50%);
}
body.pub.pub-yyd .pub-premium-work-card__body {
    padding: 1rem 1rem 1.1rem;
}
body.pub.pub-yyd .pub-premium-work-card h3 {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--public-heading);
}
body.pub.pub-yyd .pub-premium-work-card p {
    font-size: .85rem;
    color: var(--public-muted);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.pub.pub-yyd .pub-premium-work-card__actions {
    flex-direction: column;
    gap: .5rem;
}
body.pub.pub-yyd .pub-premium-work-card__actions .pub-premium-btn--primary {
    width: 100%;
    text-align: center;
}
body.pub.pub-yyd .pub-yyd-last-donation {
    display: inline-block;
    background: #f0fdf4;
    color: #15803d;
    font-size: .72rem;
    font-weight: 700;
    padding: .25rem .55rem;
    border-radius: 4px;
    margin-bottom: .5rem;
}

/* İstatistikler — büyük rakamlar */
body.pub.pub-yyd .pub-showcase-stat {
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}
body.pub.pub-yyd .pub-showcase-stat__value {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 900;
    color: var(--public-primary);
}
body.pub.pub-yyd .pub-showcase-stat__label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .06em;
}

/* Hızlı bağış — ikincil, kompakt */
body.pub.pub-yyd .pub-yyd-quick .pub-premium-quick__box {
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    background: #fff;
}

/* Haberler grid */
body.pub.pub-yyd .pub-premium-story-card,
body.pub.pub-yyd .pub-premium-story-featured {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}
body.pub.pub-yyd .pub-premium-story-card h4 {
    font-size: .9rem;
    font-weight: 700;
    padding: .75rem;
    color: var(--public-heading);
}

/* Footer — YYD sade */
body.pub.pub-yyd .pub-footer {
    background: #2a2a2a;
}
body.pub.pub-yyd .pub-footer a:hover { color: var(--public-cta); }

/* Alt bağış bandı */
body.pub.pub-yyd .pub-yyd-cta-band {
    background: linear-gradient(135deg, #1a5f7a, #134a61);
    color: #fff;
    padding: var(--yyd-section-pad) 0;
    text-align: center;
}
body.pub.pub-yyd .pub-yyd-cta-band h2 {
    font-weight: 800;
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    margin-bottom: .75rem;
}
body.pub.pub-yyd .pub-yyd-cta-band .btn {
    background: var(--public-cta);
    border: none;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .85rem 2rem;
    border-radius: 4px;
}
