/**
 * Dark Mode Overrides
 * Applies dark theme to all components
 */

/* Dark Mode Sections */
[data-theme="dark"] .feature,
[data-theme="dark"] .about,
[data-theme="dark"] .team,
[data-theme="dark"] .faq {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

[data-theme="dark"] .team::before,
[data-theme="dark"] .photo-gallery::before {
  opacity: 0.08;
}

/* Dark Mode Text */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #e0e0e0;
}

[data-theme="dark"] p,
[data-theme="dark"] .sectioner-header p {
  color: #b0b0b0;
}

[data-theme="dark"] .icon-box p {
  color: #b0b0b0;
}

/* Dark Mode Cards */
[data-theme="dark"] .icon-box {
  background: #2d2d2d;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .team-detail h4 {
  color: #e0e0e0;
  background: rgba(45, 45, 45, 0.9);
}

[data-theme="dark"] .team-detail:hover h4 {
  background: rgba(255, 105, 180, 0.2);
  color: #ff69b4;
}

[data-theme="dark"] .team-role {
  background: rgba(45, 45, 45, 0.9);
  color: inherit;
  border-color: rgba(255, 105, 180, 0.3);
}

[data-theme="dark"] .team-detail img {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(45, 45, 45, 0.3);
}

/* Dark Mode Carousel Navigation */
[data-theme="dark"] .carousel-nav {
  background: rgba(45, 45, 45, 0.95);
  border-color: rgba(255, 105, 180, 0.4);
}

[data-theme="dark"] .carousel-nav:hover {
  background: rgba(255, 105, 180, 0.95);
}

/* Dark Mode Buttons */
[data-theme="dark"] .about-btn {
  background: transparent;
  color: #ff69b4;
  border-color: #ff69b4;
}

[data-theme="dark"] .about-btn:hover {
  background: #ff69b4;
  color: #ffffff;
}

/* Dark Mode Video Section */
[data-theme="dark"] .video-section {
  background-color: #1a1a1a;
}

[data-theme="dark"] .video-overlay {
  background: linear-gradient(to left, rgba(90, 16, 65, 0.6), rgba(58, 11, 36, 0.4));
}

/* Dark Mode Feature Icons */
[data-theme="dark"] .icon-border span {
  background: rgba(45, 45, 45, 0.8);
  border-color: #ff69b4;
  color: #ff69b4;
}

[data-theme="dark"] .media-body h5 {
  color: #e0e0e0;
}

[data-theme="dark"] .media-body p {
  color: #b0b0b0;
}

/* Dark Mode Minecraft Status */
[data-theme="dark"] .mc-server-status {
  background: #2d2d2d;
  border-color: #404040;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .mc-status-badge {
  background: #1a1a1a;
  border-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] .mc-status-badge.online {
  background: rgba(40, 167, 69, 0.3);
  border-color: #28a745;
  color: #5ce67e;
}

[data-theme="dark"] .mc-status-badge.offline {
  background: rgba(220, 53, 69, 0.3);
  border-color: #dc3545;
  color: #ff8a95;
}

[data-theme="dark"] .mc-players-count {
  background: #1a1a1a;
  border-color: #404040;
}

[data-theme="dark"] .mc-players-icon {
  color: #b0b0b0;
}

[data-theme="dark"] .mc-players-text {
  color: #e0e0e0;
}

[data-theme="dark"] .mc-players-max {
  color: #999;
}

