/**
 * Dark Mode Theme - LimeSözlük Style
 * Deep navy blue theme with comfortable contrast
 */

/* ========== TRANSITION SETTINGS ========== */
:root {
    --transition-speed: 0.3s;
    --transition-timing: ease;
}

* {
    transition: background-color var(--transition-speed) var(--transition-timing),
        color var(--transition-speed) var(--transition-timing),
        border-color var(--transition-speed) var(--transition-timing);
}

/* ========== LIGHT THEME (DEFAULT) ========== */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;

    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;

    --border-color: #e5e7eb;
    --border-hover: #d1d5db;
}

/* ========== DARK THEME - LIMESÖZLÜK STYLE ========== */
.dark {
    /* Backgrounds - Deep navy blue tones */
    --bg-primary: #1a2332;
    /* Main background - deep navy */
    --bg-secondary: #212d3d;
    /* Cards, panels - slightly lighter navy */
    --bg-tertiary: #2a3749;
    /* Hover states - lighter blue-gray */

    /* Text - Clean whites and light blues */
    --text-primary: #e8eef5;
    /* Main text - soft white/blue */
    --text-secondary: #b8c5d6;
    /* Secondary - muted blue-gray */
    --text-tertiary: #8a9bad;
    /* Tertiary - deeper blue-gray */

    /* Borders - Subtle blue-gray */
    --border-color: #2f3d50;
    --border-hover: #3d4f68;
}

/* ========== GLOBAL ELEMENTS ========== */
.dark body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* ========== BACKGROUNDS ========== */
.dark .bg-white,
.dark [class*="bg-white"] {
    background-color: var(--bg-secondary) !important;
}

.dark .bg-gray-50 {
    background-color: var(--bg-tertiary) !important;
}

.dark .bg-gray-100 {
    background-color: var(--bg-tertiary) !important;
}

.dark .bg-gray-200 {
    background-color: #3d4f68 !important;
}

.dark .bg-gray-900 {
    background-color: #151d2a !important;
}

/* Hover states */
.dark .hover\:bg-gray-50:hover,
.dark .hover\:bg-gray-100:hover {
    background-color: var(--bg-tertiary) !important;
}

/* ========== TEXT COLORS ========== */
.dark .text-gray-800,
.dark .text-gray-900 {
    color: var(--text-primary) !important;
}

.dark .text-gray-600,
.dark .text-gray-700 {
    color: var(--text-secondary) !important;
}

.dark .text-gray-500,
.dark .text-gray-400 {
    color: var(--text-tertiary) !important;
}

.dark .text-gray-300 {
    color: var(--text-secondary) !important;
}

/* ========== BORDERS ========== */
.dark .border-gray-100,
.dark .border-gray-200,
.dark .border-gray-300 {
    border-color: var(--border-color) !important;
}

.dark .border-b {
    border-color: var(--border-color) !important;
}

.dark .border-t {
    border-color: var(--border-color) !important;
}

.dark .border-l-4 {
    border-color: var(--border-hover) !important;
}

/* ========== INPUTS & FORMS ========== */
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="search"],
.dark input[type="number"],
.dark textarea,
.dark select {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: var(--text-tertiary) !important;
}

.dark input:focus,
.dark textarea:focus,
.dark select:focus {
    border-color: #22c55e !important;
    background-color: #2a3749 !important;
}

/* ========== SPECIAL COMPONENTS ========== */

/* Purple theme for confessions */
.dark .bg-purple-50 {
    background-color: rgba(168, 85, 247, 0.12) !important;
}

.dark .border-purple-200 {
    border-color: rgba(168, 85, 247, 0.3) !important;
}

.dark .text-purple-600 {
    color: #c084fc !important;
}

/* Orange theme for events */
.dark .bg-orange-50 {
    background-color: rgba(251, 146, 60, 0.12) !important;
}

.dark .text-orange-500,
.dark .text-orange-600 {
    color: #fb923c !important;
}

/* Blue theme for businesses */
.dark .bg-blue-50 {
    background-color: rgba(59, 130, 246, 0.12) !important;
}

.dark .text-blue-500,
.dark .text-blue-600 {
    color: #60a5fa !important;
}

/* Yellow/beige highlights */
.dark .bg-yellow-50 {
    background-color: rgba(250, 204, 21, 0.12) !important;
}

/* Green accents */
.dark .bg-green-50 {
    background-color: rgba(34, 197, 94, 0.12) !important;
}

.dark .text-green-600,
.dark .text-green-700 {
    color: #4ade80 !important;
}

/* Red highlights */
.dark .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.12) !important;
}

.dark .text-red-600 {
    color: #f87171 !important;
}

/* ========== NAVIGATION ========== */
.dark header,
.dark nav {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* ========== CARDS & PANELS ========== */
.dark .rounded-lg,
.dark .rounded-xl {
    background-color: var(--bg-secondary);
}

.dark .shadow-sm {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}

.dark .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
}

