/* Redaksiya to WP — self-contained carousel. Every class .rtw- prefixed. */
.rtw-section { margin: 0 0 28px; }
.rtw-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.rtw-logo { border-radius: 4px; flex: 0 0 auto; }
.rtw-section .rtw-header .rtw-title { font-size: 18px; font-weight: 700; margin: 0; line-height: 1.2; flex: 1 1 auto; }
.rtw-arrows { display: flex; gap: 6px; margin-left: auto; }
.rtw-prev, .rtw-next {
    width: 30px; height: 30px; border: 1px solid rgba(128, 128, 128, .4); border-radius: 50%;
    background: transparent; color: inherit; font-size: 18px; line-height: 1;
    cursor: pointer; padding: 0;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.rtw-prev:hover, .rtw-next:hover { background: #222; color: #fff; border-color: #222; }
@media (hover: none) { .rtw-arrows { display: none; } } /* touch devices swipe */

.rtw-track {
    display: flex; gap: 12px; overflow-x: auto;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; padding-bottom: 4px;
}
.rtw-track::-webkit-scrollbar { display: none; }

/* Theme-adaptive neutrals: translucent gray works on light AND dark sites;
   where supported, the border derives from the theme's own text color. */
.rtw-card {
    flex: 0 0 auto; width: 260px; scroll-snap-align: start;
    background: transparent; border: 1px solid rgba(128, 128, 128, .3); border-radius: 10px;
    overflow: hidden; text-decoration: none; color: inherit;
    display: flex; flex-direction: column;
}
.rtw-card:hover { border-color: rgba(128, 128, 128, .55); }
@supports (border-color: color-mix(in srgb, red 50%, transparent)) {
    .rtw-card { border-color: color-mix(in srgb, currentColor 22%, transparent); }
    .rtw-card:hover { border-color: color-mix(in srgb, currentColor 45%, transparent); }
    .rtw-prev, .rtw-next { border-color: color-mix(in srgb, currentColor 30%, transparent); }
}
.rtw-card-media { aspect-ratio: 16 / 10; background: rgba(128, 128, 128, .15); }
.rtw-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rtw-no-image { background: linear-gradient(135deg, rgba(128, 128, 128, .12), rgba(128, 128, 128, .22)); }
.rtw-card-title {
    font-size: 0.95rem; font-weight: 600; line-height: 1.35; margin: 10px 12px 6px;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.rtw-card-meta { display: flex; gap: 8px; margin: 0 12px; font-size: 0.78rem; color: inherit; opacity: .65; }
.rtw-card-footer {
    display: flex; align-items: center; gap: 6px; margin: auto 12px 10px; padding-top: 8px;
    font-size: 0.78rem; color: inherit; opacity: .75; font-weight: 600;
}
.rtw-card-footer img { border-radius: 3px; }

@media (max-width: 600px) { .rtw-card { width: min(75vw, 240px); } }