/* ============================================
   LIGHT MODE ADJUSTMENTS
   ============================================ */

[data-bs-theme=light] {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-hover: #e5e5e5;
  --bg-active: #d5d5d5;
  --text-primary: #000000;
  --text-secondary: #606060;
  --border-color: #d0d0d0;
}

/* Navbar Light Mode */
[data-bs-theme=light] .navbar-custom {
  background-color: #ffffff;
}

[data-bs-theme=light] .bg-nav-scroll {
  background-color: #fff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Sidebar Light Mode */
[data-bs-theme=light] .sidebar {
  background-color: #ffffff !important;
}

[data-bs-theme=light] .sidebar-section {
  border-bottom: 1px solid #e0e0e0;
}

[data-bs-theme=light] .sidebar-item {
  color: #000000;
}

[data-bs-theme=light] .sidebar-item:hover,
[data-bs-theme=light] .sidebar-item:focus {
  background-color: #f0f0f0;
}

[data-bs-theme=light] .sidebar-item.active {
  background-color: #e0e0e0;
  font-weight: 500;
}

[data-bs-theme=light] .sidebar-title {
  color: #000000;
}

/* Search Bar Light Mode */
[data-bs-theme=light] .search-form {
  border: 1px solid #d0d0d0;
  background-color: #f5f5f5;
}

[data-bs-theme=light] .search-input {
  background-color: #f5f5f5;
  color: #000000;
}

[data-bs-theme=light] .search-input::placeholder {
  color: #606060;
}

[data-bs-theme=light] .search-btn {
  background-color: #e5e5e5;
  border-left: 1px solid #d0d0d0;
  color: #606060;
}

[data-bs-theme=light] .search-btn:hover {
  background-color: #d0d0d0;
}

[data-bs-theme=light] .input-search {
  background-color: #f5f5f5 !important;
  color: #000000;
  border-color: #d0d0d0;
}

/* Categories Light Mode */
[data-bs-theme=light] .categories-section {
  background-color: #ffffff;
}

[data-bs-theme=light] .category-btn {
  background-color: #f5f5f5;
  color: #000000;
  border: 1px solid #e0e0e0;
}

[data-bs-theme=light] .category-btn:hover,
[data-bs-theme=light] .category-btn:focus {
  background-color: #e0e0e0;
}

[data-bs-theme=light] .category-btn.active {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}

/* Owl Carousel Navigation Light Mode */
[data-bs-theme=light] .owl-nav button {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #d0d0d0 !important;
  box-shadow: 0px 0px 20px 20px #ffffff;
}

[data-bs-theme=light] .owl-nav button:hover,
[data-bs-theme=light] .owl-nav button:focus,
[data-bs-theme=light] .owl-nav button:active {
  background-color: #f0f0f0 !important;
  box-shadow: 0px 0px 20px 20px #ffffff !important;
}

/* Video Cards Light Mode */
[data-bs-theme=light] .video-thumbnail {
  background-color: #f5f5f5;
}

[data-bs-theme=light] .video-title a {
  color: #000000;
}

[data-bs-theme=light] .video-creator-profile a {
  color: #606060;
}

[data-bs-theme=light] .video-creator-profile a:hover {
  color: #000000;
}

[data-bs-theme=light] .video-meta {
  color: #606060;
}

[data-bs-theme=light] .video-avatar {
  background-color: #f5f5f5;
}

/* Video Single Page Light Mode */
[data-bs-theme=light] .description-box {
  background-color: #f5f5f5;
}

[data-bs-theme=light] .action-btn {
  background-color: #f5f5f5;
  color: #000000;
}

[data-bs-theme=light] .action-btn:hover {
  background-color: #e0e0e0;
}

[data-bs-theme=light] .subscribe-btn {
  background-color: #000000;
  color: #ffffff;
}

[data-bs-theme=light] .subscribe-btn:hover {
  background-color: #333333;
}

[data-bs-theme=light] .comment-input {
  border-bottom: 1px solid #d0d0d0;
  color: #000000;
}

[data-bs-theme=light] .comment-input:focus {
  border-bottom-color: #000000;
}

[data-bs-theme=light] .comment-avatar,
[data-bs-theme=light] .comment-avatar-replies {
  background: #f5f5f5;
}

[data-bs-theme=light] .video-item:hover {
  background-color: #f5f5f5;
}

[data-bs-theme=light] .video-thumbnail-related {
  background-color: #f5f5f5;
}

[data-bs-theme=light] .video-info-related h6>a {
  color: #000000;
}

[data-bs-theme=light] .video-meta-related a {
  color: #606060;
}

[data-bs-theme=light] .video-meta-related a:hover {
  color: #000000;
}

/* Profile Page Light Mode */
[data-bs-theme=light] .profile-banner {
  background-color: #e0e0e0;
}

[data-bs-theme=light] .profile-channel-stats {
  color: #606060;
}

[data-bs-theme=light] .profile-channel-stats>a {
  color: #000000;
}

[data-bs-theme=light] .profile-nav-tabs {
  border-bottom: 1px solid #d0d0d0;
}

[data-bs-theme=light] .profile-nav-tabs .nav-link {
  color: #000000;
}

[data-bs-theme=light] .profile-nav-tabs .nav-link.active,
[data-bs-theme=light] .profile-nav-tabs .nav-link:hover {
  color: #000000;
  border-bottom: 2px solid #000000;
}

[data-bs-theme=light] .profile-subscribe-btn {
  background-color: #000000;
  color: #ffffff;
}

[data-bs-theme=light] .profile-subscribe-btn:hover {
  background-color: #333333;
}

/* Footer Light Mode */
[data-bs-theme=light] .footer {
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
}

[data-bs-theme=light] .footer-links a {
  color: #606060;
}

[data-bs-theme=light] .footer-links a:hover {
  color: #000000;
}

[data-bs-theme=light] .footer-text {
  color: #606060;
}

/* Tables Light Mode */
[data-bs-theme=light] .table thead th {
  background-color: #f5f5f5;
  color: #606060;
}

[data-bs-theme=light] .table tr {
  border-bottom: 1px solid #e0e0e0;
}

/* Pagination Light Mode */
[data-bs-theme=light] .simple-pagination .page-link {
  background-color: #f5f5f5;
  color: #000000;
}

[data-bs-theme=light] .simple-pagination .page-item.disabled>.page-link {
  background-color: #e0e0e0;
  color: #a0a0a0;
}

[data-bs-theme=light] .page-link {
  color: #000000 !important;
}

/* Buttons Light Mode */
[data-bs-theme=light] .btn-outline-light-custom {
  color: #000000;
  border: 1px solid #d0d0d0;
}

[data-bs-theme=light] .btn-outline-light-custom:hover,
[data-bs-theme=light] .btn-outline-light-custom:active,
[data-bs-theme=light] .btn-outline-light-custom:focus {
  background-color: #f0f0f0 !important;
  color: #000000 !important;
  border-color: #b0b0b0 !important;
}

[data-bs-theme=light] .btn-outline-light-custom-2,
[data-bs-theme=light] .btn-outline-light-custom-2:hover,
[data-bs-theme=light] .btn-outline-light-custom-2:focus,
[data-bs-theme=light] .btn-outline-light-custom-2:active {
  color: #000000;
  border: 1px solid #000000;
}

/* Arrow Swiper Light Mode */
[data-bs-theme=light] .btn-arrow-swiper {
  border: 1px solid #d0d0d0;
  background-color: #ffffff;
  color: #000000;
}

/* Modals Light Mode */
[data-bs-theme=light] .modal-content {
  background-color: #ffffff;
  color: #000000;
}

/* Dropdown Light Mode */
[data-bs-theme=light] .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}

