/* Home page background styling - abu-abu gelap */
body.home-page {
    background-color: var(--darker-bg) !important;
}

/* Ensure container background matches */
body.home-page .container {
    background-color: transparent;
}

/* Card styling for home page - white cards */
body.home-page .deal-card,
body.home-page .freebie-card {
    border: 1px solid var(--border-color);
    border-radius: 0.75rem !important;
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    /* Increased shadow for better visibility */
}

/* Global Card Spacing - Absolute reset for Home Page Wrappers */
body.home-page .item-card-wrapper {
    margin-bottom: 0 !important;
}

body.home-page [class*="col-"].mb-1,
body.home-page [class*="col-"].mb-2,
body.home-page [class*="col-"].mb-md-1,
body.home-page [class*="col-"].mb-md-2 {
    margin-bottom: 0 !important;
}

/* Target both deal and freebie cards for consistent 4px gap */
body.home-page .deal-card,
body.home-page .freebie-card {
    margin-bottom: 4px !important;
}

/* Card content styling for white cards */
body.home-page .deal-card .card-body,
body.home-page .freebie-card .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

body.home-page .deal-card .text-muted,
body.home-page .freebie-card .text-muted {
    color: #6c757d !important;
}

body.home-page .deal-card .text-success,
body.home-page .freebie-card .text-success {
    color: #28a745 !important;
}

/* Voting container styling for white cards */
body.home-page .voting-container {
    background-color: var(--card-bg) !important;
}

/* Fix for Bootstrap row/col overriding border radius */
body.home-page .deal-card .row,
body.home-page .freebie-card .row {
    border-radius: 0.75rem !important;
    overflow: hidden;
}

/* Override expired styling for home page - consistent with deals page */
body.home-page .deal-card.expired,
body.home-page .freebie-card.expired {
    background-color: var(--card-bg) !important;
    opacity: 1 !important;
    /* Keep cards clear and white */
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Remove the overlay pseudo-element for home page */
body.home-page .deal-card.expired::before,
body.home-page .freebie-card.expired::before {
    display: none !important;
}

/* Keep expired text styling but maintain white background */
body.home-page .deal-card.expired .card-body,
body.home-page .freebie-card.expired .card-body {
    background-color: var(--card-bg) !important;
}

/* Dark theme support for home page */
[data-theme="dark"] body.home-page {
    background-color: var(--darker-bg) !important;
}

[data-theme="dark"] body.home-page .deal-card,
[data-theme="dark"] body.home-page .freebie-card {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

[data-theme="dark"] body.home-page .deal-card .card-body,
[data-theme="dark"] body.home-page .freebie-card .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] body.home-page .deal-card .text-muted,
[data-theme="dark"] body.home-page .freebie-card .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="dark"] body.home-page .voting-container {
    background-color: var(--hover-bg) !important;
}

[data-theme="dark"] body.home-page .deal-card.expired,
[data-theme="dark"] body.home-page .freebie-card.expired {
    background-color: var(--card-bg) !important;
    opacity: 0.75 !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] body.home-page .deal-card::before,
[data-theme="dark"] body.home-page .freebie-card::before {
    display: none !important;
}

[data-theme="light"] body.home-page {
    background-color: var(--darker-bg) !important;
}

[data-theme="light"] body.home-page .deal-card,
[data-theme="light"] body.home-page .freebie-card {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

[data-theme="light"] body.home-page .deal-card .card-body,
[data-theme="light"] body.home-page .freebie-card .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] body.home-page .deal-card .text-muted,
[data-theme="light"] body.home-page .freebie-card .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="light"] body.home-page .voting-container {
    background-color: var(--hover-bg) !important;
}

[data-theme="light"] body.home-page .deal-card.expired,
[data-theme="light"] body.home-page .freebie-card.expired {
    background-color: var(--card-bg) !important;
    opacity: 1 !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="light"] body.home-page .deal-card::before,
[data-theme="light"] body.home-page .freebie-card::before {
    display: none !important;
}

