/* Header duyuru & bağış — görsel stiller (düzen mobil/desktop ayrı dosyalarda) */
.header-engagement-tools {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}
.header-engagement-tools .nav-icon-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    width: auto;
    height: auto;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    border-radius: 0;
}
.header-engagement-tools .nav-icon-btn:hover {
    box-shadow: none;
    transform: translateY(-2px);
}
.nav-announce-btn { background: transparent; color: #ea580c; font-size: 1.35rem; }
.nav-donation-btn {
    background: transparent;
    overflow: visible;
}
.donation-pet-btn { padding: 0; }
.donation-pet-icon {
    display: block;
    width: 42px;
    height: 42px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    animation: petBounce 1.1s ease-in-out infinite;
}
.donation-pet-icon img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
    background: transparent;
    animation: petBounce 1.1s ease-in-out infinite;
}
.donation-pet-dog,
.home-donation-pet.donation-pet-dog {
    background-image: url("../img/mama-kampanya-dog.gif");
}
.donation-pet-cat,
.home-donation-pet.donation-pet-cat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fb923c' d='M14 22 L20 8 L26 20 M38 20 L44 8 L50 22 M10 30c0-12 10-20 22-20s22 8 22 20c0 14-12 22-22 26S10 44 10 30z'/%3E%3Ccircle cx='24' cy='32' r='2.5' fill='%23111'/%3E%3Ccircle cx='40' cy='32' r='2.5' fill='%23111'/%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' d='M28 40l4 2 4-2'/%3E%3C/svg%3E"); }
.donation-pet-heart,
.home-donation-pet.donation-pet-heart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ef4444' d='M32 54S8 38 8 24c0-8 6-14 14-14 5 0 10 3 10 3s5-3 10-3c8 0 14 6 14 14 0 14-24 30-24 30z'/%3E%3C/svg%3E"); }
.donation-pet-ribbon,
.home-donation-pet.donation-pet-ribbon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='28' r='16' fill='%23a855f7'/%3E%3Cpath fill='%23c084fc' d='M20 40 L12 56 L26 44 M44 40 L52 56 L38 44'/%3E%3C/svg%3E"); }
.donation-pet-paw,
.home-donation-pet.donation-pet-paw { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse fill='%23f97316' cx='32' cy='40' rx='14' ry='12'/%3E%3Ccircle fill='%23f97316' cx='18' cy='24' r='7'/%3E%3Ccircle fill='%23f97316' cx='32' cy='16' r='7'/%3E%3Ccircle fill='%23f97316' cx='46' cy='24' r='7'/%3E%3C/svg%3E"); }

@keyframes petBounce {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(-7px) rotate(4deg); }
}

.header-panel {
    position: fixed;
    top: calc(var(--site-header-height, 72px) + 8px);
    right: 1rem;
    width: min(360px, calc(100vw - 2rem));
    background: #fff;
    border: 1px solid #ecdcc8;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0,0,0,.12);
    z-index: 1100;
    overflow: hidden;
}
.header-panel[hidden] { display: none !important; }
.header-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1rem;
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    border-bottom: 1px solid #fde6c8;
}
.header-panel-head h3 { margin: 0; font-size: 1rem; display: flex; align-items: center; gap: .45rem; }
.header-panel-close {
    border: none; background: transparent; font-size: 1.5rem; line-height: 1; cursor: pointer; color: #666;
}
.header-panel-body { padding: .75rem 1rem 1rem; max-height: 70vh; overflow: auto; }
.header-panel-empty { color: #666; margin: 0; font-size: .9rem; }
.announce-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.announce-item {
    display: flex; gap: .75rem; align-items: flex-start;
    padding: .65rem .75rem; border-radius: 12px; background: #faf8f5;
    border: 1px solid #f0ebe4; color: inherit; transition: .15s;
}
.announce-item:hover { border-color: #f59e0b; background: #fff7ed; }
.announce-icon {
    width: 36px; height: 36px; border-radius: 10px;
    background: #ffedd5; color: #ea580c;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.announce-item strong { display: block; font-size: .9rem; }
.announce-item small { display: block; color: #666; font-size: .78rem; margin-top: .15rem; line-height: 1.35; }

.donation-stats { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin: 1rem 0; }
.donation-stat {
    background: #fff7ed; border-radius: 12px; padding: .75rem; text-align: center;
    border: 1px solid #fed7aa;
}
.donation-stat-num { display: block; font-size: 1.15rem; font-weight: 800; color: #c2410c; }
.donation-stat-label { font-size: .75rem; color: #666; }
.donation-progress {
    height: 8px; background: #f3f4f6; border-radius: 999px; overflow: hidden; margin: .5rem 0;
}
.donation-progress-bar {
    height: 100%; background: linear-gradient(90deg, #f59e0b, #ea580c); border-radius: 999px;
}
.donation-panel-desc { font-size: .88rem; line-height: 1.55; color: #444; margin: 0 0 .5rem; }
.donation-other-campaigns { margin-top: 1rem; font-size: .85rem; }
.donation-other-campaigns ul { margin: .35rem 0 0; padding-left: 1.1rem; color: #555; }

/* Ana sayfa bağış şeridi */
.home-donation-strip {
    background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 50%, #ffedd5 100%);
    border-bottom: 1px solid #fed7aa;
    padding: 1rem 0;
}
.home-donation-inner {
    display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
}
.home-donation-pet {
    width: 80px; height: 80px; border: none; cursor: pointer;
    background-color: transparent; background-size: contain; background-repeat: no-repeat;
    background-position: center;
    animation: petBounce 1.1s ease-in-out infinite; flex-shrink: 0;
    display: block;
    text-decoration: none;
}
.home-donation-pet.donation-pet-dog { background-image: url("../img/mama-kampanya-dog.gif"); }
.home-donation-copy { flex: 1; min-width: 200px; }
.home-donation-copy h2 { margin: .15rem 0; font-size: 1.15rem; }
.home-donation-copy p { margin: 0; font-size: .88rem; color: #555; line-height: 1.45; }
.home-donation-badge {
    display: inline-block; font-size: .7rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: .04em; color: #c2410c; background: rgba(255,255,255,.6);
    padding: .2rem .55rem; border-radius: 999px;
}
.home-donation-metrics {
    display: flex; gap: 1.25rem; text-align: center;
}
.home-donation-metrics strong { display: block; font-size: 1.1rem; color: #c2410c; }
.home-donation-metrics span { font-size: .75rem; color: #666; }

/* Masaüstü header — logo | arama | duyuru/bağış | hesap/sepet */
@media (min-width: 901px) {
    .navbar-header-actions {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        flex-shrink: 0;
        margin-left: 0;
    }

    .navbar-engagement-wrap {
        margin-left: 0;
    }

    .navbar-search--tight {
        flex: 1;
        min-width: 200px;
        max-width: 640px;
        margin: 0 auto;
    }
}

@media (max-width: 900px) {
    .navbar-header-actions {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        margin-left: auto;
        flex-shrink: 0;
    }

    .navbar-engagement-wrap { margin-left: 0; }
    .navbar-search--tight { order: 4; flex: 1 1 100%; max-width: none; margin-left: 0; }
    .header-panel { right: .5rem; left: .5rem; width: auto; }
    .home-donation-inner { justify-content: center; text-align: center; }
    .home-donation-metrics { width: 100%; justify-content: center; }
}