[data-bs-theme=light] .dropdown-item {
  color: #000000;
}

[data-bs-theme=light] .dropdown-item:hover {
  background-color: #f5f5f5;
}

/* Messages Light Mode */
[data-bs-theme=light] .nav-link.activeChat,
[data-bs-theme=light] .nav-link.activeChat .text-muted {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
}

[data-bs-theme=light] .message-bubble {
  background-color: #f5f5f5;
  color: #000000;
}

/* Collection Cards Light Mode */
[data-bs-theme=light] .collection-1,
[data-bs-theme=light] .collection-2 {
  background: #f5f5f5;
}

[data-bs-theme=light] .collection-title {
  color: #000000;
}

/* Playlist Cards Light Mode */
[data-bs-theme=light] .stacked-card:nth-child(3) {
  background: linear-gradient(135deg, #e0e0e0 0%, #d0d0d0 100%);
}

[data-bs-theme=light] .stacked-card:nth-child(2) {
  background: linear-gradient(135deg, #ebebeb 0%, #dadada 100%);
}

[data-bs-theme=light] .main-card {
  background: #f5f5f5;
}

[data-bs-theme=light] .playlist-label {
  color: #606060;
}

[data-bs-theme=light] .playlist-title {
  color: #000000;
}

/* Loading Skeleton Light Mode */
[data-bs-theme=light] .loading-text-1,
[data-bs-theme=light] .loading-text-2,
[data-bs-theme=light] .loading-text-3 {
  background-color: #e0e0e0;
}

[data-bs-theme=light] .item-loading::before {
  background-color: #d0d0d0;
}

@keyframes animate-light {
  from {
    transition: none;
  }
  to {
    background-color: #e5e5e5;
    transition: all 0.3s ease-out;
  }
}

[data-bs-theme=light] .item-loading::before {
  animation-name: animate-light;
}

/* Subscription Plans Light Mode */
[data-bs-theme=light] .plan-card {
  border: 2px solid #d0d0d0;
  background-color: #ffffff;
}

[data-bs-theme=light] .plan-card:hover,
[data-bs-theme=light] .plan-card.selected {
  border-color: var(--color-default);
}

[data-bs-theme=light] .plan-radio {
  border: 2px solid #606060;
}

[data-bs-theme=light] .plan-price {
  color: #000000;
}

[data-bs-theme=light] .plan-price-strikethrough {
  color: #a0a0a0;
}

[data-bs-theme=light] .plan-price-period {
  color: #606060;
}

[data-bs-theme=light] .plan-description {
  color: #606060;
}

/* Payment Methods Light Mode */
[data-bs-theme=light] .payment-method {
  border: 2px solid #d0d0d0;
  background-color: #ffffff;
}

[data-bs-theme=light] .payment-method:hover,
[data-bs-theme=light] .payment-method.selected {
  border-color: var(--color-default);
}

[data-bs-theme=light] .payment-radio {
  border: 2px solid #d0d0d0;
}

[data-bs-theme=light] .payment-details {
  color: #606060;
}

[data-bs-theme=light] .payment-total {
  background-color: #f5f5f5;
}

/* Category Groups Light Mode */
[data-bs-theme=light] .category-title {
  color: #000000;
}

[data-bs-theme=light] .category-item {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000000;
}

[data-bs-theme=light] .category-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}

/* Mobile Menu Light Mode */
[data-bs-theme=light] .menuMobile {
  background-color: #ffffff !important;
  border-top: 1px solid #e0e0e0;
}

[data-bs-theme=light] .btn-mobile {
  color: #000000 !important;
}

/* Notifications Light Mode */
[data-bs-theme=light] .dd-noty {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}

/* Scrollbar Light Mode */
[data-bs-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #b0b0b0;
}

[data-bs-theme=light] .custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

/* Background Colors Light Mode */
[data-bs-theme=light] .bg-dark-2 {
  background-color: #f5f5f5 !important;
}

[data-bs-theme=light] .bg-dark-3 {
  background-color: #e5e5e5 !important;
}

[data-bs-theme=light] .bg-white {
  background-color: #ffffff !important;
}

[data-bs-theme=light] .bg-light {
  background-color: #f8f9fa !important;
}

/* Text Colors Light Mode */
[data-bs-theme=light] .link-dark,
[data-bs-theme=light] .text-dark,
[data-bs-theme=light] .text-link-theme {
  color: #000000 !important;
}

[data-bs-theme=light] .text-secondary {
  color: #606060 !important;
}

[data-bs-theme=light] .btn-white {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #d0d0d0;
}

[data-bs-theme=light] .logoLight {
  display: none !important;
}

/* Button Sign In Light Mode */
[data-bs-theme=light] .btn-sign-in-sidebar {
  border: 1px solid var(--color-default);
  color: var(--color-default);
}

[data-bs-theme=light] .btn-sign-in-sidebar:hover {
  background-color: rgba(var(--color-default-rgb), 0.1);
}

/* Forms Light Mode */
[data-bs-theme=light] .form-control,
[data-bs-theme=light] .form-select {
  background-color: #ffffff;
  border-color: #d0d0d0;
  color: #000000;
}

[data-bs-theme=light] .form-control:focus,
[data-bs-theme=light] .form-select:focus {
  background-color: #ffffff;
  border-color: #a0a0a0;
  color: #000000;
}

/* Alerts Light Mode */
[data-bs-theme=light] .alert {
  border: 1px solid;
}

/* Badges Light Mode */
[data-bs-theme=light] .badge-promotional {
  background-color: var(--color-default);
  color: #ffffff;
}

/* Paywall Light Mode */
[data-bs-theme=light] .paywall-overlay {
  background-color: rgba(255, 255, 255, 0.95);
}

[data-bs-theme=light] .paywall-title,
[data-bs-theme=light] .btn-back {
  color: #000000 !important;
}

/* Link Profile Light Mode */
[data-bs-theme=light] .link-profile.active,
[data-bs-theme=light] .link-profile:hover {
  color: #000000 !important;
  border-bottom: 2px solid #000000;
}

/* Icon Social Light Mode */
[data-bs-theme=light] .ico-social {
  color: #606060;
}

[data-bs-theme=light] .ico-social:hover {
  color: #000000;
}

/* Border Dashed Light Mode */
[data-bs-theme=light] .border-dashed {
  border: 1px dashed #b0b0b0;
}

[data-bs-theme=light] .border-dashed-radius {
  border: 1px dashed #b0b0b0;
}

/* Select2 Light Mode */
[data-bs-theme=light] .select2-container--bootstrap-5 .select2-selection,
[data-bs-theme=light] .select2-dropdown,
[data-bs-theme=light] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
[data-bs-theme=light] .select2-container--default .select2-selection--multiple {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #d0d0d0 !important;
}

[data-bs-theme=light] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: #000000 !important;
}

