/* Orion Marquee Slider — matches the real ".text-slider" component exactly,
   using this project's real breakpoints: sm=640, md=769, lg=992, xl=1199,
   1xl=1380, 2xl=1752. */
.orion-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: var(--orion-primary);
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 12px 0;
    gap: 16px;
    /* HTML wraps text-slider in section with mb-8 → 2xl:mb-[100px] */
    margin-bottom: 32px;
}
@media (min-width: 769px) { .orion-marquee { padding: 16px 0; gap: 20px; margin-bottom: 50px; } }
@media (min-width: 992px) { .orion-marquee { padding: 18px 0; margin-bottom: 60px; } }
@media (min-width: 1380px) { .orion-marquee { gap: 28px; margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-marquee { padding: 25px 0; margin-bottom: 100px; } }

.orion-marquee__container {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: max-content;
    gap: 16px;
    animation: orion-marquee-scroll var(--scroll-duration, 17s) linear infinite;
}
@media (min-width: 769px) { .orion-marquee__container { gap: 20px; } }
@media (min-width: 1380px) { .orion-marquee__container { gap: 28px; } }

.orion-marquee[data-pause="yes"] .orion-marquee__container:hover {
    animation-play-state: paused;
}

.orion-marquee__track {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (min-width: 769px) { .orion-marquee__track { gap: 20px; } }
@media (min-width: 1380px) { .orion-marquee__track { gap: 28px; } }

.orion-marquee__item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 16px;
}
@media (min-width: 769px) { .orion-marquee__item { gap: 20px; } }
@media (min-width: 1380px) { .orion-marquee__item { gap: 28px; } }

/* Compound selector needed to beat Elementor's global
   ".elementor img{height:auto;max-width:100%}" reset (0,1,1 specificity). */
.orion-marquee__item .orion-marquee__logo {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    max-width: none;
}
@media (min-width: 769px) { .orion-marquee__item .orion-marquee__logo { width: 30px; height: 30px; } }
@media (min-width: 1380px) { .orion-marquee__item .orion-marquee__logo { width: 36px; height: 36px; } }
@media (min-width: 1752px) { .orion-marquee__item .orion-marquee__logo { width: 50px; height: 50px; } }

/* HTML `.logo-name`: El Messiri light uppercase
   16 → 19@sm → 22@md → 25@xl → 26@1xl → 35@2xl */
html body h5.orion-marquee__text,
.orion-marquee__text {
    margin: 0;
    color: #fff;
    text-transform: uppercase !important;
    font-family: var(--orion-font-heading, "El Messiri", serif) !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    white-space: nowrap;
}
@media (min-width: 640px) {
	html body h5.orion-marquee__text,
	.orion-marquee__text { font-size: 19px !important; }
}
@media (min-width: 769px) {
	html body h5.orion-marquee__text,
	.orion-marquee__text { font-size: 22px !important; line-height: 30px !important; }
}
@media (min-width: 1199px) {
	html body h5.orion-marquee__text,
	.orion-marquee__text { font-size: 25px !important; }
}
@media (min-width: 1380px) {
	html body h5.orion-marquee__text,
	.orion-marquee__text { font-size: 26px !important; }
}
@media (min-width: 1752px) {
	html body h5.orion-marquee__text,
	.orion-marquee__text { font-size: 35px !important; line-height: 35px !important; }
}

/* Scroll animation */
@keyframes orion-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Direction control */
.orion-marquee[data-direction="right"] .orion-marquee__container {
    animation-direction: reverse;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .orion-marquee__container {
        animation: none;
    }
}

/* Print styles */
@media print {
    .orion-marquee {
        background-color: #f0f0f0;
    }
    .orion-marquee__text {
        color: #000;
    }
    .orion-marquee__container {
        animation: none;
        transform: none;
    }
}