/*
Theme Name: VTube Dark
Theme URI: https://www.wp-script.com/themes/xvideos-clone-wordpress-template/
Description: An accessible dark-mode child theme for VTube. Features WCAG AA compliant color contrast, keyboard navigation support, skip links, focus indicators, and a dark/light mode toggle.
Author: Cline
Author URI: https://github.com/cline
Template: vtube
Version: 1.0.0
Text Domain: vtube-dark
Tags: dark-mode, accessibility, video, dark, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ==========================================================================
   OVERRIDE BOOTSTRAP 4 CSS CUSTOM PROPERTIES
   ========================================================================== */

:root {
    /* Override Bootstrap's color variables */
    --blue: #7c5cff;
    --indigo: #7c5cff;
    --purple: #7c5cff;
    --pink: #f87171;
    --red: #f87171;
    --orange: #fbbf24;
    --yellow: #fbbf24;
    --green: #4ade80;
    --teal: #38bdf8;
    --cyan: #38bdf8;
    --white: #f0f0f0;
    --gray: #b0b0b0;
    --gray-dark: #888888;
    --primary: #7c5cff;
    --secondary: #2a2a2a;
    --success: #4ade80;
    --info: #38bdf8;
    --warning: #fbbf24;
    --danger: #f87171;
    --light: #2a2a2a;
    --dark: #1a1a1a;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ==========================================================================
   AGGRESSIVE DARK MODE OVERRIDES - Force all colors
   ========================================================================== */

/* Force dark background on everything */
html,
body,
div,
span,
applet,
object,
iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address,
big, cite, code,
del, dfn, em, img,
ins, kbd, q, s, samp,
small, strike, strong,
sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
#wrapper, .wrapper, #content, .content-area,
.site-content, #primary, #main,
header, footer, nav, aside, main,
.container, .container-fluid, .row, .col,
.card, .card-body, .card-header, .card-footer,
.jumbotron, .hero-section,
.navbar, .navbar-dark, .navbar-light,
.dropdown-menu, .dropdown-item,
.modal-content, .modal-header, .modal-body, .modal-footer,
.alert, .badge, .list-group-item,
.table, .table td, .table th,
.form-control, input, textarea, select,
.btn, .button,
.widget, .widget-title,
.sidebar, #secondary,
article, .post, .entry,
.comment-body, .comment-content,
.breadcrumb, .pagination,
.tag-menu, .menu-item, .nav-item {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

/* Force bright text on all text elements */
body,
p, span, div, a, li, td, th, dt, dd,
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-content, .entry-meta,
.card-title, .card-text, .card-body,
.widget-title, .widget-content,
.comment-author, .comment-content,
.nav-link, .menu-item a, .dropdown-item,
.btn, .button, input, textarea, select,
label, legend, caption, figcaption,
blockquote, pre, code, kbd, samp,
small, strong, b, em, i, mark,
time, abbr, address, output, summary,
.table td, .table th,
.alert, .badge, .list-group-item {
    color: #f0f0f0 !important;
}

/* Links */
a, a:hover, a:focus, a:active,
.nav-link, .nav-link:hover, .nav-link:focus,
.menu-item a, .menu-item a:hover, .menu-item a:focus,
.entry-title a, .entry-title a:hover, .entry-title a:focus,
.widget a, .widget a:hover, .widget a:focus,
.pagination a, .pagination a:hover, .pagination a:focus,
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:focus,
.comment-reply-link, .comment-reply-link:hover,
.tag-menu a, .tag-menu a:hover, .tag-menu a:focus {
    color: #a78bfa !important;
}

/* Primary buttons and accents */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.button-primary, .button-primary:hover, .button-primary:focus,
input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus,
.pagination .page-item.active .page-link,
.badge-primary, .alert-primary {
    background-color: #7c5cff !important;
    border-color: #7c5cff !important;
    color: #ffffff !important;
}

/* Secondary buttons */
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus,
.btn-grey, .btn-grey:hover, .btn-grey:focus,
.btn-gray, .btn-gray:hover, .btn-gray:focus,
.btn-outline-secondary, .btn-outline-secondary:hover,
.tag-menu a, .tag-menu a:hover, .tag-menu a:focus {
    background-color: #2a2a2a !important;
    border-color: #404040 !important;
    color: #f0f0f0 !important;
}

/* Form inputs */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="file"],
input[type="range"],
textarea,
select,
.form-control,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    background-color: #2a2a2a !important;
    border-color: #404040 !important;
    color: #f0f0f0 !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus,
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {
    background-color: #2a2a2a !important;
    border-color: #7c5cff !important;
    color: #f0f0f0 !important;
    box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.4) !important;
}

