/* Slider artikel GobetNews, digunakan di homepage dan halaman Olahraga. */
.gobet-news-section {padding-top: 30px; padding-bottom: 44px;}
.gobet-news-banner {display: block; margin-bottom: 34px; overflow: hidden; border-radius: 16px; background: #15274b;}
.gobet-news-banner img {display: block; width: 100%; height: auto; aspect-ratio: 1030 / 331; object-fit: contain;}
.gobet-news-section .section-heading {margin-bottom: 22px;}
.gobet-news-viewport {overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none;}
.gobet-news-viewport::-webkit-scrollbar {display: none;}
.gobet-news-track {display: flex; gap: 18px; min-width: 100%;}
.gobet-news-card {position: relative; display: flex; flex: 0 0 calc((100% - 54px) / 4); min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--border, #ffffff20); border-radius: 16px; background: var(--panel, #102040); color: inherit; scroll-snap-align: start; transition: transform .18s ease, box-shadow .18s ease;}
.gobet-news-card::after {content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: linear-gradient(90deg,#08cbef,#237fe5,#704dde,#e82ebb); opacity: 0; transition: opacity .18s ease; pointer-events: none;}
.gobet-news-card:hover, .gobet-news-card:focus-visible {transform: translateY(-3px); border-color: transparent; background: linear-gradient(125deg,#123758,#1b255e,#462662) padding-box,linear-gradient(120deg,#08cbef,#237fe5,#704dde,#e82ebb) border-box; box-shadow: 0 12px 30px #704dde33;}
.gobet-news-card:hover::after, .gobet-news-card:focus-visible::after {opacity: 1;}
.gobet-news-card img {display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #122444;}
.gobet-news-card-body {display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 16px;}
.gobet-news-card-category {color: #bd8fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}
.gobet-news-card h3 {display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 16px; line-height: 1.4;}
.gobet-news-card time {margin-top: auto; color: #c4d4f5; font-size: 12px;}
.gobet-news-controls {display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 18px;}
.gobet-news-controls span {margin-right: 8px; color: #c4d4f5; font-size: 13px; font-weight: 700;}
.gobet-news-controls button {display: flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 1px solid #6678ad; border-radius: 50%; background: #22305c; color: #fff; cursor: pointer; font-family: Arial,sans-serif; font-size: 26px; line-height: 1; text-align: center;}
.gobet-news-controls button:hover:not(:disabled), .gobet-news-controls button:focus-visible:not(:disabled) {border-color: transparent; background: linear-gradient(120deg,#08cbef,#237fe5,#704dde,#e82ebb); color: #fff;}
.gobet-news-controls button:disabled {opacity: .62; cursor: default;}
.gobet-news-status {width: 100%; min-height: 160px; display: grid; place-items: center; gap: 8px; padding: 24px; border: 1px solid var(--border, #ffffff20); border-radius: 16px; color: var(--muted, #a2adc2); text-align: center;}
.gobet-news-status button, .gobet-news-more {padding: 10px 18px; border: 1px solid #bd8fff; border-radius: 9px; background: transparent; color: inherit; cursor: pointer;}
.gobet-news-more {display: block; margin: 22px auto 0; font-weight: 700;}
.gobet-news-more:disabled {opacity: .5; cursor: wait;}
[data-theme="light"] .gobet-news-card, [data-theme="light"] .gobet-news-controls button {background: #fff;}
[data-theme="light"] .gobet-news-card time, [data-theme="light"] .gobet-news-controls span {color: #42516e;}
[data-theme="light"] .gobet-news-controls button {color: #243457; border-color: #8090ae;}
[data-theme="light"] .gobet-news-card:hover, [data-theme="light"] .gobet-news-card:focus-visible {background: linear-gradient(125deg,#e7fbff,#eceeff,#fff0fc) padding-box,linear-gradient(120deg,#08cbef,#237fe5,#704dde,#e82ebb) border-box;}
.page-intro.news-page-intro {padding-top: 185px;}
.sportbook-blank {min-height: 42vh;}
@media(max-width: 900px) {.gobet-news-card {flex-basis: calc((100% - 18px) / 2);}}
@media(max-width: 600px) {
  .gobet-news-section {padding-top: 16px; padding-bottom: 30px;}
  .gobet-news-banner {margin-bottom: 24px; border-radius: 10px;}
  .gobet-news-banner img {aspect-ratio: 1030 / 331;}
  .gobet-news-track {gap: 12px;}
  .gobet-news-card {flex-basis: 83%;}
  .gobet-news-card-body {padding: 12px;}
  .gobet-news-card h3 {font-size: 15px;}
  .page-intro.news-page-intro {padding-top: 145px;}
}
@media(prefers-reduced-motion:reduce) {.gobet-news-card,.gobet-news-card::after {transition: none;}}