/* zz_top_strips.css — sleek "Apply for the 313" CTA + AMANAH chain streaming banner.
   Loaded last (zz_ prefix). */

/* --- Apply for the 313 — sleek top strip --- */
.abc-313-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    height: 28px;
    background: linear-gradient(90deg, #000 0%, #1a0f06 50%, #000 100%);
    border-bottom: 1px solid rgba(212, 144, 96, 0.55);
    color: #d49060;
    text-decoration: none;
    font-family: 'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.62rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    font-weight: 700;
    transition: background 0.25s ease, color 0.25s ease;
    position: relative;
    z-index: 100;
}
.abc-313-strip:hover {
    background: linear-gradient(90deg, #000 0%, rgba(212, 144, 96, 0.35) 50%, #000 100%);
    color: #fff;
    text-decoration: none;
}
.abc-313-pill {
    background: #d49060;
    color: #000;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.55rem;
    letter-spacing: 0.22em;
    font-weight: 700;
    animation: abc-313-shimmer 2.4s ease-in-out infinite;
}
@keyframes abc-313-shimmer { 0%,100% { opacity: 0.85; } 50% { opacity: 1; } }

@media (max-width: 600px) {
    .abc-313-strip { font-size: 0.54rem; letter-spacing: 0.22em; height: 26px; gap: 0.45rem; }
    .abc-313-pill { font-size: 0.5rem; padding: 0.08rem 0.42rem; }
}

/* Footer variant of the soft-launch banner — quieter than the top one */
.soft-launch-banner.soft-launch-banner--footer {
    margin-top: 2rem;
    opacity: 0.85;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}