:root {
    --marsiya-bg: #0a0a0a;
    --marsiya-surface: #141414;
    --marsiya-surface-card: #1d1d1d;
    --marsiya-gold: #D4AF37;
    --marsiya-gold-hover: #F3E5AB;
    --marsiya-text-primary: #ffffff;
    --marsiya-text-secondary: #b3b3b3;
    --marsiya-border: #2c2c2c;
    --marsiya-radius: 12px;
    --marsiya-glow: rgba(212, 175, 55, 0.15);
}


/* Prevent main archive typography filters from targeting the locked hero assets */
html[data-theme="light"] .elementor-heading-title.marsiya-theme-lock {
    color: #ffffff !important;
}
/* ==========================================================================
   MARSIYA PLUGIN LIGHT MODE ADAPTATION MATRIX
   ========================================================================== */
html[data-theme="light"] .marsiya-archive-container,
html[data-theme="light"] .marsiya-card,
html[data-theme="light"] .marsiya-sidebar-wrapper,
html[data-theme="light"] .marsiya-details-sidebar {
    background-color: var(--site-bg-surface) !important;
    border-color: var(--site-border-element) !important;
}
html[data-theme="light"] .marsiya-archive-container {
    background: transparent ! IMPORTANT;
}
/* Smooth Input adjustments for Filter Controls and Search Engine Bars */
html[data-theme="light"] .marsiya-filters-bar select,
html[data-theme="light"] .marsiya-search-input {
    background-color: var(--site-bg-main) !important;
    color: var(--site-txt-primary) !important;
    border-color: var(--site-border-element) !important;
}

html[data-theme="light"] .marsiya-card:hover {
    box-shadow: 0 8px 25px rgba(170, 128, 16, 0.15) !important;
    border-color: var(--site-accent) !important;
}

/* Ensure archive system handles the isolated lock utility cleanly */
html[data-theme="light"] h1.marsiya-theme-lock,
html[data-theme="light"] .elementor-heading-title.marsiya-theme-lock {
    color: #ffffff !important;
}
/* Meta Data Divider/Icon Colors in Light Mode */
html[data-theme="light"] .marsiya-meta-item i,
html[data-theme="light"] .marsiya-meta-label {
    color: var(--site-accent) !important;
}

/* ==========================================================================
   MARSIYA ARCHIVE - LIGHT MODE BUG FIXES (HIGH SPECIFICITY)
   ========================================================================== */

/* Fix: Make Archive Card Titles and Link Texts high contrast dark */
html[data-theme="light"] .marsiya-card h3,
html[data-theme="light"] .marsiya-card h3 a,
html[data-theme="light"] .marsiya-card .entry-title,
html[data-theme="light"] .marsiya-card-title,
html[data-theme="light"] .marsiya-grid .marsiya-card a {
    color: #1a1a1a !important;
}

/* Fix: Archive Card Meta Labels and Values visibility */
html[data-theme="light"] .marsiya-card .marsiya-meta-item,
html[data-theme="light"] .marsiya-card span,
html[data-theme="light"] .marsiya-card p,
html[data-theme="light"] .marsiya-card td,
html[data-theme="light"] .marsiya-meta-value {
    color: #4a4a4a !important;
}

/* Fix: Highlight labels on archive cards cleanly */
html[data-theme="light"] .marsiya-card .marsiya-meta-label,
html[data-theme="light"] .marsiya-card strong {
    color: #aa8010 !important; /* Gold accent for light mode headings */
}

/* ==========================================================================
   SINGLE POST DETAILS SYSTEM - LIGHT MODE OVERHAUL
   ========================================================================== */
/* ==========================================================================
   SINGLE POST CONTENT MATRIX - COMPLETE LIGHT MODE INVERSION
   ========================================================================== */

