/*
Theme Name: BaMedia
Author: BariumGroup
Version: 1.0
*/

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;

    font-family:
        "Inter",
        "Noto Sans JP",
        sans-serif;

    background: #f5f7fb;

    color: #0f172a;
}

a {
    text-decoration: none;
    color: inherit;
}

img {

    max-width: 100%;

    height: auto;

    display: block;
}

header {

    position: sticky;

    top: 0;

    z-index: 999;

    background: rgba(255,255,255,0.95);

    backdrop-filter: blur(18px);

    border-bottom:
        1px solid #e2e8f0;
}

.hero-overlay {

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.9) 0%,
            rgba(0,0,0,0.45) 50%,
            rgba(0,0,0,0.05) 100%
        );
}

.bamedia-card {

    background: #ffffff;

    border:
        1px solid #e2e8f0;

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.04);

    transition: .25s;
}

.bamedia-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(59,130,246,0.45);
}

.breaking-track {

    width: max-content;

    animation:
        breakingNews 35s linear infinite;
}

.breaking-track a {
    flex-shrink: 0;
}

@keyframes breakingNews {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}

.now-on-air {

    animation:
        pulse 2s infinite;
}

@keyframes pulse {

    0% {
        opacity: 1;
    }

    50% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }

}

footer {

    background:
        linear-gradient(
            135deg,
            #020817 0%,
            #081a3a 100%
        );

    color: white;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {

    background:
        #334155;

    border-radius:
        999px;
}

@media (max-width: 768px) {

    body {
        overflow-x: hidden;
    }

}