input::placeholder, textarea::placeholder,
.form-control::placeholder,
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
    color: #888888 !important;
}

/* Navigation */
.navbar, .navbar-dark, .navbar-light,
.navbar-expand, .navbar-collapse,
.nav, .navbar-nav, .navbar-brand,
.navbar-toggler, .navbar-toggler-icon {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand a,
.navbar-light .navbar-brand,
.navbar-light .navbar-brand a,
.navbar-brand, .navbar-brand a {
    color: #f0f0f0 !important;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link,
.nav-link, .nav-item a {
    color: #d4d4d4 !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.nav-link:hover, .nav-link:focus,
.nav-item a:hover, .nav-item a:focus {
    color: #f0f0f0 !important;
    background-color: #333333 !important;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active,
.nav-link.active, .nav-item.active a {
    color: #7c5cff !important;
}

/* Dropdown menus */
.dropdown-menu,
.navbar-dark .navbar-nav .dropdown-menu,
.navbar-light .navbar-nav .dropdown-menu,
.sub-menu, .children, .submenu {
    background-color: #252525 !important;
    border-color: #333333 !important;
}

.dropdown-item,
.dropdown-menu a,
.navbar-dark .navbar-nav .dropdown-menu .nav-link,
.navbar-light .navbar-nav .dropdown-menu .nav-link,
.sub-menu a, .children a, .submenu a {
    color: #d4d4d4 !important;
}

.dropdown-item:hover, .dropdown-item:focus,
.dropdown-menu a:hover, .dropdown-menu a:focus,
.sub-menu a:hover, .sub-menu a:focus,
.children a:hover, .children a:focus,
.submenu a:hover, .submenu a:focus {
    background-color: #333333 !important;
    color: #f0f0f0 !important;
}

.dropdown-item.active,
.dropdown-menu .active a {
    background-color: #7c5cff !important;
    color: #ffffff !important;
}

/* Cards */
.card, .card-body, .card-header, .card-footer,
.card-title, .card-text, .card-subtitle {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

.card-body p, .card-body span, .card-body div,
.card-body a, .card-body li, .card-body small {
    color: #f0f0f0 !important;
}

/* Video cards and entries */
article, .post, .entry, .video-card,
.entry-title, .entry-title a,
.entry-content, .entry-meta, .entry-footer,
.entry-meta a, .entry-footer a {
    background-color: transparent !important;
    color: #f0f0f0 !important;
}

.entry-title a, .entry-meta a, .entry-footer a {
    color: #a78bfa !important;
}

.entry-title a:hover, .entry-meta a:hover, .entry-footer a:hover {
    color: #c4b5fd !important;
}

/* Sidebar and widgets */
#secondary, .sidebar, .widget-area,
.widget, .widget-title, .widget-content {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

.widget a, .widget-title a {
    color: #a78bfa !important;
}

/* Footer */
footer, #wrapper-footer, .site-footer,
footer a, #wrapper-footer a, .site-footer a {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
    border-color: #333333 !important;
}

footer a:hover, #wrapper-footer a:hover, .site-footer a:hover {
    color: #a78bfa !important;
}

/* Hero/Jumbotron */
.jumbotron, .hero-section, #wrapper-hero,
#wrapper-static-hero {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

.jumbotron p, .jumbotron h1, .jumbotron h2, .jumbotron h3 {
    color: #f0f0f0 !important;
}

/* Breadcrumbs */
.breadcrumb, .breadcrumb-item, .breadcrumb-item a {
    background-color: #2a2a2a !important;
    color: #d4d4d4 !important;
}

.breadcrumb-item a {
    color: #a78bfa !important;
}

.breadcrumb-item.active {
    color: #b0b0b0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #888888 !important;
}

/* Pagination */
.pagination, .page-link, .page-item {
    background-color: transparent !important;
}

.page-link {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #a78bfa !important;
}

.page-link:hover {
    background-color: #333333 !important;
    color: #c4b5fd !important;
}

.page-item.active .page-link {
    background-color: #7c5cff !important;
    border-color: #7c5cff !important;
    color: #ffffff !important;
}

.page-item.disabled .page-link {
    background-color: #1e1e1e !important;
    color: #666666 !important;
}

/* Tables */
.table, .table td, .table th, .table caption,
.table thead th, .table tbody tr {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #252525 !important;
}

.table-hover tbody tr:hover {
    background-color: #333333 !important;
}

/* Alerts */
.alert, .alert-success, .alert-danger, .alert-warning, .alert-info,
.alert-success, .alert-danger, .alert-warning, .alert-info {
    border-radius: 8px !important;
}

.alert-success {
    background-color: rgba(74, 222, 128, 0.15) !important;
    border-color: #4ade80 !important;
    color: #4ade80 !important;
}

.alert-danger, .alert-error {
    background-color: rgba(248, 113, 113, 0.15) !important;
    border-color: #f87171 !important;
    color: #f87171 !important;
}

.alert-warning {
    background-color: rgba(251, 191, 36, 0.15) !important;
    border-color: #fbbf24 !important;
    color: #fbbf24 !important;
}

.alert-info {
    background-color: rgba(56, 189, 248, 0.15) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

/* Badges */
.badge, .badge-primary, .badge-secondary, .badge-success,
.badge-danger, .badge-warning, .badge-info, .badge-light, .badge-dark {
    color: #ffffff !important;
}

.badge-primary { background-color: #7c5cff !important; }
.badge-secondary { background-color: #2a2a2a !important; color: #f0f0f0 !important; }
.badge-success { background-color: #4ade80 !important; }
.badge-danger { background-color: #f87171 !important; }
.badge-warning { background-color: #fbbf24 !important; color: #000000 !important; }
.badge-info { background-color: #38bdf8 !important; }
.badge-light { background-color: #2a2a2a !important; color: #f0f0f0 !important; }
.badge-dark { background-color: #121212 !important; }

/* List groups */
.list-group-item {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #f0f0f0 !important;
}

.list-group-item.active {
    background-color: #7c5cff !important;
    border-color: #7c5cff !important;
    color: #ffffff !important;
}

.list-group-item:hover {
    background-color: #252525 !important;
}

/* Modals */
.modal-content, .modal-header, .modal-body, .modal-footer {
    background-color: #252525 !important;
    border-color: #333333 !important;
    color: #f0f0f0 !important;
}

.modal-title {
    color: #f0f0f0 !important;
}

/* Comments */
.comment-body, .comment-content, .comment-author,
.comment-meta, .comment-list {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

.comment-author, .comment-author a {
    color: #f0f0f0 !important;
}

.comment-meta {
    color: #b0b0b0 !important;
}

.comment-content {
    color: #d4d4d4 !important;
}

.reply a, .comment-reply-link {
    color: #a78bfa !important;
}

/* WooCommerce */
.woocommerce .product .price,
.woocommerce .product .amount,
.woocommerce .product-title,
.woocommerce .product-description {
    color: #f0f0f0 !important;
}

.woocommerce .product .onsale {
    background-color: #f87171 !important;
    color: #ffffff !important;
}

.woocommerce-message, .woocommerce-info {
    background-color: rgba(56, 189, 248, 0.15) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

.woocommerce-error {
    background-color: rgba(248, 113, 113, 0.15) !important;
    border-color: #f87171 !important;
    color: #f87171 !important;
}

/* Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="search"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
    background-color: #2a2a2a !important;
    border-color: #404040 !important;
    color: #f0f0f0 !important;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #7c5cff !important;
    box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.4) !important;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #f87171 !important;
}

.wpcf7 .wpcf7-validation-errors {
    border-color: #fbbf24 !important;
    color: #fbbf24 !important;
}

.wpcf7 .wpcf7-mail-sent-ok {
    border-color: #4ade80 !important;
    color: #4ade80 !important;
}

/* Code blocks */
pre, code, kbd, samp {
    background-color: #2a2a2a !important;
    color: #f0f0f0 !important;
    border-color: #404040 !important;
}

/* Blockquotes */
blockquote, blockquote p, blockquote footer {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
    border-color: #333333 !important;
}

blockquote footer cite {
    color: #b0b0b0 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #f0f0f0 !important;
}

/* Small/muted text */
small, .small, .text-muted, .text-secondary {
    color: #b0b0b0 !important;
}

/* Strong/bold */
strong, b {
    color: #f0f0f0 !important;
}

/* Emphasis */
em, i {
    color: #d4d4d4 !important;
}

/* Mark/highlight */
mark {
    background-color: rgba(251, 191, 36, 0.3) !important;
    color: #f0f0f0 !important;
}

/* Deleted text */
del, s {
    color: #888888 !important;
}

/* Inserted text */
ins, u {
    color: #4ade80 !important;
}

/* Keyboard */
kbd {
    background-color: #2a2a2a !important;
    border-color: #404040 !important;
    color: #f0f0f0 !important;
}

/* Captions */
caption, figcaption {
    color: #b0b0b0 !important;
}

/* Definition lists */
dt {
    color: #f0f0f0 !important;
}

dd {
    color: #d4d4d4 !important;
}

/* Addresses */
address {
    color: #d4d4d4 !important;
}

/* Time/abbreviations */
time, abbr[title] {
    color: #d4d4d4 !important;
}

/* Summary/details */
summary {
    color: #f0f0f0 !important;
    cursor: pointer;
}

summary:hover, summary:focus {
    color: #a78bfa !important;
}

details {
    color: #f0f0f0 !important;
}

/* Output */
output {
    color: #f0f0f0 !important;
}

/* Legend */
legend {
    color: #f0f0f0 !important;
}

/* Labels */
label, .form-label {
    color: #d4d4d4 !important;
}

/* Tooltips */
.tooltip-inner {
    background-color: #252525 !important;
    color: #f0f0f0 !important;
    border: 1px solid #333333 !important;
}

/* Popovers */
.popover {
    background-color: #252525 !important;
    border-color: #333333 !important;
}

.popover-header {
    background-color: #2a2a2a !important;
    color: #f0f0f0 !important;
    border-color: #333333 !important;
}

.popover-body {
    color: #d4d4d4 !important;
}

/* Carousel */
.carousel-caption {
    color: #f0f0f0 !important;
}

/* Close button */
.close {
    color: #f0f0f0 !important;
    text-shadow: none !important;
}

.close:hover {
    color: #ffffff !important;
}

/* Nav pills */
.nav-pills .nav-link {
    color: #d4d4d4 !important;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: #f0f0f0 !important;
}

.nav-pills .nav-link.active {
    background-color: #7c5cff !important;
    color: #ffffff !important;
}

/* Nav tabs */
.nav-tabs .nav-link {
    color: #d4d4d4 !important;
    border-color: #333333 !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #f0f0f0 !important;
    border-color: #404040 !important;
}

.nav-tabs .nav-link.active {
    background-color: #1e1e1e !important;
    border-color: #333333 #333333 #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Toggler */
.navbar-toggler {
    border-color: #404040 !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(224, 224, 224, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dropdown divider */
.dropdown-divider {
    border-top-color: #333333 !important;
}

/* Dropdown header */
.dropdown-header {
    color: #b0b0b0 !important;
}

/* ==========================================================================
   Accessibility - Skip Link
   ========================================================================== */

.skip-link {
    position: fixed !important;
    top: -100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 100000 !important;
    padding: 12px 24px !important;
    background-color: #7c5cff !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 0 0 8px 8px !important;
    transition: top 0.2s ease-in-out !important;
}

.skip-link:focus {
    top: 0 !important;
    outline: 3px solid #7c5cff !important;
    outline-offset: 2px !important;
}

/* ==========================================================================
   Accessibility - Focus Indicators
   ========================================================================== */

*:focus-visible {
    outline: 3px solid #7c5cff !important;
    outline-offset: 2px !important;
}

*:focus:not(:focus-visible) {
    outline: none !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #7c5cff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.4) !important;
}

/* ==========================================================================
   Accessibility - Screen Reader Only
   ========================================================================== */

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

/* ==========================================================================
   Dark Mode Toggle Button
   ========================================================================== */

.dark-mode-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 2px solid #404040 !important;
    border-radius: 50% !important;
    color: #f0f0f0 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

.dark-mode-toggle:hover,
.dark-mode-toggle:focus {
    background-color: #333333 !important;
    border-color: #7c5cff !important;
    color: #7c5cff !important;
}

.dark-mode-toggle:focus-visible {
    outline: 3px solid #7c5cff !important;
    outline-offset: 2px !important;
}

.dark-mode-toggle .icon-sun,
.dark-mode-toggle .icon-moon {
    font-size: 1.2rem !important;
    line-height: 1 !important;
}

.light-mode .dark-mode-toggle .icon-sun {
    display: none !important;
}

.light-mode .dark-mode-toggle .icon-moon {
    display: inline !important;
}

.dark-mode-toggle .icon-moon {
    display: none !important;
}

.dark-mode-toggle .icon-sun {
    display: inline !important;
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================================================
   High Contrast
   ========================================================================== */

@media (prefers-contrast: high) {
    html, body, div, span, p, a, li, td, th, h1, h2, h3, h4, h5, h6,
    .card, .card-body, .widget, .navbar, .nav-link, .dropdown-item,
    input, textarea, select, .form-control, .btn, .badge, .alert,
    .table, .list-group-item, .modal-content, .comment-body {
        background-color: #000000 !important;
        color: #ffffff !important;
        border-color: #ffffff !important;
    }

    a, .nav-link, .dropdown-item, .widget a, .entry-title a {
        color: #c4b5fd !important;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    body {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .dark-mode-toggle {
        display: none !important;
    }

    a {
        color: #000000 !important;
    }

    .navbar, footer {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
}