/* Target the core grid wrapper and sidebars injected into the content stream */
html[data-theme="light"] .marsiya-single-wrapper,
html[data-theme="light"] .marsiya-single-container,
html[data-theme="light"] .marsiya-content-left,
html[data-theme="light"] .marsiya-sidebar-right,
html[data-theme="light"] .marsiya-meta-grid,
html[data-theme="light"] .marsiya-details-block,
html[data-theme="light"] .marsiya-recent-sidebar,
html[data-theme="light"] aside[class*="marsiya"],
html[data-theme="light"] div[class*="marsiya-single"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* Force the Meta Info block beneath the video player to turn light */
html[data-theme="light"] .marsiya-meta-grid,
html[data-theme="light"] .marsiya-details-block,
html[data-theme="light"] div[style*="background"], 
html[data-theme="light"] section[style*="background"] {
    /* Intercepts any inline dark backgrounds dynamically generated by columns */
    background-color: #ffffff !important;
}

/* Fix: Make all meta block value texts high-contrast dark dark gray */
html[data-theme="light"] .marsiya-meta-grid .meta-value,
html[data-theme="light"] .marsiya-details-block .value,
html[data-theme="light"] .marsiya-meta-grid span,
html[data-theme="light"] .marsiya-meta-grid div,
html[data-theme="light"] .marsiya-single-wrapper p,
html[data-theme="light"] .marsiya-single-wrapper span {
    color: #1a1a1a !important;
}

/* Fix: Transform the labels (NARRATOR, POET, etc.) to clear deep gold */
html[data-theme="light"] .marsiya-meta-grid .meta-label,
html[data-theme="light"] .marsiya-details-block .label,
html[data-theme="light"] .marsiya-meta-grid strong,
html[data-theme="light"] .marsiya-meta-grid label {
    color: #aa8010 !important;
}

/* ==========================================================================
   RIGHT SIDEBAR - RECENT RECITATIONS LIGHT MODE CORRECTION
   ========================================================================== */
html[data-theme="light"] .marsiya-sidebar-right h3,
html[data-theme="light"] .marsiya-recent-sidebar h2,
html[data-theme="light"] .marsiya-sidebar-right .widget-title,
html[data-theme="light"] div[class*="sidebar"] h3 {
    color: #1a1a1a !important;
    border-bottom: 2px solid #aa8010 !important;
}

/* Sidebar individual listing items text settings */
html[data-theme="light"] .marsiya-sidebar-item a,
html[data-theme="light"] .marsiya-recent-post-title,
html[data-theme="light"] .marsiya-sidebar-right li a {
    color: #1a1a1a !important;
}

html[data-theme="light"] .marsiya-sidebar-item .meta-author,
html[data-theme="light"] .marsiya-sidebar-right .post-date {
    color: #64748b !important;
}
/* Fix: Transform the single view details block into a premium light surface card */
html[data-theme="light"] .marsiya-details-sidebar,
html[data-theme="light"] .marsiya-meta-box-container,
html[data-theme="light"] .marsiya-video-details-wrapper,
html[data-theme="light"] div[class*="marsiya-details"] {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Fix: Single page details labels */
html[data-theme="light"] .marsiya-details-sidebar .meta-label,
html[data-theme="light"] .marsiya-video-details-wrapper .meta-label,
html[data-theme="light"] div[class*="marsiya-details"] .label,
html[data-theme="light"] div[class*="marsiya-details"] strong,
html[data-theme="light"] .NARRATOR, html[data-theme="light"] .POET, 
html[data-theme="light"] .SUBJECT, html[data-theme="light"] .PLACE, 
html[data-theme="light"] .DATE, html[data-theme="light"] .DURATION {
    color: #aa8010 !important; /* Elegant gold structure labels */
}

/* Fix: Single page details text values */
html[data-theme="light"] .marsiya-details-sidebar .meta-value,
html[data-theme="light"] .marsiya-video-details-wrapper .meta-value,
html[data-theme="light"] div[class*="marsiya-details"] .value,
html[data-theme="light"] div[class*="marsiya-details"] span {
    color: #1a1a1a !important; /* Solid high-contrast text typography */
}
/* ==========================================================================
   FORCE INNER SINGLE-POST META BLOCK INVERSION (MAX SPECIFICITY)
   ========================================================================== */
html[data-theme="light"] .marsiya-single-wrapper .marsiya-meta-block,
html[data-theme="light"] .marsiya-single-container .marsiya-meta-grid,
html[data-theme="light"] .marsiya-meta-block,
html[data-theme="light"] [class*="marsiya-meta-block"],
html[data-theme="light"] div.marsiya-meta-block {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Force child text wrappers inside the meta block to render dark gray */
html[data-theme="light"] .marsiya-meta-block span,
html[data-theme="light"] .marsiya-meta-block div,
html[data-theme="light"] .marsiya-meta-block .meta-value,
html[data-theme="light"] .marsiya-meta-block p {
    color: #1a1a1a !important;
}

/* Ensure data category labels (NARRATOR, POET, etc.) display in clean gold */
html[data-theme="light"] .marsiya-meta-block strong,
html[data-theme="light"] .marsiya-meta-block label,
html[data-theme="light"] .marsiya-meta-block .meta-label {
    color: #aa8010 !important;
}

/* ==========================================================================
   MARSIYA SEARCH & FILTERS - PREMIUM LIGHT MODE CONTROLS
   ========================================================================== */

/* Force container wrapper grids and filter bars to turn bright and spacious */
html[data-theme="light"] .marsiya-search-header-wrapper,
html[data-theme="light"] .marsiya-filters-bar,
html[data-theme="light"] form.marsiya-filters {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Transform the Text Input Search Bar and Dropdown Filters to clear white backgrounds */
html[data-theme="light"] .marsiya-search-input,
html[data-theme="light"] .marsiya-filters-bar select,
html[data-theme="light"] .marsiya-filters select,
html[data-theme="light"] select[name="poet_filter"],
html[data-theme="light"] select[name="subject_filter"],
html[data-theme="light"] select[name="sort_filter"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #1a1a1a !important; /* Sharp high-contrast dark text */
    border: 1px solid #cbd5e1 !important; /* Smooth gray border profile */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    font-weight: 500 !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Fix Input Text Placeholders to be clearly visible mid-gray instead of hidden white */
html[data-theme="light"] .marsiya-search-input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
html[data-theme="light"] .marsiya-search-input:-ms-input-placeholder {
    color: #64748b !important;
}
html[data-theme="light"] .marsiya-search-input::-ms-input-placeholder {
    color: #64748b !important;
}

/* Premium Hover/Focus State Transitions for the search and filter controls */
html[data-theme="light"] .marsiya-search-input:focus,
html[data-theme="light"] .marsiya-filters-bar select:focus,
html[data-theme="light"] .marsiya-filters select:focus {
    border-color: #aa8010 !important; /* Premium light gold accent lock */
    box-shadow: 0 0 0 3px rgba(170, 128, 16, 0.12) !important;
    outline: none !important;
}

/* Custom Gold Dropdown Indicator arrow replacement for Light Mode context */
html[data-theme="light"] .marsiya-filters-bar select,
html[data-theme="light"] .marsiya-filters select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23aa8010' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}




/* Force Dark Core Base Across the Entire Page View Content Streams */
body, 
.site-content,
.marsiya-native-archive-wrapper,
.marsiya-single-post-wrapper {
    background-color: var(--marsiya-bg) !important;
    color: var(--marsiya-text-primary) !important;
}

/* Typography Overrides */
.entry-title, 
.archive-title, 
.marsiya-card-title a {
    font-family: 'Cinzel', 'Playfair Display', 'Georgia', serif !important;
    letter-spacing: 0.5px;
}

/* Premium Wrapper Architecture */
.marsiya-single-post-wrapper,
.marsiya-native-archive-wrapper {
    background: var(--marsiya-bg) !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
}

.marsiya-custom-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
}

/* Elegant Metadata Summary Panel (Single Posts) */
.marsiya-meta-block {
    background: var(--marsiya-surface) !important;
    border: 1px solid var(--marsiya-border) !important;
    border-left: 4px solid var(--marsiya-gold) !important;
    padding: 30px !important;
    border-radius: var(--marsiya-radius) !important;
    margin: 40px 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 20px !important;
}

.marsiya-meta-block p {
    margin: 0 !important;
    color: var(--marsiya-text-secondary) !important;
    font-size: 0.95rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 10px;
}

.marsiya-meta-block strong {
    color: var(--marsiya-gold) !important;
    display: block !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
}

/* Master Grid Layout Settings */
.marsiya-archive-grid {
    display: grid !important;
    gap: 30px !important;
    margin-top: 40px !important;
}

.marsiya-archive-grid.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.marsiya-archive-grid.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

/* Premium Card Design Framework */
.marsiya-card {
    background: var(--marsiya-surface-card) !important;
    border: 1px solid var(--marsiya-border) !important;
    border-radius: var(--marsiya-radius) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.marsiya-card:hover {
    transform: translateY(-8px) !important;
    border-color: var(--marsiya-gold) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px var(--marsiya-glow) !important;
}

.marsiya-card-image {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio Lock */
    background: #000;
}

.marsiya-card-image img {
    position: absolute;
    top: 0; left: 0; width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}

.marsiya-card:hover .marsiya-card-image img {
    transform: scale(1.08) !important;
}

.marsiya-card-content {
    padding: 25px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
        background: linear-gradient(to bottom, transparent, rgb(222 222 222 / 29%)) !important;
}

.marsiya-card-title {
    margin: 0 0 15px 0 !important;
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

.marsiya-card-title a {
    color: var(--marsiya-text-primary) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.marsiya-card-title a:hover {
    color: var(--marsiya-gold) !important;
}

/* Card Metas */
.marsiya-meta-item {
    font-size: 0.85rem !important;
    color: var(--marsiya-text-secondary) !important;
    margin-bottom: 8px !important;
    display: flex !important;
    justify-content: space-between !important;
border-bottom: 1px solid rgb(145 143 143 / 24%) !important;
padding-bottom: 4px !important;
}

.marsiya-meta-item span {
    color: var(--marsiya-gold) !important;
    font-weight: 500 !important;
}

/* Premium Solid Gold Button Elements */
.marsiya-card-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
    background: linear-gradient(135deg, var(--marsiya-gold) 0%, #b8860b 100%) !important;
    color: #fff !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: 0.8rem !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(214, 175, 55, 0.2) !important;
}

.marsiya-card-btn:hover {
    background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%) !important;
    color: #000000 !important;
    box-shadow: 0 6px 15px rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-1px);
}

/* Input Fields styling updates */
.marsiya-search-wrapper input,
.marsiya-filter-wrapper select {
    background: var(--marsiya-surface) !important;
    color: var(--marsiya-text-primary) !important;
    border: 1px solid var(--marsiya-border) !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.marsiya-search-wrapper input:focus,
.marsiya-filter-wrapper select:focus {
    border-color: var(--marsiya-gold) !important;
    outline: none !important;
    box-shadow: 0 0 10px var(--marsiya-glow) !important;
}

/* Responsive Structural Breakpoints */
@media (max-width: 1024px) {
    .marsiya-archive-grid.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767px) {
    .marsiya-archive-grid.columns-3,
    .marsiya-archive-grid.columns-2 { grid-template-columns: 1fr !important; }
    .marsiya-meta-block { grid-template-columns: 1fr !important; }
}

/* Core Structural Patch for Elementor Columns & Stacking Layouts */
.marsiya-archive-container,
.elementor-widget-container .marsiya-archive-container {
    background-color: #0a0a0a !important;
    border-radius: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Master Grid Layout Settings - Resilience Overhaul */
.marsiya-archive-grid,
.elementor-widget-container .marsiya-archive-grid {
    display: grid !important;
    gap: 30px !important;
    margin-top: 35px !important;
    width: 100% !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Enforce column placement overrides across themes */
.marsiya-archive-grid.columns-3,
.elementor-widget-container .marsiya-archive-grid.columns-3 { 
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 
}

.marsiya-archive-grid.columns-2,
.elementor-widget-container .marsiya-archive-grid.columns-2 { 
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
}

/* Premium Card Framework Patch */
.marsiya-card,
.elementor-widget-container .marsiya-card {
    background: #1d1d1d !important;
    border: 1px solid #2c2c2c !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.marsiya-card-image {
    width: 100% !important;
    position: relative !important;
    padding-top: 56.25% !important; /* Forces 16:9 widescreen layout */
    background: #000000 !important;
}

.marsiya-card-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.marsiya-card-content {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Link Resets */
.marsiya-card-title a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* Tablet & Mobile Grid Adaptation Rules */
@media (max-width: 1024px) {
    .marsiya-archive-grid.columns-3,
    .elementor-widget-container .marsiya-archive-grid.columns-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .marsiya-archive-grid.columns-3,
    .marsiya-archive-grid.columns-2,
    .elementor-widget-container .marsiya-archive-grid.columns-3,
    .elementor-widget-container .marsiya-archive-grid.columns-2 {
        grid-template-columns: 1fr !important;
    }
}


/* Premium Horizontal Filtering & Search Dashboard Header */
.marsiya-search-wrapper {
    margin-bottom: 25px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.marsiya-search-wrapper input {
    width: 100% !important;
    background: #141414 !important;
    color: #ffffff !important;
    border: 1px solid #2c2c2c !important;
    padding: 16px 22px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.marsiya-search-wrapper input:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important;
    outline: none !important;
}

/* Force Horizontal Row Layout on Desktop */
.marsiya-filter-wrapper,
.elementor-widget-container .marsiya-filter-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin: 0 0 35px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.marsiya-filter-wrapper select,
.elementor-widget-container .marsiya-filter-wrapper select {
    width: 100% !important;
    background: #141414 !important;
    color: #ffffff !important;
    border: 1px solid #2c2c2c !important;
    padding: 14px 20px !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    appearance: none !important; /* Strips default native browser layout arrows */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23D4AF37'><polygon points='0,2 12,2 6,9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    transition: all 0.3s ease !important;
}

.marsiya-filter-wrapper select:focus,
.elementor-widget-container .marsiya-filter-wrapper select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.2) !important;
    outline: none !important;
}

/* Seamless Adaptation for Tablets and Mobile Screens */
@media (max-width: 991px) {
    .marsiya-filter-wrapper,
    .elementor-widget-container .marsiya-filter-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
    }
}

@media (max-width: 767px) {
    .marsiya-filter-wrapper,
    .elementor-widget-container .marsiya-filter-wrapper {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* Smooth loading transition indicator for AJAX updates */
.marsiya-results-wrapper {
    transition: opacity 0.25s ease-in-out !important;
    width: 100% !important;
    display: block !important;
}

/* Premium Archive Redirect Action Button */
.marsiya-view-all-btn {
    display: inline-block !important;
    padding: 14px 36px !important;
    background-color: var(--marsiya-primary, #D4AF37) !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

.marsiya-view-all-btn:hover {
    background-color: #AA7C11 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
}

/* Light Mode inversion mapping adjustments */
html[data-theme="light"] .marsiya-view-all-btn {
    color: #ffffff !important;
}
html[data-theme="light"] .marsiya-view-all-btn:hover {
    color: #ffffff !important;
}