/*
 * Home-page-specific styles.
 * Extracted from the legacy DesignV2 inline <style> block so the home
 * page loads them through WordPress's enqueue pipeline (versioned via filemtime).
 */

/* Rights cards grid */
.rc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.rc { background: #fff; border-radius: 12px; padding: 28px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: transform 0.22s ease, box-shadow 0.22s ease; }
.rc:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.10); }
.rc-head { display: flex; align-items: flex-start; margin-bottom: 16px; }
.rc-head img { display: block; }
.rc h4 { font-family: 'Roboto', sans-serif; font-size: 1.1rem; font-weight: 700; color: #111213; margin-bottom: 12px; }
.rc p { font-size: 0.875rem; line-height: 1.6; color: #292929; margin-bottom: 8px; }
.rc-link { font-size: 0.875rem; font-weight: 700; color: #0c6478; text-decoration: none; }
.rc-link:hover { text-decoration: underline; }
.rc-foot { font-size: 0.875rem; line-height: 1.6; color: #292929; margin: 0; }
.rc-inline-link { color: #0c6478; font-weight: 700; text-decoration: none; }
.rc-inline-link:hover { text-decoration: underline; }

@media (max-width: 1024px) { .rc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px)  { .rc-grid { grid-template-columns: 1fr 1fr; gap: 16px; } .rc { padding: 20px; } }
@media (max-width: 480px)  { .rc-grid { grid-template-columns: 1fr; } }

/* Hero overlay + curve */
.hero-bg::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.2); z-index: 1; }
.hero-curve { margin-bottom: -4px; }
.hero-curve img { display: block; }

/* Nav buttons */
.navbar-links .btn-outline-dark { border-width: 1px; }
.navbar-links .btn-outline-dark:hover { background: #8dbb44; color: #fff; border-color: #8dbb44; }

/* Brand carousels — scroll-reactive conveyor */
.brands-strip { margin-top: -1px; }

.mailing-track { display: flex !important; gap: 60px; width: max-content !important; will-change: transform; }
.mailing-track img { height: 77px !important; width: 180px !important; flex-shrink: 0; object-fit: contain; }
.mailing-conveyor {
    overflow: hidden;
    padding: 20px 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - 96px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - 96px), transparent 100%);
}

.brands-conveyor {
    overflow: hidden;
    padding: 32px 0;
    margin: 0 0 24px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - 96px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - 96px), transparent 100%);
}
.brands-track { display: flex; gap: 56px; align-items: center; width: max-content; will-change: transform; }
.brands-track img {
    height: 64px;
    flex-shrink: 0;
    object-fit: contain;
}
@media (max-width: 768px) {
    .brands-track { gap: 36px; }
    .brands-track img { height: 48px; }
}