/**
 * @package     Daggas.Module.LogoSlider
 * @author      Christos A. Daggas <info@hotwebdesign.gr>
 * @copyright   Copyright (C) 2026 Christos A. Daggas. All rights reserved.
 * @license     GNU General Public License version 2 or later
 * @link        https://www.hotwebdesign.gr
 */

/* Viewport fallbacks for browsers without container queries. */
@supports not (container-type: inline-size) {
    @media (max-width: 1023px) {
        .logoslider__viewport {
            --logoslider-visible: var(--logoslider-slides-tablet);
        }
    }

    @media (max-width: 767px) {
        .logoslider__viewport {
            --logoslider-visible: var(--logoslider-slides-mobile);
        }
    }
}

@container logoslider (max-width: 800px) {
    .logoslider__viewport {
        --logoslider-visible: var(--logoslider-slides-tablet);
    }
}

@container logoslider (max-width: 520px) {
    .logoslider__viewport {
        --logoslider-visible: var(--logoslider-slides-mobile);
    }

    .logoslider__pagination {
        margin-block-start: 8px;
    }
}

@media (forced-colors: active) {
    .logoslider__arrow,
    .logoslider__pause {
        color: ButtonText;
        background: Canvas;
        border-color: ButtonText;
    }

    .logoslider__dot::before {
        background: ButtonText;
    }

    .logoslider__dot[aria-current="true"]::before {
        background: Highlight;
        outline: 2px solid Highlight;
        outline-offset: 2px;
    }

    .logoslider__arrow:focus-visible,
    .logoslider__pause:focus-visible,
    .logoslider__dot:focus-visible,
    .logoslider__link:focus-visible {
        outline-color: Highlight;
    }
}