/**
 * BinGuru Theme Custom Styles
 * Dark mode and custom styling for the theme
 */

/* Base styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Header navigation - ensure visibility in both modes */
.site-header {
    background-color: #0f172a !important;
}
.site-header a {
    color: white !important;
    opacity: 1 !important;
}
.site-header nav a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.site-header .theme-toggle {
    color: #9ca3af !important;
    border-color: #4b5563 !important;
}
.site-header .theme-toggle:hover {
    color: white !important;
    border-color: #6b7280 !important;
}

/* Dropdown menu styling */
.site-header nav .group > div a {
    color: #374151 !important;
    display: block;
    padding: 0.5rem 1rem;
}
.site-header nav .group > div a:hover {
    background: #f3f4f6 !important;
    color: #0D9488 !important;
}
.dark .site-header nav .group > div a {
    color: #e5e7eb !important;
}
.dark .site-header nav .group > div a:hover {
    background: #374151 !important;
    color: #0D9488 !important;
}

/* Search form styling */
.hero-pattern form {
    border-color: #d1d5db;
}
.hero-pattern form input::placeholder {
    opacity: 0.3;
}
.dark .hero-pattern form input::placeholder {
    opacity: 0.3;
}
.dark .hero-pattern form {
    border-color: rgba(71, 85, 105, 0.4) !important;
    background-color: rgba(51, 65, 85, 0.4) !important;
}
.hero-pattern form button[type="submit"] {
    background-color: #1e293b !important;
    color: white !important;
}
.hero-pattern form button[type="submit"]:hover {
    background-color: #374151 !important;
}
.dark .hero-pattern form button[type="submit"] {
    background-color: rgba(30, 41, 59, 0.8) !important;
}
.dark .hero-pattern form button[type="submit"]:hover {
    background-color: rgba(51, 65, 85, 1) !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1f2937;
}
::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Hero pattern - Light mode trading chart background */
.hero-pattern {
    background:
        /* Candlestick pattern - subtle */
        url("data:image/svg+xml,%3Csvg width='120' height='80' viewBox='0 0 120 80' xmlns='http://www.w3.org/2000/svg' opacity='0.06'%3E%3Cg fill='none' stroke='%2310b981' stroke-width='2'%3E%3Cline x1='15' y1='10' x2='15' y2='70'/%3E%3Crect x='10' y='25' width='10' height='30' fill='%2310b981'/%3E%3Cline x1='35' y1='15' x2='35' y2='65' stroke='%23ef4444'/%3E%3Crect x='30' y='20' width='10' height='35' fill='%23ef4444'/%3E%3Cline x1='55' y1='5' x2='55' y2='55'/%3E%3Crect x='50' y='15' width='10' height='25' fill='%2310b981'/%3E%3Cline x1='75' y1='20' x2='75' y2='75' stroke='%23ef4444'/%3E%3Crect x='70' y='30' width='10' height='35' fill='%23ef4444'/%3E%3Cline x1='95' y1='10' x2='95' y2='60'/%3E%3Crect x='90' y='20' width='10' height='25' fill='%2310b981'/%3E%3C/g%3E%3C/svg%3E"),
        /* Horizontal grid lines like price levels */
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 39px,
            rgba(100, 116, 139, 0.06) 39px,
            rgba(100, 116, 139, 0.06) 40px
        ),
        /* Vertical grid lines like time intervals */
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 79px,
            rgba(100, 116, 139, 0.04) 79px,
            rgba(100, 116, 139, 0.04) 80px
        ),
        /* Base gradient */
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #f8fafc 100%);
    background-size: 120px 80px, auto, auto, auto;
}