[data-theme="dark"] .mc-motd-container {
  border-color: #404040;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .mc-motd-container::before {
  background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .mc-server-icon {
  border-color: #555;
}

[data-theme="dark"] .mc-info-item {
  background: #1a1a1a;
  border-color: #404040;
}

[data-theme="dark"] .mc-info-label {
  color: #999;
}

[data-theme="dark"] .mc-info-value {
  color: #e0e0e0;
}

[data-theme="dark"] .mc-offline-message {
  color: #b0b0b0;
}

[data-theme="dark"] .mc-offline-text {
  color: #e0e0e0;
}

[data-theme="dark"] .mc-status-loading {
  color: #999;
}

[data-theme="dark"] .mc-loading-spinner {
  border-color: #404040;
  border-top-color: #ff69b4;
}

[data-theme="dark"] .mc-server-status.offline {
  background: #2d2d2d;
  border-color: #404040;
}

/* Dark Mode FAQ */
[data-theme="dark"] .faq-item {
  background: #2d2d2d;
  border-color: #404040;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .faq-item:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
  border-color: #ff60c2;
}

[data-theme="dark"] .faq-item.active {
  border-color: #ff60c2;
  background: #333333;
  box-shadow: 0 4px 20px rgba(255, 96, 194, 0.2);
}

[data-theme="dark"] .faq-question {
  background: transparent;
}

[data-theme="dark"] .faq-question:hover {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .faq-item.active .faq-question {
  background: rgba(255, 96, 194, 0.1);
}

[data-theme="dark"] .faq-question h4 {
  color: #e0e0e0;
}

[data-theme="dark"] .faq-item.active .faq-question h4 {
  color: #ff60c2;
}

[data-theme="dark"] .faq-answer p {
  color: #b0b0b0;
}

[data-theme="dark"] .faq-icon {
  color: #999;
}

[data-theme="dark"] .faq-item.active .faq-icon {
  color: #ff60c2;
}

/* Dark Mode Updates */
[data-theme="dark"] .updates-section {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

[data-theme="dark"] .update-card {
  background: #2d2d2d;
  border-color: #404040;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .update-card:hover {
  box-shadow: 0 8px 25px rgba(255, 105, 180, 0.2);
  border-color: #ff60c2;
}

[data-theme="dark"] .update-meta h4 {
  color: #e0e0e0;
}

[data-theme="dark"] .update-author {
  color: #b0b0b0;
}

[data-theme="dark"] .update-author strong {
  color: #ff60c2;
}

[data-theme="dark"] .update-date {
  color: #808080;
}

[data-theme="dark"] .update-content {
  border-top-color: #404040;
  border-bottom-color: #404040;
}

[data-theme="dark"] .update-content p {
  color: #b0b0b0;
}

[data-theme="dark"] .update-tag.feature {
  background: rgba(25, 118, 210, 0.3);
  color: #90caf9;
}

[data-theme="dark"] .update-tag.improvement {
  background: rgba(123, 31, 162, 0.3);
  color: #ce93d8;
}

[data-theme="dark"] .update-tag.event {
  background: rgba(245, 124, 0, 0.3);
  color: #ffcc80;
}

[data-theme="dark"] .update-tag.update {
  background: rgba(56, 142, 60, 0.3);
  color: #a5d6a7;
}

[data-theme="dark"] .update-tag.design {
  background: rgba(194, 24, 91, 0.3);
  color: #f48fb1;
}

/* Dark Mode Footer */
[data-theme="dark"] .professional-footer {
  background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
  color: #e0e0e0;
}

[data-theme="dark"] .footer-main {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .footer-brand h4 {
  color: #e0e0e0;
}

[data-theme="dark"] .footer-description {
  color: #b0b0b0;
}

[data-theme="dark"] .footer-title {
  color: #e0e0e0;
}

[data-theme="dark"] .footer-links a {
  color: #b0b0b0;
}

[data-theme="dark"] .footer-links a:hover {
  color: #ff60c2;
}

[data-theme="dark"] .social-link {
  background: #1a1a1a;
  color: #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .social-link:hover {
  background: #ff60c2;
  color: #ffffff;
}

[data-theme="dark"] .footer-bottom {
  background: rgba(0, 0, 0, 0.3);
  border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .footer-copyright,
[data-theme="dark"] .footer-made {
  color: #b0b0b0;
}

/* Dark Mode Photo Gallery */
[data-theme="dark"] .photo-gallery {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

[data-theme="dark"] .gallery-album-card {
  background: #2d2d2d;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .gallery-album-card:hover {
  box-shadow: 0 20px 50px rgba(255, 105, 180, 0.2);
}

/* Dark Mode Lightbox */
[data-theme="dark"] .gallery-lightbox {
  background: rgba(0, 0, 0, 0.98);
}

[data-theme="dark"] .lightbox-header {
  background: rgba(26, 26, 26, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .lightbox-thumbnails {
  background: rgba(26, 26, 26, 0.9);
  border-top-color: rgba(255, 255, 255, 0.05);
}

/* Dark Mode Skeleton Loading */
[data-theme="dark"] .skeleton,
[data-theme="dark"] .album-image-wrapper.loading::before {
  background: linear-gradient(
    90deg,
    #2d2d2d 0%,
    #3d3d3d 20%,
    #2d2d2d 40%,
    #2d2d2d 100%
  );
  background-size: 200% 100%;
}

[data-theme="dark"] .album-image-wrapper.loading {
  background: #2d2d2d;
}

/* Dark Mode Mobile Navbar */
@media (max-width: 991px) {
  [data-theme="dark"] .navbar-collapse.show {
    background: rgba(26, 26, 26, 0.95);
    backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  }
}

/* Dark Mode Navbar Scroll */
[data-theme="dark"] .nav-scroll {
  background: rgba(26, 26, 26, 0.6);
}

[data-theme="dark"] .nav-scroll.nav-dark {
  background: rgba(26, 26, 26, 0.7);
}

/* Dark Mode Feature Rows */
[data-theme="dark"] .feature-row {
  background: transparent;
}

[data-theme="dark"] .feature-text h4 {
  color: #e0e0e0;
}

[data-theme="dark"] .feature-text p {
  color: #b0b0b0;
}

/* Dark Mode Vote Section */
[data-theme="dark"] .vote-section {
  background: transparent;
}

[data-theme="dark"] .vote-section h3 {
  color: #e0e0e0;
}

[data-theme="dark"] .vote-section p {
  color: #b0b0b0;
}

/* Smooth Transitions */
[data-theme="dark"] * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Global Smooth Transitions for All Interactive Elements */
a,
button,
input,
textarea,
select,
.nav-link,
.about-btn,
.icon-box,
.team-detail,
.update-card,
.faq-item,
.gallery-album-card,
.social-link,
.footer-links a,
.theme-toggle,
.lang-option,
.carousel-nav,
.mc-server-status,
.captcha-box,
.btn-challenge,
.vote-links a,
#toggle-sections {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth Transform Transitions */
.team-detail,
.update-card,
.gallery-album-card,
.icon-box,
.social-link,
.carousel-nav,
.theme-toggle-slider {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 0.3s ease,
              background-color 0.3s ease,
              border-color 0.3s ease;
}

/* Smooth Hover Effects */
.navbar .nav-item a,
.about-btn,
.footer-links a,
.lang-option,
button {
  transition: background-color 0.3s ease,
              color 0.3s ease,
              transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.3s ease,
              border-color 0.3s ease,
              padding 0.3s ease;
}

/* Dark Mode Contact Form */
[data-theme="dark"] .contact {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

[data-theme="dark"] .contact h3 {
  color: #e0e0e0;
}

[data-theme="dark"] .contact p {
  color: #b0b0b0;
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-input {
  background: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #404040 !important;
}

[data-theme="dark"] input[type="text"]::placeholder,
[data-theme="dark"] input[type="email"]::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] .form-input::placeholder {
  color: #808080 !important;
}

[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] .form-input:focus {
  background: #333333 !important;
  border-color: #ff69b4 !important;
  color: #e0e0e0 !important;
}

/* Theme Dropdown */
[data-theme="dark"] .theme-dropdown {
  background: #2d2d2d !important;
  border-color: #404040 !important;
  border-radius: 10px !important;
}

[data-theme="dark"] .theme-selected {
  color: #808080 !important;
  background: #2d2d2d !important;
  border-radius: 10px !important;
}

[data-theme="dark"] .theme-options {
  background: #2d2d2d !important;
  border-color: #404040 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .theme-option {
  color: #e0e0e0 !important;
  background: transparent !important;
}

[data-theme="dark"] .theme-option:hover {
  background: rgba(255, 105, 180, 0.2) !important;
}

[data-theme="dark"] select {
  color: #808080;
}

[data-theme="dark"] select:not([value=""]) {
  color: #e0e0e0;
}

[data-theme="dark"] .custom-captcha {
  background: transparent;
}

[data-theme="dark"] .captcha-box {
  background: #2d2d2d !important;
  border-color: #ff69b4 !important;
}

[data-theme="dark"] .captcha-label,
[data-theme="dark"] .checkbox-text {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .captcha-checkbox {
  border-color: #ff69b4 !important;
  background: #1a1a1a !important;
}

[data-theme="dark"] .captcha-logo {
  color: #999 !important;
}

[data-theme="dark"] .captcha-logo svg {
  color: #999 !important;
  fill: #999 !important;
}

[data-theme="dark"] .captcha-logo .refresh-icon {
  stroke: #ff69b4 !important;
  fill: none !important;
}

[data-theme="dark"] .captcha-brand {
  color: #999 !important;
}

[data-theme="dark"] .brand-name {
  color: #999 !important;
}

[data-theme="dark"] .brand-links,
[data-theme="dark"] .brand-links a {
  color: #999 !important;
}

[data-theme="dark"] .captcha-text,
[data-theme="dark"] .captcha-privacy {
  color: #999 !important;
}

[data-theme="dark"] .captcha-privacy a {
  color: #999 !important;
}

[data-theme="dark"] .challenge-modal {
  background: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] .challenge-content {
  background: #2d2d2d;
  border-color: #404040;
}

[data-theme="dark"] .challenge-question {
  color: #e0e0e0;
}

[data-theme="dark"] .verified-container {
  background: rgba(64, 64, 64, 0.3);
  border-color: #666;
}

[data-theme="dark"] .verified-text {
  color: #b0b0b0;
}

[data-theme="dark"] button[type="submit"],
[data-theme="dark"] .submit-btn,
[data-theme="dark"] .btn-submit {
  background: linear-gradient(135deg, #ff69b4, #ff1493);
  color: #ffffff;
}

[data-theme="dark"] button[type="submit"]:hover,
[data-theme="dark"] .submit-btn:hover,
[data-theme="dark"] .btn-submit:hover {
  background: linear-gradient(135deg, #ff1493, #ff69b4);
}

[data-theme="dark"] .btn-cancel {
  background: #666 !important;
  color: #e0e0e0 !important;
  border-color: #666 !important;
}

[data-theme="dark"] .btn-cancel:hover {
  background: #777 !important;
}

/* Dark Mode Language Dropdown */
[data-theme="dark"] .lang-selector {
  background: rgba(45, 45, 45, 0.95);
}

[data-theme="dark"] .lang-current {
  color: #e0e0e0;
}

[data-theme="dark"] .lang-options {
  background: rgba(45, 45, 45, 0.98);
  border-color: #404040;
}

[data-theme="dark"] .lang-option {
  color: #e0e0e0;
}

[data-theme="dark"] .lang-option:hover {
  background: rgba(255, 105, 180, 0.2);
}

[data-theme="dark"] .lang-option.active {
  background: rgba(255, 105, 180, 0.3);
}

/* Dark Mode Sectioner Headers */
[data-theme="dark"] .sectioner-header h3 {
  color: #e0e0e0;
}

[data-theme="dark"] .sectioner-header p {
  color: #b0b0b0;
}

/* Dark Mode Lines */
[data-theme="dark"] .line,
[data-theme="dark"] .linetwo,
[data-theme="dark"] .linetree,
[data-theme="dark"] .linefour,
[data-theme="dark"] .linefive {
  opacity: 0.8;
}

/* Dark Mode Feature Mobile */
[data-theme="dark"] .feature-mobile img {
  filter: drop-shadow(0 0 10px rgba(255, 105, 180, 0.3));
}

/* Dark Mode Card 3D */
[data-theme="dark"] .card-3d img {
  filter: drop-shadow(0 0 12px rgba(255, 105, 180, 0.4));
}

/* Dark Mode Single Feature */
[data-theme="dark"] .single-feature h5 {
  color: #e0e0e0;
}

[data-theme="dark"] .single-feature p {
  color: #b0b0b0;
}

/* Dark Mode About Section */
[data-theme="dark"] .about {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

/* Dark Mode Feature Row Images */
[data-theme="dark"] .feature-row img {
  filter: brightness(0.9) contrast(1.1);
  border-radius: 15px;
}

/* Dark Mode Vote Links */
[data-theme="dark"] .vote-links a {
  background: transparent;
  color: #ff69b4;
  border-color: #ff69b4;
}

[data-theme="dark"] .vote-links a:hover {
  background: #ff69b4;
  color: #ffffff;
}

/* Dark Mode Hidden Sections Toggle */
[data-theme="dark"] .hidden-sections {
  background: transparent;
}

[data-theme="dark"] #toggle-sections {
  background: transparent;
  color: #ff69b4;
  border-color: #ff69b4;
}

[data-theme="dark"] #toggle-sections:hover {
  background: #ff69b4;
  color: #ffffff;
}


/* Team Hierarchy - Dark Mode */
[data-theme="dark"] .team-card {
    background: linear-gradient(135deg, rgba(40, 40, 40, 0.9), rgba(30, 30, 30, 0.9)) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .team-card:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .team-card-avatar {
    border-color: #1e1e1e !important;
}

[data-theme="dark"] .team-card-username {
    color: #fff !important;
}

[data-theme="dark"] .team-card-banner {
    opacity: 1 !important;
}

[data-theme="dark"] .hierarchy-level-title h3 {
    color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .team-update-info {
    background: transparent !important;
    border-color: transparent !important;
}

[data-theme="dark"] .team-update-info .update-text h4,
[data-theme="dark"] .team-update-info .next-update strong {
    color: #fff !important;
}

[data-theme="dark"] .team-update-info .update-text p,
[data-theme="dark"] .team-update-info .next-update span {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .team-update-info .update-icon {
    background: transparent !important;
    color: #ff54a4 !important;
}

/* Team Hierarchy - Light Mode (nur wenn NICHT dark-mode) */
[data-theme="light"] .team-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(245, 245, 245, 0.9)) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .team-card:hover {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .team-card-avatar {
    border-color: #fff !important;
}

[data-theme="light"] .team-card-username {
    color: #2d2d2d !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .team-card-banner {
    opacity: 0.9 !important;
}

[data-theme="light"] .hierarchy-level-title h3 {
    color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .team-update-info {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.8)) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .team-update-info .update-text h4,
[data-theme="light"] .team-update-info .next-update strong {
    color: #2d2d2d !important;
}

[data-theme="light"] .team-update-info .update-text p,
[data-theme="light"] .team-update-info .next-update span {
    color: #666 !important;
}

/* Minecraft IP Text - besserer Kontrast */
.mc-ip-text {
  color: #555 !important;
  text-decoration: underline;
  font-style: italic;
}

[data-theme="dark"] .mc-ip-text {
  color: #b0b0b0 !important;
  text-decoration: underline;
}

/* Contact Note Text - besserer Kontrast */
.contact-note-text {
  color: #555 !important;
  text-decoration: underline;
  font-style: italic;
}

[data-theme="dark"] .contact-note-text {
  color: #b0b0b0 !important;
  text-decoration: underline;
}

/* Contact Email Link - besserer Kontrast */
.contact-email-link {
  color: #8b1a5c !important;
  text-decoration: none;
  font-weight: 600;
}

.contact-email-link:hover {
  color: #ff60c2 !important;
  text-decoration: underline;
}

[data-theme="dark"] .contact-email-link {
  color: #ff69b4 !important;
}

[data-theme="dark"] .contact-email-link:hover {
  color: #ff89c8 !important;
  text-decoration: underline;
}


/* Light Mode Team Cards - Besserer Kontrast */
[data-theme="light"] .team-card-info h4 {
    color: #2d2d2d !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .team-card-info .team-role {
    color: #666 !important;
}

/* Light Mode Discord Popup */
[data-theme="light"] .discord-profile-popup {
    background: #ffffff !important;
}

[data-theme="light"] .profile-username {
    color: #2d2d2d !important;
}

[data-theme="light"] .profile-discriminator {
    color: #666 !important;
}

[data-theme="light"] .profile-avatar {
    border-color: #ffffff !important;
    background: #f5f5f5 !important;
}

[data-theme="light"] .profile-bio {
    background: #f8f9fa !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .profile-bio h4 {
    color: #666 !important;
}

[data-theme="light"] .profile-bio p {
    color: #333 !important;
}

[data-theme="light"] .profile-roles h4 {
    color: #666 !important;
}

[data-theme="light"] .profile-close {
    background: #f0f0f0 !important;
    color: #333 !important;
}

[data-theme="light"] .profile-close:hover {
    background: #ff60c2 !important;
    color: #fff !important;
}

[data-theme="light"] .profile-badge,
[data-theme="light"] .discord-badge {
    background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .profile-badge i,
[data-theme="light"] .discord-badge i {
    color: #666 !important;
}

[data-theme="light"] .profile-badge:hover,
[data-theme="light"] .discord-badge:hover {
    background: rgba(255, 96, 194, 0.2) !important;
}

[data-theme="light"] .profile-badge:hover i {
    color: #ff60c2 !important;
}

/* Dark Mode Team Cards - Original Styles */
[data-theme="dark"] .discord-profile-popup {
    background: #18191c !important;
}

[data-theme="dark"] .profile-username {
    color: #fff !important;
}

[data-theme="dark"] .profile-discriminator {
    color: #b9bbbe !important;
}

[data-theme="dark"] .profile-avatar {
    border-color: #18191c !important;
    background: #18191c !important;
}

[data-theme="dark"] .profile-bio {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .profile-bio h4 {
    color: #b9bbbe !important;
}

[data-theme="dark"] .profile-bio p {
    color: #dcddde !important;
}

[data-theme="dark"] .profile-roles h4 {
    color: #b9bbbe !important;
}

[data-theme="dark"] .profile-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

[data-theme="dark"] .profile-close:hover {
    background: rgba(255, 84, 164, 0.5) !important;
}

[data-theme="dark"] .team-card-info h4 {
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .team-card-info .team-role {
    color: rgba(255, 255, 255, 0.9) !important;
}


/* Team Update Timer - Dark Mode */
[data-theme="dark"] .team-update-timer {
    color: rgba(255, 255, 255, 0.9) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .update-time {
    color: #fff !important;
}

/* Team Update Timer - Light Mode */
[data-theme="light"] .team-update-timer {
    color: #333 !important;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02)) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .update-time {
    color: #2d2d2d !important;
}


/* Team Update Timer - Light Mode */
[data-theme="light"] .team-update-timer {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.03)) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #333 !important;
}

[data-theme="light"] .update-time {
    color: #2d2d2d !important;
}

/* Team Update Timer - Dark Mode */
[data-theme="dark"] .team-update-timer {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .update-time {
    color: #fff !important;
}