/* Preview Photo Light Mode */
[data-bs-theme=light] .previewPhoto {
  background-color: #ffffff;
}

/* Arrow DM Light Mode */
[data-bs-theme=light] .arrow-dm:before {
  color: #ffffff;
}

[data-bs-theme=light] .btn-add-thumbnail {
  color: #000000 !important;
}

[data-bs-theme=light] .fileuploader-input-button {
  color: #ffffff !important;
}

/* Sweet Alert Light Mode */
[data-bs-theme=light] .sweet-alert {
  background-color: #ffffff;
  color: #000000;
}

[data-bs-theme=light] .sweet-alert h2,
[data-bs-theme=light] .sweet-alert p {
  color: #000000 !important;
}

/* Autocomplete Light Mode */
[data-bs-theme=light] .autocompleteCustom {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #d0d0d0;
}

/* Navigation Hover Light Mode */
[data-bs-theme=light] .nav-link:hover:not(.not-hover):not(.btn) {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.05);
}

/* Scrollbar 2 Light Mode */
[data-bs-theme=light] .scrollbar2::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

[data-bs-theme=light] .scrollbar2::-webkit-scrollbar-thumb {
  background-color: #b0b0b0;
}

/* Category Active Light Mode */
[data-bs-theme=light] .active-category,
[data-bs-theme=light] .btn-category:hover {
  border-color: #000000 !important;
}