.dark .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

/* ========== TABLES ========== */
.dark table {
    background-color: var(--bg-secondary);
}

.dark table thead {
    background-color: var(--bg-tertiary);
}

.dark table tbody tr:hover {
    background-color: var(--bg-tertiary);
}

/* ========== SCROLLBAR ========== */
.dark ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dark ::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

.dark ::-webkit-scrollbar-thumb {
    background: #2f3d50;
    border-radius: 5px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #3d4f68;
}

/* ========== IMAGES ========== */
.dark img:not(.avatar):not(.logo):not([class*="icon"]) {
    opacity: 0.92;
}

.dark img:hover {
    opacity: 1;
}

/* ========== LINKS ========== */
.dark a:not([class*="bg-"]):not([class*="text-green"]):not([class*="text-purple"]):not([class*="text-blue"]):not([class*="text-cyan"]) {
    color: #60a5fa;
}

.dark a:hover {
    color: #93c5fd;
}

/* ========== BADGES & PILLS ========== */
.dark .bg-gray-100.text-gray-600,
.dark .bg-gray-100.text-gray-700 {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
}

/* ========== DROPDOWNS ========== */
.dark [x-show] {
    background-color: var(--bg-secondary) !important;
}

/* ========== ADMIN PANEL ========== */
.dark .dark\:bg-gray-900 {
    background-color: #151d2a !important;
}

.dark .dark\:bg-gray-800 {
    background-color: var(--bg-secondary) !important;
}

.dark .dark\:bg-gray-700 {
    background-color: var(--bg-tertiary) !important;
}

.dark .dark\:text-gray-100,
.dark .dark\:text-gray-200 {
    color: var(--text-primary) !important;
}

.dark .dark\:text-gray-300,
.dark .dark\:text-gray-400 {
    color: var(--text-secondary) !important;
}

.dark .dark\:border-gray-700,
.dark .dark\:border-gray-600 {
    border-color: var(--border-color) !important;
}

/* ========== SPECIAL WIDGETS ========== */

/* Etkinlikler (Events) Header Box - SPECIFIC */
.dark .bg-gradient-to-r.from-orange-50.to-red-50 {
    background: var(--bg-secondary) !important;
    border-color: rgba(251, 146, 60, 0.3) !important;
}

.dark .bg-gradient-to-r.from-orange-50.to-red-50 h2,
.dark .bg-gradient-to-r.from-orange-50.to-red-50 p {
    color: var(--text-primary) !important;
}

/* City Guide Header Box - SPECIFIC */
.dark .bg-gradient-to-r.from-blue-50.to-purple-50 {
    background: var(--bg-secondary) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.dark .bg-gradient-to-r.from-blue-50.to-purple-50 h2,
.dark .bg-gradient-to-r.from-blue-50.to-purple-50 p {
    color: var(--text-primary) !important;
}

/* Event Cards */
.dark .bg-white.rounded-lg.border.shadow-sm {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* İtiraflar Widget - Sidebar */
.dark .bg-gradient-to-br.from-purple-50.to-pink-50 {
    background: linear-gradient(to bottom right, rgba(168, 85, 247, 0.08), rgba(236, 72, 153, 0.08)) !important;
    background-color: var(--bg-secondary) !important;
}

.dark .bg-white\/70 {
    background-color: rgba(54, 57, 63, 0.7) !important;
}

.dark .border-purple-100 {
    border-color: rgba(168, 85, 247, 0.2) !important;
}

.dark .hover\:border-purple-300:hover {
    border-color: rgba(168, 85, 247, 0.4) !important;
}

.dark .line-clamp-2 {
    color: var(--text-primary) !important;
}

/* Featured Entry Box */
.dark .bg-gradient-to-r.from-green-50.to-emerald-50 {
    background: linear-gradient(to right, rgba(34, 197, 94, 0.08), rgba(16, 185, 129, 0.08)) !important;
    background-color: var(--bg-secondary) !important;
}

.dark .border-green-100 {
    border-color: rgba(34, 197, 94, 0.2) !important;
}

.dark .bg-green-100 {
    background-color: rgba(34, 197, 94, 0.15) !important;
}

.dark .text-green-800,
.dark .text-green-900 {
    color: #4ade80 !important;
}

.dark .border-green-200 {
    border-color: rgba(34, 197, 94, 0.3) !important;
}

.dark .border-orange-200 {
    border-color: rgba(251, 146, 60, 0.3) !important;
}

.dark .border-blue-200 {
    border-color: rgba(59, 130, 246, 0.3) !important;
}


/* ========== SPECIAL STATES ========== */

/* Focus rings */
.dark *:focus {
    outline-color: #22c55e !important;
}

/* Disabled states */
.dark [disabled],
.dark .disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Selection */
.dark ::selection {
    background-color: rgba(34, 197, 94, 0.3);
    color: var(--text-primary);
}