/* Auto theme support */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] body.home-page {
        background-color: var(--darker-bg) !important;
    }

    [data-theme="auto"] body.home-page .deal-card,
    [data-theme="auto"] body.home-page .freebie-card {
        background-color: var(--card-bg) !important;
        color: var(--text-primary) !important;
        border-color: var(--border-color) !important;
        border-radius: 0.75rem !important;
        overflow: hidden !important;
    }

    [data-theme="auto"] body.home-page .deal-card .card-body,
    [data-theme="auto"] body.home-page .freebie-card .card-body {
        background-color: var(--card-bg) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="auto"] body.home-page .deal-card .text-muted,
    [data-theme="auto"] body.home-page .freebie-card .text-muted {
        color: var(--text-muted) !important;
    }

    [data-theme="auto"] body.home-page .voting-container {
        background-color: var(--hover-bg) !important;
    }

    [data-theme="auto"] body.home-page .deal-card.expired,
    [data-theme="auto"] body.home-page .freebie-card.expired {
        background-color: var(--card-bg) !important;
        opacity: 0.7 !important;
        border: 1px solid var(--border-color) !important;
    }

    [data-theme="auto"] body.home-page .deal-card::before,
    [data-theme="auto"] body.home-page .freebie-card::before {
        display: none !important;
    }
}

@media (prefers-color-scheme: light) {
    [data-theme="auto"] body.home-page {
        background-color: var(--darker-bg) !important;
    }

    [data-theme="auto"] body.home-page .deal-card,
    [data-theme="auto"] body.home-page .freebie-card {
        background-color: var(--card-bg) !important;
        color: var(--text-primary) !important;
        border-color: var(--border-color) !important;
        border-radius: 0.75rem !important;
        overflow: hidden !important;
    }

    [data-theme="auto"] body.home-page .deal-card .card-body,
    [data-theme="auto"] body.home-page .freebie-card .card-body {
        background-color: var(--card-bg) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="auto"] body.home-page .deal-card .text-muted,
    [data-theme="auto"] body.home-page .freebie-card .text-muted {
        color: var(--text-muted) !important;
    }

    [data-theme="auto"] body.home-page .voting-container {
        background-color: var(--hover-bg) !important;
    }

    [data-theme="auto"] body.home-page .deal-card.expired,
    [data-theme="auto"] body.home-page .freebie-card.expired {
        background-color: var(--card-bg) !important;
        opacity: 1 !important;
        border: 1px solid var(--border-color) !important;
    }

    [data-theme="auto"] body.home-page .deal-card::before,
    [data-theme="auto"] body.home-page .freebie-card::before {
        display: none !important;
    }
}

.promotional-banner {
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c42 100%);
    color: white;
    padding: 2rem 0;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}


.banner-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.banner-text .banner-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: white;
}

.banner-text .banner-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 0;
    color: white;
}

