/* Üst duyuru bandı — namespaced; classic hero CSS'ini bozmaz */
.hh-announce {
    position: relative;
    min-height: 40px;
    overflow: hidden;
}
.hh-announce__viewport { position: relative; }
.hh-announce__item { display: none; }
.hh-announce__item.is-active { display: block; }
.hh-announce__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.35;
    max-height: 4.2em;
    overflow: hidden;
}
.hh-announce__prefix { letter-spacing: 0.02em; }
.hh-announce__message { display: inline; }
.hh-announce__link {
    text-decoration: underline;
    font-weight: 600;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}
.hh-announce__pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e85d5d;
    display: inline-block;
    flex: 0 0 auto;
    box-shadow: 0 0 0 0 rgba(232, 93, 93, 0.55);
    animation: hhAnnouncePulse 1.8s ease-out infinite;
}
@keyframes hhAnnouncePulse {
    0% { box-shadow: 0 0 0 0 rgba(232, 93, 93, 0.55); }
    70% { box-shadow: 0 0 0 10px rgba(232, 93, 93, 0); }
    100% { box-shadow: 0 0 0 0 rgba(232, 93, 93, 0); }
}

.hh-announce__item--black_gold {
    background: linear-gradient(90deg, #1a1a1a 0%, #2c2418 45%, #1a1a1a 100%);
    color: #fff;
    border-bottom: 1px solid rgba(201, 169, 98, 0.35);
}
.hh-announce__item--black_gold .hh-announce__prefix,
.hh-announce__item--black_gold .hh-announce__link { color: #c9a962; }

.hh-announce__item--cream_black {
    background: #f7f3ec;
    color: #1a1a1a;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
.hh-announce__item--cream_black .hh-announce__prefix { color: #1a1a1a; }
.hh-announce__item--cream_black .hh-announce__link { color: #8a6a2f; }

.hh-announce__item--gold_black {
    background: linear-gradient(90deg, #c4a574 0%, #d4bc8e 50%, #c4a574 100%);
    color: #1a1a1a;
}
.hh-announce__item--gold_black .hh-announce__link { color: #1a1a1a; }

.hh-announce__item--campaign_accent {
    background: linear-gradient(90deg, #2a1810 0%, #4a2c18 50%, #2a1810 100%);
    color: #fff;
    border-bottom: 1px solid rgba(232, 93, 93, 0.35);
}
.hh-announce__item--campaign_accent .hh-announce__prefix,
.hh-announce__item--campaign_accent .hh-announce__link { color: #f0c987; }

@media (max-width: 767px) {
    /* Mobil: inline metin akışı — flex-wrap satır şişmesini önler; max-height ile kesme yok */
    .hh-announce {
        min-height: 44px;
        height: auto;
        overflow: visible;
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
    }

    .hh-announce__viewport,
    .hh-announce__item {
        height: auto;
        min-height: inherit;
    }

    .hh-announce__inner {
        display: block;
        min-height: 44px;
        height: auto;
        max-height: none;
        overflow: visible;
        padding: 8px 10px;
        font-size: 0.8125rem;
        line-height: 1.35;
        text-align: center;
        box-sizing: border-box;
        max-width: 100%;
    }

    .hh-announce__inner > svg,
    .hh-announce__pulse {
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
        flex: none;
    }

    .hh-announce__prefix,
    .hh-announce__message {
        display: inline;
    }

    .hh-announce__prefix {
        margin-right: 4px;
    }

    /* Dokunma alanı 44px; satır kutusunu min-height ile şişirme.
       Hit alanı band içinde kalsın diye dikey olarak padding’e sığdırılır. */
    .hh-announce__link {
        display: inline;
        position: relative;
        vertical-align: baseline;
        min-height: 0;
        margin-left: 5px;
        align-items: unset;
        z-index: 1;
    }

    .hh-announce__link::after {
        content: '';
        position: absolute;
        left: -6px;
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        height: 44px;
        min-width: 44px;
        /* tıklama alanı; layout/scrollHeight etkilemesin */
        pointer-events: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hh-announce__pulse { animation: none !important; }
    .hh-announce * { transition: none !important; }
}