@import url('/themes/default/assets/css/chanzine.css');

/* ==========================================================
   CHATITALY NEON — EVENTS / CHANZINE CONTRAST FIX v2.4.2
   Mantiene leggibili eventi e contenuti editoriali nel tema dark.
   ========================================================== */

.ct-neon-theme {
    --text-primary: #f8f7ff;
    --text-secondary: #d8cfe2;
    --text-muted: #aaa0b9;
    --border-color: rgba(255,255,255,.11);
    --brand-primary: #c45cff;
    --surface-muted: rgba(255,255,255,.045);
}

/* ----------------------------
   Elenco eventi
   ---------------------------- */
.ct-neon-theme .events-header,
.ct-neon-theme .events-card,
.ct-neon-theme .events-empty {
    color: #f8f7ff;
    background:
        radial-gradient(circle at 8% 0%, rgba(168,85,247,.13), transparent 32%),
        linear-gradient(145deg, rgba(18,10,29,.96), rgba(8,5,14,.96));
    border-color: rgba(205,139,255,.16);
    box-shadow:
        0 18px 46px rgba(0,0,0,.27),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.ct-neon-theme .events-header h1,
.ct-neon-theme .events-card-title,
.ct-neon-theme .events-card-title a {
    color: #fff !important;
}

.ct-neon-theme .events-header p,
.ct-neon-theme .events-card-meta,
.ct-neon-theme .events-card-location,
.ct-neon-theme .events-card-excerpt,
.ct-neon-theme .events-empty,
.ct-neon-theme .events-empty p {
    color: #b9aec5 !important;
}

.ct-neon-theme .events-card-meta i,
.ct-neon-theme .events-card-location i {
    color: #d070ff !important;
}

.ct-neon-theme .events-card:hover {
    border-color: rgba(203,91,255,.38);
    box-shadow:
        0 22px 54px rgba(0,0,0,.34),
        0 0 34px rgba(168,85,247,.08);
}

.ct-neon-theme .events-card-actions .button,
.ct-neon-theme .events-header-actions .button {
    color: #fff !important;
    background: linear-gradient(118deg, #7c3aed, #bd20ff 52%, #ff2754);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 10px 26px rgba(130,46,255,.18);
}

/* ----------------------------
   Pagina singolo evento
   ---------------------------- */
.ct-neon-theme .events-article {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ct-neon-theme .events-article-cover {
    border: 1px solid rgba(255,255,255,.09);
    box-shadow:
        0 18px 50px rgba(0,0,0,.38),
        0 0 36px rgba(255,39,84,.08);
}

.ct-neon-theme .events-article-body {
    color: #efeaf7 !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(168,85,247,.13), transparent 34%),
        radial-gradient(circle at 100% 12%, rgba(255,46,85,.09), transparent 26%),
        linear-gradient(155deg, rgba(18,10,29,.985), rgba(8,5,14,.985)) !important;
    border-color: rgba(210,150,255,.17) !important;
    box-shadow:
        0 24px 70px rgba(0,0,0,.42),
        0 0 38px rgba(168,85,247,.06),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ct-neon-theme .events-article-header {
    border-bottom-color: rgba(255,255,255,.095) !important;
}

.ct-neon-theme .events-article-header h1 {
    color: #fff !important;
    text-shadow: 0 0 24px rgba(168,85,247,.12);
}

.ct-neon-theme .events-article-meta,
.ct-neon-theme .events-article-meta span,
.ct-neon-theme .events-article-meta time {
    color: #c8bdd3 !important;
}

.ct-neon-theme .events-article-meta i {
    color: #d36bff !important;
    filter: drop-shadow(0 0 7px rgba(168,85,247,.25));
}

/* Contenuto evento: forza contrasto corretto anche su markup Markdown */
.ct-neon-theme .events-content {
    color: #e9e3f0 !important;
}

.ct-neon-theme .events-content p,
.ct-neon-theme .events-content li,
.ct-neon-theme .events-content td,
.ct-neon-theme .events-content figcaption,
.ct-neon-theme .events-content em,
.ct-neon-theme .events-content del {
    color: #d9d0e2 !important;
}

.ct-neon-theme .events-content strong,
.ct-neon-theme .events-content b,
.ct-neon-theme .events-content h1,
.ct-neon-theme .events-content h2,
.ct-neon-theme .events-content h3,
.ct-neon-theme .events-content h4,
.ct-neon-theme .events-content h5,
.ct-neon-theme .events-content h6 {
    color: #fff !important;
}

.ct-neon-theme .events-content a,
.ct-neon-theme .events-content a:visited {
    color: #dd90ff !important;
    text-decoration-color: rgba(221,144,255,.42) !important;
}

.ct-neon-theme .events-content a:hover {
    color: #ff6685 !important;
    text-decoration-color: currentColor !important;
}

.ct-neon-theme .events-content blockquote {
    color: #dcd2e5 !important;
    background: rgba(168,85,247,.075) !important;
    border-left-color: #c052ff !important;
}

.ct-neon-theme .events-content code {
    color: #f7eefe !important;
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .events-content pre,
.ct-neon-theme .events-content pre code {
    color: #f4eff8 !important;
    background: #09060f !important;
}

.ct-neon-theme .events-content table {
    color: #e8e0ef !important;
}

.ct-neon-theme .events-content th {
    color: #fff !important;
    background: rgba(168,85,247,.10) !important;
}

.ct-neon-theme .events-content th,
.ct-neon-theme .events-content td {
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .events-content tbody tr:nth-child(even) {
    background: rgba(255,255,255,.025) !important;
}

.ct-neon-theme .events-content hr {
    background: linear-gradient(90deg, #a855f7, #ff2e55) !important;
    opacity: .85;
}

/* ----------------------------
   Sidebar evento
   ---------------------------- */
.ct-neon-theme .events-sidebar-card {
    background: linear-gradient(145deg, rgba(18,10,29,.96), rgba(8,5,14,.96));
    border-color: rgba(205,139,255,.15);
    box-shadow: 0 16px 40px rgba(0,0,0,.28);
}

.ct-neon-theme .events-sidebar-action,
.ct-neon-theme .events-sidebar-action:visited {
    color: #eee8f5 !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.085) !important;
}

.ct-neon-theme .events-sidebar-action i {
    color: #c26cff !important;
}

.ct-neon-theme .events-sidebar-action:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(168,85,247,.12), rgba(255,46,85,.07)) !important;
}

.ct-neon-theme .events-sidebar-action:hover i {
    color: #ff5878 !important;
}

/* ----------------------------
   Modal mappa
   ---------------------------- */
.ct-neon-theme .events-map-modal-dialog {
    color: #eee8f5;
    background: #0c0813;
    border-color: rgba(205,139,255,.18);
    box-shadow: 0 28px 80px rgba(0,0,0,.58);
}

.ct-neon-theme .events-map-modal-header {
    border-bottom-color: rgba(255,255,255,.09);
}

.ct-neon-theme .events-map-modal-header h2 {
    color: #fff;
}

.ct-neon-theme .events-map-modal-header p,
.ct-neon-theme .events-map-modal-close {
    color: #b9aec5;
}

/* ----------------------------
   Responsive
   ---------------------------- */
@media (max-width: 680px) {
    .ct-neon-theme .events-article-body {
        max-width: calc(100% - 16px);
        padding: 28px 20px 38px;
    }

    .ct-neon-theme .events-sidebar-card {
        border-radius: 12px;
    }
}

/* ==========================================================
   CHATITALY NEON — CHANZINE CONTRAST FIX v2.4.3
   Fix completo per archivio Chanzine e lettura articolo.
   Mantiene Eventi separati e già gestiti dalle regole v2.4.2.
   ========================================================== */

/* ----------------------------
   Archivio Chanzine / categoria
   ---------------------------- */
.ct-neon-theme .chanzine-header:not(.events-header),
.ct-neon-theme .chanzine-card:not(.events-card),
.ct-neon-theme .chanzine-empty:not(.events-empty) {
    color: #f8f7ff !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(168,85,247,.14), transparent 32%),
        radial-gradient(circle at 100% 100%, rgba(255,39,84,.07), transparent 28%),
        linear-gradient(145deg, rgba(18,10,29,.97), rgba(8,5,14,.97)) !important;
    border-color: rgba(205,139,255,.17) !important;
    box-shadow:
        0 18px 46px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.ct-neon-theme .chanzine-header:not(.events-header) h1,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-title,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-title a {
    color: #ffffff !important;
}

.ct-neon-theme .chanzine-header:not(.events-header) p,
.ct-neon-theme .chanzine-header:not(.events-header) .chanzine-breadcrumb,
.ct-neon-theme .chanzine-header:not(.events-header) .chanzine-breadcrumb span,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-meta,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-excerpt,
.ct-neon-theme .chanzine-empty:not(.events-empty),
.ct-neon-theme .chanzine-empty:not(.events-empty) p {
    color: #b9aec5 !important;
}

.ct-neon-theme .chanzine-header:not(.events-header) .chanzine-breadcrumb a,
.ct-neon-theme .chanzine-header:not(.events-header) .chanzine-header-label,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-category,
.ct-neon-theme .chanzine-card:not(.events-card) .chanzine-card-category:visited {
    color: #d88cff !important;
}

.ct-neon-theme .chanzine-card:not(.events-card) {
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.ct-neon-theme .chanzine-card:not(.events-card):hover {
    transform: translateY(-3px);
    border-color: rgba(203,91,255,.40) !important;
    box-shadow:
        0 24px 58px rgba(0,0,0,.35),
        0 0 34px rgba(168,85,247,.09) !important;
}

.ct-neon-theme .chanzine-card:not(.events-card) .button,
.ct-neon-theme .chanzine-header:not(.events-header) .button {
    color: #fff !important;
    background: linear-gradient(118deg, #7c3aed, #bd20ff 52%, #ff2754) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 10px 26px rgba(130,46,255,.18) !important;
}

/* ----------------------------
   Ricerca Chanzine
   ---------------------------- */
.ct-neon-theme .chanzine-search {
    background: linear-gradient(145deg, rgba(18,10,29,.96), rgba(8,5,14,.96)) !important;
    border-color: rgba(205,139,255,.15) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.24) !important;
}

.ct-neon-theme .chanzine-search-field input {
    color: #f7f2fb !important;
    background: rgba(5,3,10,.86) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .chanzine-search-field input::placeholder {
    color: #9f92ad !important;
    opacity: 1;
}

.ct-neon-theme .chanzine-search-field input:focus {
    border-color: #c052ff !important;
    box-shadow: 0 0 0 3px rgba(168,85,247,.14), 0 0 24px rgba(168,85,247,.08) !important;
}

.ct-neon-theme .chanzine-search-field > i {
    color: #c475ff !important;
}

.ct-neon-theme .chanzine-search > button {
    color: #eee8f5 !important;
    background: rgba(255,255,255,.04) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .chanzine-search > button:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(168,85,247,.13), rgba(255,46,85,.08)) !important;
    border-color: rgba(201,102,255,.30) !important;
}

/* ----------------------------
   Lettura singolo articolo
   ---------------------------- */
.ct-neon-theme .chanzine-article:not(.events-article) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-cover {
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow:
        0 18px 50px rgba(0,0,0,.38),
        0 0 36px rgba(168,85,247,.08) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-body {
    color: #eee8f5 !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(168,85,247,.14), transparent 34%),
        radial-gradient(circle at 100% 12%, rgba(255,46,85,.08), transparent 26%),
        linear-gradient(155deg, rgba(18,10,29,.99), rgba(8,5,14,.99)) !important;
    border-color: rgba(210,150,255,.18) !important;
    box-shadow:
        0 26px 74px rgba(0,0,0,.44),
        0 0 42px rgba(168,85,247,.06),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-header {
    border-bottom-color: rgba(255,255,255,.095) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-meta,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-meta time {
    color: #b9aec5 !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-title-row h1 {
    color: #ffffff !important;
    text-shadow: 0 0 28px rgba(168,85,247,.13);
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-excerpt {
    color: #cfc4d9 !important;
    font-weight: 500;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-save-button {
    color: #f6effb !important;
    padding: 9px 12px;
    border: 1px solid rgba(205,139,255,.25) !important;
    border-radius: 10px;
    background: linear-gradient(100deg, rgba(124,58,237,.38), rgba(255,39,84,.25)) !important;
    box-shadow: 0 8px 22px rgba(124,58,237,.14);
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-save-button:hover {
    color: #fff !important;
    border-color: rgba(224,154,255,.42) !important;
    box-shadow: 0 10px 28px rgba(168,85,247,.20);
}

/* Corpo Markdown articolo */
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content {
    color: #e9e3f0 !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content p,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content li,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content td,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content figcaption,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content em,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content del {
    color: #d9d0e2 !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content strong,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content b,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h1,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h2,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h3,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h4,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h5,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content h6 {
    color: #ffffff !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content a,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content a:visited {
    color: #dc8dff !important;
    text-decoration-color: rgba(220,141,255,.44) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content a:hover {
    color: #ff6785 !important;
    text-decoration-color: currentColor !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content blockquote {
    color: #ded4e7 !important;
    background: linear-gradient(90deg, rgba(168,85,247,.09), rgba(255,46,85,.04)) !important;
    border-left-color: #c65cff !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content blockquote strong {
    color: #fff !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content code {
    color: #f7eefe !important;
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content pre,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content pre code {
    color: #f4eff8 !important;
    background: #09060f !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content table {
    color: #e8e0ef !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content th {
    color: #fff !important;
    background: rgba(168,85,247,.10) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content th,
.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content td {
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content tbody tr:nth-child(even) {
    background: rgba(255,255,255,.025) !important;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content hr {
    background: linear-gradient(90deg, #a855f7, #ff2e55) !important;
    opacity: .85;
}

.ct-neon-theme .chanzine-article:not(.events-article) .chanzine-content mark {
    color: #17081e !important;
    background: #f3b8ff !important;
}

/* ----------------------------
   Sidebar articolo / Discussione
   ---------------------------- */
.ct-neon-theme .chanzine-discussion {
    color: #eee8f5 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(168,85,247,.12), transparent 42%),
        linear-gradient(145deg, rgba(18,10,29,.97), rgba(8,5,14,.97)) !important;
    border-color: rgba(205,139,255,.17) !important;
    box-shadow: 0 16px 42px rgba(0,0,0,.28) !important;
}

.ct-neon-theme .chanzine-discussion-icon {
    color: #cf72ff !important;
    filter: drop-shadow(0 0 9px rgba(168,85,247,.24));
}

.ct-neon-theme .chanzine-discussion-copy h2 {
    color: #ffffff !important;
}

.ct-neon-theme .chanzine-discussion-copy p {
    color: #b9aec5 !important;
}

.ct-neon-theme .chanzine-discussion-link,
.ct-neon-theme .chanzine-discussion-link:visited {
    color: #dc8dff !important;
}

.ct-neon-theme .chanzine-discussion-link:hover {
    color: #ff6685 !important;
}

.ct-neon-theme .chanzine-sidebar-card:not(.events-sidebar-card) {
    color: #eee8f5 !important;
    background: linear-gradient(145deg, rgba(18,10,29,.96), rgba(8,5,14,.96)) !important;
    border-color: rgba(205,139,255,.15) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.28) !important;
}

.ct-neon-theme .chanzine-back-button,
.ct-neon-theme .chanzine-back-button:visited {
    color: #e6b4ff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: underline;
    text-decoration-color: rgba(230,180,255,.34);
    text-underline-offset: 4px;
}

.ct-neon-theme .chanzine-back-button:hover {
    color: #ff6b89 !important;
    text-decoration-color: currentColor;
}

/* Widget laterali dentro Chanzine */
.ct-neon-theme .chanzine-widget-area .mv-widget,
.ct-neon-theme .chanzine-article-widget-area .mv-widget {
    color: #eee8f5;
    background: linear-gradient(145deg, rgba(18,10,29,.96), rgba(8,5,14,.96));
    border-color: rgba(205,139,255,.15);
    box-shadow: 0 14px 38px rgba(0,0,0,.24);
}

.ct-neon-theme .chanzine-widget-area .mv-widget-title,
.ct-neon-theme .chanzine-article-widget-area .mv-widget-title {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,.09) !important;
}

.ct-neon-theme .chanzine-widget-area .mv-widget-content,
.ct-neon-theme .chanzine-article-widget-area .mv-widget-content {
    color: #bdb1c9 !important;
}

/* ----------------------------
   Responsive articolo
   ---------------------------- */
@media (max-width: 680px) {
    .ct-neon-theme .chanzine-article:not(.events-article) .chanzine-article-body {
        max-width: calc(100% - 16px);
        padding: 28px 20px 38px;
    }

    .ct-neon-theme .chanzine-discussion,
    .ct-neon-theme .chanzine-sidebar-card:not(.events-sidebar-card),
    .ct-neon-theme .chanzine-search {
        border-radius: 12px;
    }
}

/* ==========================================================
   CHATITALY NEON — EVENTS ALIGNMENT FIX v2.4.7
   Allinea perfettamente header Eventi e griglia/card sottostante.
   ========================================================== */

.ct-neon-theme .events-page-layout,
.ct-neon-theme .events-page-layout .events-main {
    min-width: 0;
}

.ct-neon-theme .events-page-layout .events-main,
.ct-neon-theme .events-page-layout .events-header,
.ct-neon-theme .events-page-layout .events-list {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ct-neon-theme .events-page-layout .events-list {
    justify-items: stretch !important;
    align-items: stretch !important;
}

.ct-neon-theme .events-page-layout .events-list > .events-card,
.ct-neon-theme .events-page-layout .events-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
}

.ct-neon-theme .events-page-layout .events-card-cover-link,
.ct-neon-theme .events-page-layout .events-card-cover {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Mobile: una sola colonna, stessa larghezza esatta dell'header */
@media (max-width: 680px) {
    .ct-neon-theme .events-page-layout,
    .ct-neon-theme .events-page-layout.has-widget-sidebar {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .ct-neon-theme .events-page-layout .events-main {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .ct-neon-theme .events-page-layout .events-header {
        width: 100% !important;
        margin: 0 0 16px !important;
    }

    .ct-neon-theme .events-page-layout .events-list,
    .ct-neon-theme .events-page-layout.has-widget-sidebar .events-list,
    .ct-neon-theme .events-page-layout.has-widget-sidebar .chanzine-list.events-list {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ct-neon-theme .events-page-layout .events-card {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 16px !important;
    }

    .ct-neon-theme .events-page-layout .events-card-cover-link {
        display: block !important;
        width: 100% !important;
    }

    .ct-neon-theme .events-page-layout .events-card-cover {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
    }
}