.dark .hero-pattern {
    background-color: #0f172a;
    background-image: radial-gradient(#1e293b 1px, transparent 1px);
    background-size: 20px 20px;
}

/* YouTube/Video embeds - proper aspect ratio */
.entry-content iframe[src*="youtube"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[src*="vimeo"],
.wp-block-embed__wrapper iframe,
.wp-block-embed-youtube iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 315px;
}
.wp-block-embed,
.wp-block-embed-youtube {
    margin: 1.5rem 0;
}

/* Remove hover/transform from article images */
.entry-content img,
.entry-content img:hover,
.entry-content .gallery-item img,
.entry-content .gallery-item img:hover {
    transform: none !important;
    transition: none !important;
    cursor: default !important;
}

/* Disable hyphenation in content */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content span,
.entry-content div {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Dark mode for post content */
.dark .entry-header {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.15) 0%, rgba(45, 212, 191, 0.08) 100%) !important;
    border-color: rgba(45, 212, 191, 0.25) !important;
    color: #f3f4f6 !important;
}
.dark .hentry {
    border-color: #374151 !important;
}
.dark .hentry .entry-header::after {
    background: radial-gradient(circle, rgba(45, 212, 191, 0.15) 0%, transparent 70%);
}
.dark .entry-title,
.dark .entry-content h1,
.dark .entry-content h2,
.dark .entry-content h3,
.dark .entry-content h4,
.dark .entry-content h5,
.dark .entry-content h6 {
    color: #f3f4f6 !important;
}
.dark .entry-content,
.dark .entry-content p,
.dark .entry-content li,
.dark .entry-content td,
.dark .entry-content th,
.dark .entry-content span,
.dark .entry-content div {
    color: #d1d5db !important;
}
.dark .entry-content a {
    color: #0D9488 !important;
}
.dark .entry-content a:hover {
    color: #34d399 !important;
}
.dark .entry-meta,
.dark .entry-meta a,
.dark .cat-links,
.dark .cat-links a,
.dark .tags-links,
.dark .tags-links a {
    color: #9ca3af !important;
}
/* Blockquote styling - distinct from lists */
.entry-content blockquote {
    position: relative;
    margin: 1.5rem 0;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border: none;
    border-radius: 0.75rem;
    font-style: italic;
    color: #374151;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
}
.entry-content blockquote::before {
    content: '"';
    position: absolute;
    left: 0.75rem;
    top: 0.5rem;
    font-size: 3rem;
    font-family: Georgia, serif;
    color: #10b981;
    line-height: 1;
    opacity: 0.5;
}
.entry-content blockquote p {
    margin: 0;
}

.dark .entry-content blockquote {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(13, 148, 136, 0.05) 100%) !important;
    color: #d1d5db !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.dark .entry-content blockquote::before {
    color: #10b981;
    opacity: 0.4;
}
.dark .entry-content pre,
.dark .entry-content code {
    background: #1f2937 !important;
    color: #0D9488 !important;
}
.dark .entry-content table {
    border-color: #374151 !important;
}
.dark .entry-content th,
.dark .entry-content td {
    border-color: #374151 !important;
}
.dark .entry-content th {
    background: #1f2937 !important;
}
.dark .entry-content img {
    opacity: 0.9;
}

/* List styling for entry-content (exclude TOC) */
.entry-content ul:not(.toc-list):not(.toc-list ul),
.entry-content ol:not(.toc-list):not(.toc-list ol) {
    margin: 1.5rem 0;
    padding-left: 20px !important;
}
.entry-content ul:not(.toc-list):not(.toc-list ul) {
    list-style: disc;
}
.entry-content ol:not(.toc-list):not(.toc-list ol) {
    list-style: decimal;
}
.entry-content ul:not(.toc-list) > li:not(.toc-item),
.entry-content ol:not(.toc-list) > li:not(.toc-item) {
    position: relative;
    padding: 0.875rem 1rem;
    margin-bottom: 0.5rem;
    background: #f5f2ed;
    border-radius: 0.5rem;
    border: 1px solid #e8e4dd;
    transition: all 0.2s ease;
}
/* List items WITH links - special styling */
.entry-content ul:not(.toc-list) > li:not(.toc-item):has(a),
.entry-content ol:not(.toc-list) > li:not(.toc-item):has(a) {
    border-left: 3px solid #0D9488;
    cursor: pointer;
}
.entry-content ul:not(.toc-list) > li:not(.toc-item):has(a):hover,
.entry-content ol:not(.toc-list) > li:not(.toc-item):has(a):hover {
    background: #e8e4dd;
    border-color: #0D9488;
    border-left: 3px solid #0D9488;
}

