:root {
    --copyright-text: "Copyright © 1999-2025 4 Ever Young. All rights reserved.";
    --footer-bg-color: #333;
    --footer-text-color: #fff;
    --footer-font-size: 12px;
}

.copyright {
    color: var(--footer-text-color);
    font-size: var(--footer-font-size);
    text-align: center;
    background-color: var(--footer-bg-color);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    max-width: 350px;
    margin: 10px auto 0; /* Reduced margin */
    box-sizing: border-box;
}

.copyright::after {
    content: var(--copyright-text);
    display: block;
}

@supports not (color: var(--footer-text-color)) {
    .copyright {
        color: #fff;
        font-size: 12px;
        background-color: #333;
    }
    .copyright::after {
        content: "Copyright © 1999-2025 4 Ever Young. All rights reserved.";
    }
}

@media (orientation: landscape) and (max-width: 320px) {
    .copyright {
        width: 100%;
        max-width: 100%;
    }
}