/* dark-mode.css - Premium Dark Mode Overrides for Aytaç Arıkan Website */

.dark-mode {
  background-color: #0f172a !important; /* Slate 900 */
  color: #94a3b8 !important; /* Slate 400 */
}

/* Custom Scrollbars for Dark Mode */
.dark-mode ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dark-mode ::-webkit-scrollbar-track {
  background: #0f172a;
}
.dark-mode ::-webkit-scrollbar-thumb {
  background: #334155; /* Slate 700 */
  border-radius: 5px;
}
.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #475569; /* Slate 600 */
}

.dark-mode #wrapper {
  background-color: #0f172a !important;
}

.dark-mode #main {
  background-color: #0f172a !important;
}

.dark-mode #sidebar {
  background-color: #1e293b !important; /* Slate 800 */
}

.dark-mode #sidebar > .inner > .alt {
  background-color: #0f172a !important;
}

/* Typography Overrides */
.dark-mode h1, 
.dark-mode h2, 
.dark-mode h3, 
.dark-mode h4, 
.dark-mode h5, 
.dark-mode h6,
.dark-mode strong {
  color: #f1f5f9 !important; /* Slate 100 */
}

.dark-mode a {
  color: #38bdf8 !important; /* Sky 400 accent for links */
  border-bottom-color: rgba(56, 189, 248, 0.25) !important;
}

.dark-mode a:hover {
  color: #7dd3fc !important;
  border-bottom-color: #38bdf8 !important;
}

/* Header & Accents */
.dark-mode #header {
  border-bottom-color: #38bdf8 !important;
}

.dark-mode #header .logo {
  color: #f1f5f9 !important;
}

.dark-mode #main > .inner > section {
  border-top-color: #38bdf8 !important;
}

.dark-mode #sidebar > .inner > * {
  border-bottom-color: #334155 !important; /* Slate 700 border */
}

.dark-mode hr {
  border-bottom-color: #334155 !important;
  border-top-color: #334155 !important;
}

.dark-mode hr.major {
  border-top-color: #334155 !important;
}

/* Grids and Articles dividing lines */
.dark-mode .posts article:before {
  background: #334155 !important;
}

.dark-mode .posts article:after {
  background: #334155 !important;
}

.dark-mode table tbody tr {
  border-color: #334155 !important;
}

.dark-mode table tbody tr:nth-child(2n + 1) {
  background-color: rgba(51, 65, 85, 0.25) !important;
}

.dark-mode table th {
  color: #f1f5f9 !important;
}

.dark-mode table thead {
  border-bottom-color: #334155 !important;
}

.dark-mode table tfoot {
  border-top-color: #334155 !important;
}

/* Sidebar Search */
.dark-mode #search form input[type="text"] {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

.dark-mode #search form input[type="text"]:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25) !important;
}

.dark-mode #search form:before {
  color: #cbd5e1 !important;
}

/* Sidebar Menu */
.dark-mode #menu ul {
  color: #cbd5e1 !important; /* Slate 300 */
}

.dark-mode #menu ul a, 
.dark-mode #menu ul span {
  color: #cbd5e1 !important;
}

.dark-mode #menu ul a:hover, 
.dark-mode #menu ul span:hover {
  color: #38bdf8 !important;
  background-color: rgba(56, 189, 248, 0.05) !important;
}

.dark-mode #menu ul a.opener:hover:before, 
.dark-mode #menu ul span.opener:hover:before {
  color: #38bdf8 !important;
}

.dark-mode #menu ul a.opener:before, 
.dark-mode #menu ul span.opener:before {
  color: #64748b !important;
}

.dark-mode #menu ul ul {
  background-color: rgba(15, 23, 42, 0.3) !important;
  border-top-color: #334155 !important;
}

/* Buttons */
.dark-mode input[type="submit"],
.dark-mode input[type="reset"],
.dark-mode input[type="button"],
.dark-mode button,
.dark-mode .button {
  box-shadow: inset 0 0 0 2px #38bdf8 !important;
  color: #38bdf8 !important;
  background-color: transparent !important;
}

.dark-mode input[type="submit"]:hover,
.dark-mode input[type="reset"]:hover,
.dark-mode input[type="button"]:hover,
.dark-mode button:hover,
.dark-mode .button:hover {
  background-color: rgba(56, 189, 248, 0.05) !important;
}

.dark-mode input[type="submit"].primary,
.dark-mode input[type="reset"].primary,
.dark-mode input[type="button"].primary,
.dark-mode button.primary,
.dark-mode .button.primary {
  background-color: #38bdf8 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

.dark-mode input[type="submit"].primary:hover,
.dark-mode input[type="reset"].primary:hover,
.dark-mode input[type="button"].primary:hover,
.dark-mode button.primary:hover,
.dark-mode .button.primary:hover {
  background-color: #7dd3fc !important;
}

/* Sidebar Lock Toggle */
.dark-mode #sidebar .toggle {
  color: #cbd5e1 !important;
}

.dark-mode #sidebar .toggle:before {
  color: #cbd5e1 !important;
}

.dark-mode #sidebar .toggle:after {
  background: rgba(30, 41, 59, 0.95) !important; /* Slate 800 toggle container */
}

/* Forms & Fields */
.dark-mode input[type="text"],
.dark-mode input[type="password"],
.dark-mode input[type="email"],
.dark-mode select,
.dark-mode textarea {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

.dark-mode input[type="text"]:focus,
.dark-mode input[type="password"]:focus,
.dark-mode input[type="email"]:focus,
.dark-mode select:focus,
.dark-mode textarea:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25) !important;
}

/* Contact Details */
.dark-mode ul.contact li:before {
  color: #38bdf8 !important;
}

.dark-mode ul.contact a {
  color: #38bdf8 !important;
}
.dark-mode ul.contact a:hover {
  color: #7dd3fc !important;
}

/* Features sections */
.dark-mode .features article .icon:before {
  color: #38bdf8 !important;
}
.dark-mode .features article .icon:after {
  border-color: #334155 !important;
}

/* Footer details */
.dark-mode #footer .copyright {
  color: #64748b !important;
}

/* Fixes for timeline lists (Education, Job timeline) */
.dark-mode .education,
.dark-mode .job {
  border-bottom-color: #334155 !important;
}

body.dark-mode .school-title h3,
body.dark-mode .job-title h3 {
  color: #f1f5f9 !important;
}

body.dark-mode .dates {
  color: #38bdf8 !important;
}

body.dark-mode .department-info h4,
body.dark-mode .company-info h4 {
  color: #cbd5e1 !important;
}

body.dark-mode .gpa {
  color: #64748b !important;
}

/* Custom overlay or dynamic elements styling overrides */
body.dark-mode blockquote {
  border-left-color: #38bdf8 !important;
  color: #cbd5e1 !important;
}

body.dark-mode code {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

body.dark-mode pre {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}