/* List items WITHOUT links - simpler styling */
.entry-content ul:not(.toc-list) > li:not(.toc-item):not(:has(a)),
.entry-content ol:not(.toc-list) > li:not(.toc-item):not(:has(a)) {
    border-left: 3px solid transparent;
    background: #f8f6f3;
}
.entry-content li:not(.toc-item) a {
    color: #0D9488;
    font-weight: 500;
}
.entry-content li:not(.toc-item) a:hover {
    color: #0F766E;
}
.dark .entry-content li:not(.toc-item) a {
    color: #fff !important;
}
.dark .entry-content li:not(.toc-item) a:hover {
    color: #5eead4 !important;
}
.entry-content ul:not(.toc-list) > li:not(.toc-item)::marker,
.entry-content ol:not(.toc-list) > li:not(.toc-item)::marker {
    color: #0D9488;
    font-weight: 600;
}

/* Dark mode list styling (exclude TOC) */
.dark .entry-content ul:not(.toc-list) > li:not(.toc-item),
.dark .entry-content ol:not(.toc-list) > li:not(.toc-item) {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
/* Dark mode - list items WITH links */
.dark .entry-content ul:not(.toc-list) > li:not(.toc-item):has(a),
.dark .entry-content ol:not(.toc-list) > li:not(.toc-item):has(a) {
    border-left: 3px solid #0D9488 !important;
}
.dark .entry-content ul:not(.toc-list) > li:not(.toc-item):has(a):hover,
.dark .entry-content ol:not(.toc-list) > li:not(.toc-item):has(a):hover {
    background: #374151 !important;
    border-color: #374151 !important;
    border-left: 3px solid #0D9488 !important;
}

/* Dark mode - list items WITHOUT links */
.dark .entry-content ul:not(.toc-list) > li:not(.toc-item):not(:has(a)),
.dark .entry-content ol:not(.toc-list) > li:not(.toc-item):not(:has(a)) {
    border-left: 3px solid transparent !important;
    background: #1a242f !important;
}

/* TOC specific styling */
.toc-container {
    background: #fff;
    border: 1px solid #e8e4dd;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
    overflow-x: hidden !important;
}
.toc-container .toc-list,
.toc-container .toc-list ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 1rem !important;
    overflow-x: hidden !important;
}
.toc-container .toc-list li,
.toc-container .toc-item {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.toc-container .toc-list > li {
    border-bottom: 1px solid #f0ede8;
}
.toc-container .toc-list > li:last-child {
    border-bottom: none;
}
.toc-container .toc-list a {
    display: block;
    padding: 0.75rem 1rem;
    color: #5c5850;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s ease;
}
.toc-container .toc-list a:hover {
    color: #0D9488;
    background: #f5f2ed;
}
.toc-container .toc-list ul a {
    padding-left: 1.5rem;
    font-size: 0.9em;
    color: #7c7770;
}
.toc-container .toc-list ul ul a {
    padding-left: 2.5rem;
    font-size: 0.85em;
}

/* TOC scrollbar - light mode */
.toc-container::-webkit-scrollbar,
.toc-container *::-webkit-scrollbar {
    width: 6px;
    height: 0;
}
.toc-container::-webkit-scrollbar-track,
.toc-container *::-webkit-scrollbar-track {
    background: #f5f2ed;
}
.toc-container::-webkit-scrollbar-thumb,
.toc-container *::-webkit-scrollbar-thumb {
    background: #d1ccc4;
    border-radius: 3px;
}
.toc-container::-webkit-scrollbar-thumb:hover,
.toc-container *::-webkit-scrollbar-thumb:hover {
    background: #b8b2a8;
}

/* Dark mode TOC */
.dark .toc-container {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
.dark .toc-container .toc-list > li {
    border-bottom-color: #374151;
}
.dark .toc-container .toc-list a {
    color: #9ca3af;
}
.dark .toc-container .toc-list a:hover {
    color: #0D9488;
    background: #374151;
}
.dark .toc-container .toc-list ul a {
    color: #6b7280;
}

/* Dark mode TOC scrollbar */
.dark .toc-container::-webkit-scrollbar-track,
.dark .toc-container *::-webkit-scrollbar-track {
    background: #1f2937;
}
.dark .toc-container::-webkit-scrollbar-thumb,
.dark .toc-container *::-webkit-scrollbar-thumb {
    background: #4b5563;
}
.dark .toc-container::-webkit-scrollbar-thumb:hover,
.dark .toc-container *::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Dark mode for sidebar and widgets */
.dark .sidebar,
.dark .widget {
    background: #111827 !important;
    color: #d1d5db !important;
}
.dark .widget-title {
    color: #f3f4f6 !important;
}
.dark .widget a {
    color: #0D9488 !important;
}

/* Dark mode for comments */
.dark .comments-area,
.dark .comment-body {
    color: #d1d5db !important;
}
.dark .comment-author {
    color: #f3f4f6 !important;
}

/* Dark mode for TOC */
.dark .toc-container {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
.dark .toc-title {
    color: #f3f4f6 !important;
}
.dark .toc-list a {
    color: #9ca3af !important;
}
.dark .toc-list a:hover {
    color: #0D9488 !important;
}

/* Dark mode for container/wrapper backgrounds */
.dark .content-area,
.dark .site-main,
.dark .container,
.dark #primary,
.dark article {
    background: transparent !important;
}

/* Dark mode for footer */
.dark .footer,
.dark .site-footer,
.dark footer {
    background: #0f172a !important;
    color: #9ca3af !important;
    border-color: #374151 !important;
}
.dark .footer a,
.dark .site-footer a,
.dark footer a {
    color: #9ca3af !important;
}
.dark .footer a:hover,
.dark .site-footer a:hover,
.dark footer a:hover {
    color: #fff !important;
}
.dark .site-footer .footer-random-posts {
    background: #111827 !important;
}
.dark .site-footer .footer-random-posts h3,
.dark .site-footer .footer-random-posts .section-title {
    color: #f3f4f6 !important;
}
.dark .site-footer .footer-bottom {
    background: #0f172a !important;
    border-color: #374151 !important;
}
.dark .random-posts-grid,
.dark .random-posts-grid .post-item,
.dark .random-posts-grid article,
.dark .footer-post-item {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
.dark .random-posts-grid a,
.dark .footer-post-item a {
    color: #d1d5db !important;
}
.dark .random-posts-grid a:hover,
.dark .footer-post-item a:hover {
    color: #0D9488 !important;
}
.dark .random-posts-grid .post-title,
.dark .random-posts-grid h3,
.dark .random-posts-grid h4,
.dark .footer-post-item .post-title,
.dark .footer-post-item h3,
.dark .footer-post-item h4 {
    color: #f3f4f6 !important;
}

/* Sitemap page spacing */
.flex.flex-wrap.gap-2 {
    margin: 20px 0;
}
.grid.gap-2 {
    margin-top: 20px;
}

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Line clamp utilities */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Search page styles */
.search-page-wrapper {
    background: #faf8f5;
    min-height: 100vh;
}
.dark .search-page-wrapper {
    background: #111827 !important;
}

/* Search header */
.search-title {
    color: #1f2937;
}
.dark .search-title {
    color: #fff !important;
}
.search-count {
    color: #6b7280;
}
.dark .search-count {
    color: #9ca3af !important;
}

/* Search form */
.search-input {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #1f2937;
}
.search-input::placeholder {
    color: #9ca3af;
}
.dark .search-input {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
    color: #fff !important;
}
.dark .search-input::placeholder {
    color: #6b7280 !important;
}

/* Search result cards */
.search-result-card {
    background: #fff;
    border: 1px solid #e5e7eb;
}
.search-result-card:hover {
    border-color: #10b981;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.dark .search-result-card {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
.dark .search-result-card:hover {
    border-color: #10b981 !important;
}

/* Thumbnail placeholder */
.search-thumb-placeholder {
    background: #f3f4f6;
}
.dark .search-thumb-placeholder {
    background: #374151 !important;
}
.search-thumb-icon {
    color: #d1d5db;
}
.dark .search-thumb-icon {
    color: #4b5563 !important;
}

/* Search result title */
.search-result-title {
    color: #1f2937;
}
.search-result-card:hover .search-result-title {
    color: #10b981;
}
.dark .search-result-title {
    color: #fff !important;
}

/* Search result meta */
.search-result-meta {
    color: #9ca3af;
}
.dark .search-result-meta {
    color: #6b7280 !important;
}

/* Search result excerpt */
.search-result-excerpt {
    color: #4b5563;
}
.dark .search-result-excerpt {
    color: #9ca3af !important;
}

/* Search result arrow */
.search-result-arrow {
    color: #d1d5db;
}
.search-result-card:hover .search-result-arrow {
    color: #10b981;
}
.dark .search-result-arrow {
    color: #4b5563 !important;
}

/* No results */
.no-results-icon {
    color: #d1d5db;
}
.dark .no-results-icon {
    color: #4b5563 !important;
}
.no-results-title {
    color: #1f2937;
}
.dark .no-results-title {
    color: #fff !important;
}
.no-results-text {
    color: #6b7280;
}
.dark .no-results-text {
    color: #9ca3af !important;
}

/* Search pagination */
.navigation.pagination {
    display: flex;
    justify-content: center;
}
.navigation.pagination .screen-reader-text {
    display: none !important;
}
.navigation.pagination .nav-links {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.navigation.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    background: #fff;
    border: 1px solid #e5e7eb;
    transition: all 0.2s;
    text-decoration: none;
}
.navigation.pagination .page-numbers:hover {
    border-color: #10b981;
    color: #10b981;
}
.navigation.pagination .page-numbers.current {
    background: #10b981;
    border-color: #10b981;
    color: #fff;
}
.navigation.pagination .page-numbers.dots {
    border: none;
    background: transparent;
}
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev {
    background: #1f2937;
    border-color: #1f2937;
    color: #fff;
}
.navigation.pagination .page-numbers.next:hover,
.navigation.pagination .page-numbers.prev:hover {
    background: #374151;
    border-color: #374151;
    color: #fff;
}
.dark .navigation.pagination .page-numbers {
    background: #1f2937;
    border-color: #374151;
    color: #9ca3af;
}
.dark .navigation.pagination .page-numbers:hover {
    border-color: #10b981;
    color: #10b981;
}
.dark .navigation.pagination .page-numbers.current {
    background: #10b981;
    border-color: #10b981;
    color: #fff;
}
.dark .navigation.pagination .page-numbers.next,
.dark .navigation.pagination .page-numbers.prev,
.dark .navigation.pagination a.next,
.dark .navigation.pagination a.prev {
    background: #374151 !important;
    border-color: #374151 !important;
    color: #fff !important;
}
.dark .navigation.pagination .page-numbers.next:hover,
.dark .navigation.pagination .page-numbers.prev:hover,
.dark .navigation.pagination a.next:hover,
.dark .navigation.pagination a.prev:hover {
    background: #4b5563 !important;
    border-color: #4b5563 !important;
}

/* Force override any white backgrounds on pagination */
.dark .nav-links a,
.dark .pagination a {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #9ca3af !important;
}
.dark .nav-links a:hover,
.dark .pagination a:hover {
    border-color: #10b981 !important;
    color: #10b981 !important;
}
.dark .nav-links .current,
.dark .pagination .current {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
}

/* Fix material icons inside pagination */
.navigation.pagination .page-numbers .material-icons-outlined,
.navigation.pagination a .material-icons-outlined,
.nav-links .material-icons-outlined {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
    height: auto !important;
    display: inline-flex !important;
}

/* ================================================
   LIGHT MODE TRADING THEME - Cards & UI Elements
   ================================================ */

/* Light mode page background with trading grid */
html:not(.dark) body {
    background:
        /* Horizontal grid lines */
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 39px,
            rgba(100, 116, 139, 0.05) 39px,
            rgba(100, 116, 139, 0.05) 40px
        ),
        /* Vertical grid lines */
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 79px,
            rgba(100, 116, 139, 0.04) 79px,
            rgba(100, 116, 139, 0.04) 80px
        ),
        #f8fafc;
}

/* Light mode feature cards (Академия, Университеты, Форум) */
html:not(.dark) .rounded-2xl {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.07),
        0 10px 30px -5px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

html:not(.dark) .rounded-2xl:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow:
        0 8px 12px -2px rgba(0, 0, 0, 0.1),
        0 20px 50px -10px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Light mode icon circles */
html:not(.dark) .rounded-full.bg-slate-700,
html:not(.dark) .rounded-full.bg-slate-800 {
    background: linear-gradient(145deg, #ffffff, #f0fdf4) !important;
    box-shadow:
        0 6px 16px rgba(16, 185, 129, 0.15),
        0 2px 4px rgba(0, 0, 0, 0.06),
        inset 0 1px 2px rgba(255, 255, 255, 1);
    border: 1px solid rgba(16, 185, 129, 0.15) !important;
}

/* Light mode icon colors */
html:not(.dark) .rounded-full .material-icons-outlined {
    color: #0d9488 !important;
}

/* Light mode search input */
html:not(.dark) .hero-pattern input[type="search"],
html:not(.dark) .hero-pattern [role="searchbox"] {
    background: #ffffff !important;
    box-shadow:
        inset 0 3px 8px rgba(0, 0, 0, 0.06),
        0 0 0 1px rgba(0, 0, 0, 0.08);
    border: none !important;
}

html:not(.dark) .hero-pattern input[type="search"]:focus,
html:not(.dark) .hero-pattern [role="searchbox"]:focus {
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.04),
        0 0 0 2px rgba(16, 185, 129, 0.2);
}

/* Light mode article cards */
html:not(.dark) article.bg-white,
html:not(.dark) .home-article-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border-radius: 16px;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.06),
        0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: all 0.25s ease;
}

html:not(.dark) article.bg-white:hover,
html:not(.dark) .home-article-card:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

/* Light mode header - glass effect */
html:not(.dark) header.bg-slate-900,
html:not(.dark) .site-header {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Light mode header text */
html:not(.dark) header.bg-slate-900 a,
html:not(.dark) .site-header a {
    color: #374151 !important;
}

html:not(.dark) header.bg-slate-900 a:hover,
html:not(.dark) .site-header a:hover {
    color: #0d9488 !important;
}

/* Light mode main content area */
html:not(.dark) main.bg-slate-900,
html:not(.dark) .bg-slate-900 {
    background: transparent !important;
}

/* Light mode section titles */
html:not(.dark) h2.text-white,
html:not(.dark) h3.text-white {
    color: #1f2937 !important;
}

/* Light mode footer */
html:not(.dark) footer.bg-slate-900 {
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

html:not(.dark) footer.bg-slate-900 * {
    color: #4b5563 !important;
}

html:not(.dark) footer.bg-slate-900 a:hover {
    color: #0d9488 !important;
}
.font-light {
    font-weight: 500;
}