/* Home page moving company strip (resources/views/includes/home_company_strip.blade.php). */
.home-company-strip{padding: 14px 0 6px;}
.home-company-strip__viewport{
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
.home-company-strip__track{display: flex; width: max-content; animation: home-company-strip-move var(--strip-duration, 40s) linear infinite;}
.home-company-strip__viewport:hover .home-company-strip__track,
.home-company-strip__viewport:focus-within .home-company-strip__track{animation-play-state: paused;}
.home-company-strip__list{display: flex; gap: 12px; margin: 0; padding: 0 12px 0 0; list-style: none;}

.home-company-card{display: flex; align-items: center; gap: 10px; width: 210px; padding: 8px 12px; border: 1px solid #e6eaf2; border-radius: 12px; background: #fff; text-decoration: none; transition: border-color .2s, box-shadow .2s;}
.home-company-card:hover,
.home-company-card:focus{border-color: #0357e9; box-shadow: 0 4px 12px rgba(3, 87, 233, .12);}
.home-company-card__logo{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 8px; overflow: hidden; background: #f3f5f9; display: flex; align-items: center; justify-content: center;}
.home-company-card__logo img{width: 100%; height: 100%; object-fit: contain;}
.home-company-card__text{display: flex; flex-direction: column; min-width: 0; line-height: 1.25;}
.home-company-card__text strong{color: #111; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-company-card__text small{color: #0357e9; font-size: 12px;}

@keyframes home-company-strip-move{
    from{transform: translateX(0);}
    to{transform: translateX(-50%);}
}

@media (max-width: 575px){
    .home-company-card{width: 170px; padding: 6px 10px;}
    .home-company-card__logo{flex-basis: 34px; width: 34px; height: 34px;}
    .home-company-card__text strong{font-size: 13px;}
}

/* Users who prefer less motion: no animation, swipe/scroll instead. */
@media (prefers-reduced-motion: reduce){
    .home-company-strip__viewport{overflow-x: auto; -webkit-mask-image: none; mask-image: none;}
    .home-company-strip__track{animation: none;}
    .home-company-strip__list[aria-hidden="true"]{display: none;}
}