.banner-badge {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.banner-badge .badge-text {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.banner-badge .badge-subtitle {
    display: block;
    font-size: 0.9rem;
    opacity: 0.9;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .promotional-banner {
        padding: 1.5rem 0;
    }

    .banner-content {
        flex-direction: column;
        text-align: center;
    }

    .banner-text .banner-title {
        font-size: 1.5rem;
    }

    .banner-text .banner-subtitle {
        font-size: 1rem;
    }

    .banner-badge {
        width: 100%;
    }
}

/* Modal Animation - Smooth from Top (matching login modal) */
.share-modal.fade .share-modal-content {
    transform: translateY(-50px);
    transition: transform 0.3s ease-out;
}

.share-modal.show .share-modal-content {
    transform: translateY(0);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Share modal styles - Prevent background fade */
.share-modal {
    display: none;
    position: fixed;
    z-index: 1060;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* Remove background color to prevent fade effect */
    align-items: center;
    justify-content: center;
}

.share-modal.show {
    display: flex;
    /* Changed from block to flex for centering */
}

.share-modal-content {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin: 0 auto;
    /* Removed top margin */
    padding: 0;
    border-radius: 1rem;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    max-height: 90vh;
    /* Ensure it fits on screen */
    overflow-y: auto;
    /* Allow scrolling within modal if too tall */
}

/* Expired Badge Responsive Positioning */
.expired-badge-container {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.5rem;
    z-index: 10;
}

/* Mobile: Position badge inline with voting */
@media (max-width: 767.98px) {
    .expired-badge-container {
        position: static !important;
        margin: 0 0 0.5rem 0.5rem !important;
        display: inline-block;
    }

    /* Make voting section flex to accommodate badge */
    .deal-card .card-body>.d-flex:first-of-type {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .expired-badge {
        white-space: nowrap;
    }
}

/* Pulse animation for expiring soon badge */
@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

/* Expired voting container - disabled state */
.voting-container.expired-voting {
    opacity: 0.5;
}

.voting-container.expired-voting .vote-button-down,
.voting-container.expired-voting .vote-button-up {
    cursor: not-allowed !important;
    pointer-events: none;
}

.voting-container.expired-voting .vote-button-down:hover,
.voting-container.expired-voting .vote-button-up:hover {
    background-color: transparent !important;
    transform: none !important;
}

/* Disabled vote buttons */
.vote-button-down.disabled,
.vote-button-up.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.vote-button-down.disabled:hover,
.vote-button-up.disabled:hover {
    background-color: transparent !important;
    transform: none !important;
}

/* Deal and Freebie Thumbnail Styles */
.deal-thumbnail,
.freebie-thumbnail {
    max-width: 90%;
    height: auto;
    object-fit: contain;
    border-radius: 1rem;
    margin: 0 auto;
    display: block;
    padding: 0.5rem;
    background: #ffffff;
    /* Explicit white background for thumbnails */
    transition: all 0.3s ease;
}

/* Placeholder thumbnail for items without images */
.deal-thumbnail.bg-light,
.freebie-thumbnail.bg-light {
    width: 100px;
    height: 100px;
    max-width: 100px;
}

/* ============================================
       MOBILE CARD LAYOUT - HotUKDeals Style
       ============================================ */
@media (max-width: 767.98px) {

    /* Card container - horizontal layout */
    .deal-card .row.g-0,
    .freebie-card .row.g-0 {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    /* Hide desktop voting section on mobile */
    .deal-card .desktop-vote-section,
    .freebie-card .desktop-vote-section {
        display: none !important;
    }

    /* Show mobile voting section only on mobile */
    .deal-card .mobile-vote-section,
    .freebie-card .mobile-vote-section {
        display: flex !important;
        margin-bottom: 8px !important;
    }

    /* Show mobile actions below image only on mobile */
    .deal-card .mobile-actions-below-image,
    .freebie-card .mobile-actions-below-image {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 12px !important;
        margin-top: 10px !important;
    }

    .deal-card .mobile-actions-below-image .mobile-left-actions {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    /* Make comment and share links inline and aligned */
    .deal-card .mobile-actions-below-image a,
    .freebie-card .mobile-actions-below-image a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    .deal-card .mobile-actions-below-image a i,
    .freebie-card .mobile-actions-below-image a i {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 0.85rem !important;
    }

    .deal-card .mobile-actions-below-image a span,
    .freebie-card .mobile-actions-below-image a span {
        display: inline-flex !important;
        align-items: center !important;
        line-height: 1 !important;
        font-size: 0.7rem !important;
    }

    /* Target the left action group (comments/share) to move it right */
    .deal-card .mobile-actions-below-image>div:first-child,
    .freebie-card .mobile-actions-below-image>div:first-child {
        margin-left: 8px !important;
    }



    /* Voting section - horizontal */
    .deal-card .voting-container,
    .freebie-card .voting-container {
        flex-direction: row;
        padding: 3px 6px;
        gap: 5px;
        background-color: var(--card-bg);
        border: 1px solid var(--border-color);
        border-radius: 18px;
    }

    .deal-card .vote-button-down,
    .deal-card .vote-button-up,
    .freebie-card .vote-button-down,
    .freebie-card .vote-button-up {
        width: 28px;
        height: 28px;
        margin: 0;
    }

    .deal-card .vote-score,
    .freebie-card .vote-score {
        font-size: 0.85rem;
        min-width: 18px;
    }

    /* Reduce spacing for mobile card actions - updated to col-md-3 */
    .deal-card .col-12.col-md-3,
    .deal-card .mobile-left-column,
    .freebie-card .col-12.col-md-3,
    .freebie-card .mobile-left-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 8px 12px 4px 12px !important;
        /* Reduced bottom padding */
    }

    /* Pull actions closer to bottom - adjusted to 10px */
    .deal-card .mobile-actions-below-image,
    .freebie-card .mobile-actions-below-image {
        margin-top: 10px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Duplicated code removed for cleanup */

    /* Image column - for mobile, full width for the left section - updated to col-md-3 */
    .deal-card .col-12.col-md-3,
    .deal-card .mobile-left-column,
    .freebie-card .col-12.col-md-3,
    .freebie-card .mobile-left-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 8px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    /* Mobile content row - thumbnail + title side by side */
    .deal-card .mobile-content-row,
    .freebie-card .mobile-content-row {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 0 !important;
        gap: 0 !important;
        margin-top: 0 !important;
    }

    .deal-card .mobile-thumbnail-wrapper,
    .freebie-card .mobile-thumbnail-wrapper {
        flex: 0 0 100px;
        max-width: 100px;
    }

    .deal-card .mobile-thumbnail-wrapper .deal-thumbnail,
    .freebie-card .mobile-thumbnail-wrapper .freebie-thumbnail {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        object-fit: contain;
        border-radius: 8px;
        padding: 4px;
        margin: 0 !important;
    }

    .deal-card .mobile-title-price-section,
    .freebie-card .mobile-title-price-section {
        flex: 1;
        min-width: 0;
    }

    .deal-card .mobile-title-price-section .deal-title,
    .freebie-card .mobile-title-price-section .freebie-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Hide desktop content column on mobile - updated to col-md-9 */
    .deal-card .col-12.col-md-9,
    .freebie-card .col-12.col-md-9 {
        display: none !important;
    }

    /* Thumbnail - small square */
    .deal-card .deal-thumbnail,
    .freebie-card .freebie-thumbnail {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        object-fit: contain;
        border-radius: 8px;
        padding: 0;
        margin: 0 !important;
    }

    .deal-card .deal-thumbnail.bg-light,
    .freebie-card .freebie-thumbnail.bg-light {
        width: 100px !important;
        height: 95px !important;
        max-width: 95px !important;
    }

    /* Content column - takes remaining space - updated to col-md-9 */
    .deal-card .col-12.col-md-9,
    .freebie-card .col-12.col-md-9 {
        flex: 1 !important;
        max-width: none !important;
    }

    /* Card body - compact padding - Identical for both types */
    body.home-page .deal-card .card-body,
    body.home-page .freebie-card .card-body {
        padding: 8px 12px 8px 0 !important;
    }

    /* Card wrapper spacing reduction - generic selector to match stripped HTML */
    body.home-page .item-card-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Title - compact, 2 lines max */
    .deal-card .deal-title,
    .freebie-card .freebie-title {
        font-size: 0.95rem !important;
        line-height: 1.3;
        margin-bottom: 2px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Price section - compact */
    .deal-card .deal-price-section,
    .freebie-card .freebie-price-section {
        font-size: 0.8rem !important;
        gap: 6px !important;
        flex-wrap: wrap;
        margin-bottom: 4px !important;
    }

    .deal-card .deal-price-section .fw-semibold,
    .freebie-card .freebie-price-section .fw-semibold {
        font-size: 1.1rem !important;
    }

    /* Hide description on mobile */
    .deal-card .deal-description,
    .freebie-card .freebie-description {
        display: none !important;
    }

    /* Hide separator lines on mobile */
    .deal-card .deal-price-section>span[style*="width: 1px"],
    .freebie-card .freebie-price-section>span[style*="width: 1px"] {
        display: none !important;
    }

    /* Expired badge on mobile - hide the absolute positioned one */
    .deal-card .expired-badge-container,
    .freebie-card .expired-badge-container {
        display: none !important;
    }

    .deal-card .expired-badge-container .badge,
    .freebie-card .expired-badge-container .badge {
        font-size: 0.65rem !important;
        padding: 3px 6px !important;
    }

    /* Expired badge mobile - compact */
    .expired-badge-mobile {
        margin-left: auto;
    }

    .expired-badge-mobile .badge {
        font-size: 0.65rem !important;
        padding: 3px 6px;
    }

    /* Actions row - positioned at bottom right */
    .deal-card .deal-actions,
    .freebie-card .deal-actions {
        margin-top: auto !important;
        padding-top: 8px !important;
        gap: 0 !important;
        font-size: 0.8rem;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* Hide comment and share from bottom actions on mobile (they're in left column) */
    .deal-card .deal-actions .comment-link,
    .deal-card .deal-actions .share-link,
    .freebie-card .deal-actions .comment-link,
    .freebie-card .deal-actions .share-link {
        display: none !important;
    }

    /* Hide the wrapper div for comment/share on mobile */
    .deal-card .deal-actions>div:first-child,
    .freebie-card .deal-actions>div:first-child {
        display: none !important;
    }

    /* Get Deal button - positioned on the right, smaller on mobile */
    .deal-card .btn-get-deal,
    .freebie-card .btn-get-deal {
        padding: 5px 14px !important;
        font-size: 0.75rem !important;
        border-radius: 20px;
        margin-left: auto !important;
        background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
        border: none;
        color: #333;
        font-weight: 600;
        box-shadow: 0 2px 6px rgba(255, 215, 0, 0.3);
    }
}

/* Desktop: Hide mobile-specific elements */
@media (min-width: 768px) {

    .deal-card .mobile-vote-section,
    .freebie-card .mobile-vote-section,
    .deal-card .mobile-actions-below-image,
    .freebie-card .mobile-actions-below-image,
    .deal-card .mobile-content-row,
    .freebie-card .mobile-content-row,
    .deal-card .mobile-expired-inline,
    .freebie-card .mobile-expired-inline {
        display: none !important;
    }

    .deal-card .desktop-vote-section,
    .freebie-card .desktop-vote-section {
        display: flex !important;
    }

    .deal-card .col-md-9,
    .freebie-card .col-md-9 {
        display: block !important;
    }

    .deal-card .col-md-3,
    .deal-card .mobile-left-column,
    .freebie-card .col-12.col-md-3 {
        flex: 0 0 auto !important;
        max-width: none !important;
        padding: 8px !important;
    }

    /* Reset desktop thumbnail margin */
    .deal-card .deal-thumbnail,
    .freebie-card .freebie-thumbnail {
        margin-top: 0 !important;
    }
}

/* Dark Mode for Item Cards */
[data-theme="dark"] .col-12.mb-md-1.mb-1.item-card-wrapper .card {
    background-color: #262626;
    color: white;
    border-color: #444;
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .deal-title,
[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .freebie-title {
    color: white !important;
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .text-muted,
[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .deal-description,
[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .freebie-description {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .deal-thumbnail,
[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .freebie-thumbnail {
    background-color: #333;
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card.expired {
    background-color: var(--card-bg);
    opacity: 0.7;
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .voting-container {
    background-color: #3e3e3e;
}

[data-theme="dark"] .col-12.mb-2.item-card-wrapper .card .vote-score {
    color: #FDC90B !important;
}

@media (prefers-color-scheme: dark) {
    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card {
        background-color: #262626;
        color: white;
        border-color: #444;
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .deal-title,
    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .freebie-title {
        color: white !important;
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .text-muted,
    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .deal-description,
    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .freebie-description {
        color: #b0b0b0 !important;
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .deal-thumbnail,
    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .freebie-thumbnail {
        background-color: #333;
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card.expired {
        background-color: var(--card-bg);
        opacity: 0.7;
        border: 1px solid var(--border-color);
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .voting-container {
        background-color: #3e3e3e;
    }

    [data-theme="auto"] .col-12.mb-2.item-card-wrapper .card .vote-score {
        color: #FDC90B !important;
    }
}

/* Share Modal Dark Mode Support */
[data-theme="dark"] .share-modal-content {
    background: rgba(38, 38, 38, 0.95);
    border: 1px solid #444;
    color: white;
}

[data-theme="dark"] .share-modal-title {
    color: white;
}

[data-theme="dark"] .share-modal-close {
    color: white;
}

[data-theme="dark"] .share-modal-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .share-item-title {
    color: white;
}

[data-theme="dark"] .share-divider::before,
[data-theme="dark"] .share-divider::after {
    background-color: #444;
}

[data-theme="dark"] .share-divider-text {
    background-color: #262626;
    /* Matches modal bg roughly */
    color: #b0b0b0;
}

[data-theme="dark"] .share-copy-link {
    background-color: transparent;
    border-color: #FDC90B;
    color: #FDC90B;
}

[data-theme="dark"] .share-copy-link:hover {
    background-color: #FDC90B;
    color: #000;
}

/* Auto theme support for share modal */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] .share-modal-content {
        background: rgba(38, 38, 38, 0.95);
        border: 1px solid #444;
        color: white;
    }

    [data-theme="auto"] .share-modal-title,
    [data-theme="auto"] .share-item-title,
    [data-theme="auto"] .share-modal-close {
        color: white;
    }

    [data-theme="auto"] .share-modal-close:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    [data-theme="auto"] .share-divider::before,
    [data-theme="auto"] .share-divider::after {
        background-color: #444;
    }

    [data-theme="auto"] .share-divider-text {
        background-color: #262626;
        color: #b0b0b0;
    }

    [data-theme="auto"] .share-copy-link {
        background-color: transparent;
        border-color: #FDC90B;
        color: #FDC90B;
    }

    [data-theme="auto"] .share-copy-link:hover {
        background-color: #FDC90B;
        color: #000;
    }
}

/* Mobile Carousel Indicators */
.carousel-indicators {
    margin-bottom: -0.5rem;
    /* Brought them closer */
}

.carousel-indicators [data-bs-target] {
    background-color: var(--primary-color) !important;
    opacity: 0.5;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    /* Strong shadow for visibility */
}

.carousel-indicators .active {
    opacity: 1;
    width: 16px;
    border-radius: 10px;
}



/* End of Home page specific styles */