/* Hover Content Light Mode - Keep dark overlay on images */
[data-bs-theme=light] .hover-content {
  background-color: rgba(0, 0, 0, 0.40);
  color: #ffffff;
}

[data-bs-theme=light] .title-hover-content {
  color: #ffffff;
}

[data-bs-theme=light] .author-label {
  color: #f8f8f8;
}

/* Video Duration Badge - Keep dark for readability */
[data-bs-theme=light] .video-duration,
[data-bs-theme=light] .video-duration-related,
[data-bs-theme=light] .short-duration-badge {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

/* Video Count Badge */
[data-bs-theme=light] .video-count {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

/* Short Thumbnail User */
[data-bs-theme=light] .short-thumbnail-user {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

/* Premium Crown */
[data-bs-theme=light] .premium-crown {
  background: #00000080;
}

/* Button Play */
[data-bs-theme=light] .button-play {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff;
}

/* Short Thumbnail Overlay */
[data-bs-theme=light] .short-thumbnail-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}

/* Overlay Title - Keep gradient for image overlay */
[data-bs-theme=light] .overlay-title {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* Item Category h5 - Keep white for visibility on images */
[data-bs-theme=light] .item-category h5 {
  color: #ffffff;
}
[data-bs-theme=light] .btn-light,
[data-bs-theme=light] .btn-light:focus,
[data-bs-theme=light] .btn-light:active {
  color: #ffffff;
  background-color: #000;
  border-color: #3a3a3a;
}

[data-bs-theme=light] .js-comment-cancel:hover,
[data-bs-theme=light] .js-reply-cancel:hover,
[data-bs-theme=light] .js-comment-like-btn:hover,
[data-bs-theme=light] .js-comment-dislike-btn:hover,
[data-bs-theme=light] .js-reply-btn:hover {
  box-shadow: unset;
}

[data-bs-theme=light] .login-card {
  background-color: #ededed;
  border-color: #cfcfcf;
}

[data-bs-theme=light] .divider span {
  background-color: #ededed;
}

[data-bs-theme=light] .divider::before {
  background: #c7c7c7;
}

[data-bs-theme=light] .login-card .form-label {
  color: #6a6a6a;
}

[data-bs-theme=light] .login-card p.text-end > a.text-white,
[data-bs-theme=light] .account-link a {
  color: #000 !important;
}

[data-bs-theme=light] .btn-social,
[data-bs-theme=light] .btn-social:hover,
[data-bs-theme=light] .btn-social:focus,
[data-bs-theme=light] .btn-social:active {
  background-color: #d3d3d3 !important;
  border: 1px solid #e9e9e9;
}