/* Toggle-able Dark Mode - Activated by data-theme="dark" attribute */

/* Force light mode when NOT in dark theme */
html:not([data-theme="dark"]) body {
	background-color: #ffffff !important;
	color: #333 !important;
}

html:not([data-theme="dark"]) #colorlib-main {
	background-color: #ffffff !important;
}

/* Sidebar in light mode - restore original pastel blue */
html:not([data-theme="dark"]) #colorlib-aside {
	background-color: #a0c4ff !important;
}

html:not([data-theme="dark"]) #colorlib-aside #colorlib-logo a {
	color: #1a3a6d !important;
}

html:not([data-theme="dark"]) #colorlib-aside .position {
	color: #1a3a6d !important;
}

html:not([data-theme="dark"]) #colorlib-aside #colorlib-main-menu ul li a {
	color: rgba(26, 58, 109, 0.8) !important;
}

html:not([data-theme="dark"]) #colorlib-aside #colorlib-main-menu ul li a:after {
	background-color: #1a3a6d !important;
}

html:not([data-theme="dark"]) #colorlib-aside #colorlib-main-menu ul li a:hover {
	color: #1a3a6d !important;
}

html:not([data-theme="dark"]) #colorlib-aside #colorlib-main-menu ul li.active a {
	color: #1a3a6d !important;
}

/* Headers in light mode - restore original colors with MAXIMUM specificity */
html:not([data-theme="dark"]) h1,
html:not([data-theme="dark"]) h2,
html:not([data-theme="dark"]) h3,
html:not([data-theme="dark"]) h4,
html:not([data-theme="dark"]) h5,
html:not([data-theme="dark"]) h6 {
	color: #222 !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) body h1,
html:not([data-theme="dark"]) body h2,
html:not([data-theme="dark"]) body h3,
html:not([data-theme="dark"]) body h4,
html:not([data-theme="dark"]) body h5,
html:not([data-theme="dark"]) body h6 {
	color: #222 !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .about-desc h1,
html:not([data-theme="dark"]) .colorlib-about h1,
html:not([data-theme="dark"]) .colorlib-experience h1,
html:not([data-theme="dark"]) .colorlib-education h1,
html:not([data-theme="dark"]) .colorlib-projects h1,
html:not([data-theme="dark"]) .colorlib-blogs h1,
html:not([data-theme="dark"]) .colorlib-contact h1 {
	color: #222 !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) #colorlib-main h1,
html:not([data-theme="dark"]) #colorlib-main h2,
html:not([data-theme="dark"]) #colorlib-main h3 {
	color: #222 !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .colorlib-heading {
	color: #222 !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .timeline-label h2 {
	color: #1a3a6d !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .project-heading,
html:not([data-theme="dark"]) h4.project-heading {
	color: #1a3a6d !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .timeline-sublabel {
	color: #333 !important;
	font-weight: 600 !important;
}

html:not([data-theme="dark"]) .timeline-text {
	color: #444 !important;
}

/* Accordion in light mode - restore pastel blue */
html:not([data-theme="dark"]) .accordion {
	background: transparent !important;
	border: none !important;
}

html:not([data-theme="dark"]) .accordion .link {
	background: #ffffff !important;
	color: #1a3a6d !important;
	border: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
	margin-bottom: 10px !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

html:not([data-theme="dark"]) .accordion .link p,
html:not([data-theme="dark"]) .accordion .link h4 {
	color: #1a3a6d !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .accordion .link:hover {
	background-color: #f8faff !important;
	border-color: #d3e0ff !important;
	box-shadow: 0 2px 6px rgba(160, 196, 255, 0.15) !important;
}

html:not([data-theme="dark"]) .accordion li.open .link {
	background-color: #ffffff !important;
}

html:not([data-theme="dark"]) .accordion li i.fa {
	color: #8ab4f8 !important;
}

/* Submenu/Projects in light mode */
html:not([data-theme="dark"]) .submenu {
	background: transparent !important;
}

html:not([data-theme="dark"]) .submenu li {
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
	margin-bottom: 10px !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

html:not([data-theme="dark"]) .submenu li:hover {
	background-color: #f8faff !important;
	border-color: #d3e0ff !important;
	box-shadow: 0 2px 6px rgba(160, 196, 255, 0.15) !important;
}

html:not([data-theme="dark"]) .project-heading,
html:not([data-theme="dark"]) .submenu .project-heading,
html:not([data-theme="dark"]) .submenu h4 {
	color: #1a3a6d !important;
	font-weight: 700 !important;
}

html:not([data-theme="dark"]) .subheading p,
html:not([data-theme="dark"]) .project-description,
html:not([data-theme="dark"]) .submenu p {
	color: #555 !important;
}

/* Resume items and project cards in light mode */
html:not([data-theme="dark"]) .resume-item {
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

html:not([data-theme="dark"]) .project-card {
	background-color: transparent !important;
}

html:not([data-theme="dark"]) .resume-content,
html:not([data-theme="dark"]) #left-div,
html:not([data-theme="dark"]) #right-div {
	background-color: transparent !important;
}

html:not([data-theme="dark"]) .resume-item:hover {
	border-color: #d3e0ff !important;
	box-shadow: 0 2px 6px rgba(160, 196, 255, 0.15) !important;
}

html:not([data-theme="dark"]) .badge-secondary {
	background-color: #bdd4ff !important;
	color: #1a3a6d !important;
	border: none !important;
}

/* Timeline in light mode */
html:not([data-theme="dark"]) .timeline-centered:before {
	background: #d3e0ff !important;
}

html:not([data-theme="dark"]) .timeline-label {
	background: #eef4ff !important;
	color: #333 !important;
	box-shadow: 0 0 5px rgba(160, 196, 255, 0.3) !important;
}

html:not([data-theme="dark"]) .timeline-label:after {
	border-color: transparent #eef4ff transparent transparent !important;
}

html:not([data-theme="dark"]) .timeline-label h2 {
	color: #1a3a6d !important;
	font-weight: 600 !important;
}

html:not([data-theme="dark"]) .timeline-label h2 span {
	color: #666 !important;
	font-weight: 400 !important;
}

html:not([data-theme="dark"]) .timeline-sublabel {
	color: #222 !important;
	font-weight: 500 !important;
}

html:not([data-theme="dark"]) .timeline-text {
	color: #444 !important;
}

html:not([data-theme="dark"]) .timeline-icon {
	box-shadow: 0 0 0 5px #fff !important;
}

html:not([data-theme="dark"]) .timeline-icon.color-2 {
	background: #a0c4ff !important;
	color: #1a3a6d !important;
}

/* Contact form in light mode */
html:not([data-theme="dark"]) #contactForm {
	background-color: #fff !important;
	border-color: #d3e0ff !important;
}

html:not([data-theme="dark"]) #contactForm label {
	color: #222 !important;
	font-weight: 600 !important;
}

html:not([data-theme="dark"]) #contactForm input[type="text"],
html:not([data-theme="dark"]) #contactForm input[type="email"],
html:not([data-theme="dark"]) #contactForm textarea {
	background-color: #f8faff !important;
	border-color: #ccc !important;
	color: #222 !important;
}

html:not([data-theme="dark"]) #contactForm input[type="text"]::placeholder,
html:not([data-theme="dark"]) #contactForm input[type="email"]::placeholder,
html:not([data-theme="dark"]) #contactForm textarea::placeholder {
	color: #888 !important;
}

html:not([data-theme="dark"]) #contactForm button[type="submit"] {
	background-color: #8ab4f8 !important;
	color: #ffffff !important;
}

html:not([data-theme="dark"]) .colorlib-contact p {
	color: #444 !important;
}

/* Footer in light mode */
html:not([data-theme="dark"]) .colorlib-footer,
html:not([data-theme="dark"]) footer.footer {
	background-color: #f5f7fa !important;
	color: #555 !important;
	border-top: 1px solid #e0e0e0 !important;
}

html:not([data-theme="dark"]) .col-title {
	color: #1a3a6d !important;
	font-weight: 600 !important;
}

html:not([data-theme="dark"]) .col-list a {
	color: #555 !important;
}

html:not([data-theme="dark"]) .col-list a:hover {
	color: #6a9dd7 !important;
}

html:not([data-theme="dark"]) .copyright-text {
	color: #777 !important;
}

/* Theme Toggle Button */
.theme-toggle-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #2d3748;
	color: #ffffff;
	border: 2px solid #404040;
	cursor: pointer;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	z-index: 9999;
}

.theme-toggle-btn:hover {
	background-color: #374151;
	transform: scale(1.1);
}

.theme-toggle-btn:active {
	transform: scale(0.95);
}

/* Apply dark mode only when data-theme="dark" */
html[data-theme="dark"] body {
	background-color: #1a1a1a !important;
	color: #e0e0e0 !important;
}

html[data-theme="dark"] #colorlib-main {
	background-color: #1a1a1a !important;
}

/* ALL Headings */
html[data-theme="dark"] h1, 
html[data-theme="dark"] h2, 
html[data-theme="dark"] h3, 
html[data-theme="dark"] h4, 
html[data-theme="dark"] h5, 
html[data-theme="dark"] h6,
html[data-theme="dark"] .about-desc h1,
html[data-theme="dark"] .about-desc h2,
html[data-theme="dark"] .about-desc h3,
html[data-theme="dark"] .colorlib-about h1,
html[data-theme="dark"] .colorlib-experience h1,
html[data-theme="dark"] .colorlib-education h1,
html[data-theme="dark"] .colorlib-projects h1,
html[data-theme="dark"] .colorlib-blogs h1,
html[data-theme="dark"] .colorlib-contact h1,
html[data-theme="dark"] .colorlib-heading,
html[data-theme="dark"] .row-bottom-padded-sm h1,
html[data-theme="dark"] .animate-box h1,
html[data-theme="dark"] div h1, 
html[data-theme="dark"] section h1,
html[data-theme="dark"] #colorlib-main h1,
html[data-theme="dark"] #colorlib-main h2,
html[data-theme="dark"] #colorlib-main h3 {
	color: #ffffff !important;
}

html[data-theme="dark"] p {
	color: #d0d0d0 !important;
}

/* Bio section - make brighter */
html[data-theme="dark"] #bio p,
html[data-theme="dark"] .about-desc p {
	color: #e8e8e8 !important;
}

html[data-theme="dark"] a {
	color: #6a9dd7 !important;
}

html[data-theme="dark"] a:hover, 
html[data-theme="dark"] a:active, 
html[data-theme="dark"] a:focus {
	color: #7aade7 !important;
}

/* Sidebar */
html[data-theme="dark"] #colorlib-aside {
	background-color: #252525 !important;
}

html[data-theme="dark"] #colorlib-aside #colorlib-logo a {
	color: #ffffff !important;
}

html[data-theme="dark"] #colorlib-aside .position {
	color: #9db4d4 !important;
}

html[data-theme="dark"] #colorlib-aside #colorlib-main-menu ul li a {
	color: rgba(224, 224, 224, 0.8) !important;
}

html[data-theme="dark"] #colorlib-aside #colorlib-main-menu ul li a:after {
	background-color: #6a9dd7 !important;
}

html[data-theme="dark"] #colorlib-aside #colorlib-main-menu ul li a:hover {
	color: #9db4d4 !important;
}

html[data-theme="dark"] #colorlib-aside #colorlib-main-menu ul li.active a {
	color: #6a9dd7 !important;
}

/* Timeline */
html[data-theme="dark"] .timeline-centered:before {
	background: #444 !important;
}

html[data-theme="dark"] .timeline-label {
	background: #252525 !important;
	color: #e0e0e0 !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .timeline-label:after {
	border-color: transparent #252525 transparent transparent !important;
}

html[data-theme="dark"] .timeline-label h2 {
	color: #ffffff !important;
}

html[data-theme="dark"] .timeline-sublabel {
	color: #b0b0b0 !important;
}

html[data-theme="dark"] .timeline-text {
	color: #c0c0c0 !important;
}

/* Timeline icons */
html[data-theme="dark"] .timeline-icon {
	box-shadow: 0 0 0 5px #1a1a1a !important;
}

html[data-theme="dark"] .timeline-icon.color-2 {
	background: #4a7bb8 !important;
	color: #ffffff !important;
}

html[data-theme="dark"] .timeline-icon.color-3 {
	background: #8b5fa8 !important;
}

html[data-theme="dark"] .timeline-icon.color-4 {
	background: #3a9b93 !important;
}

html[data-theme="dark"] .timeline-icon.color-5 {
	background: #c75555 !important;
}

html[data-theme="dark"] .timeline-entry.begin .timeline-icon {
	background: #1a1a1a !important;
}

/* Badges/Tags */
html[data-theme="dark"] .badge-secondary {
	background-color: #2a2a2a !important;
	color: #9db4d4 !important;
	border: 1px solid #404040 !important;
}

/* Accordion/Projects */
html[data-theme="dark"] .accordion {
	background: transparent !important;
	border: none !important;
}

html[data-theme="dark"] .accordion .link {
	background: #1e1e1e !important;
	color: #ffffff !important;
	border-bottom: 1px solid #2a2a2a !important;
}

html[data-theme="dark"] .accordion .link:hover {
	background-color: #252525 !important;
}

html[data-theme="dark"] .accordion .link p {
	color: #ffffff !important;
}

html[data-theme="dark"] .accordion li.open .link {
	background-color: #1e1e1e !important;
}

html[data-theme="dark"] .accordion li i.fa {
	color: #6a9dd7 !important;
}

/* Blog and project sections - remove bright backgrounds */
html[data-theme="dark"] .project-card {
	background-color: transparent !important;
}

html[data-theme="dark"] .resume-item {
	background-color: #1e1e1e !important;
	border: 1px solid #2a2a2a !important;
}

html[data-theme="dark"] .resume-content {
	background-color: transparent !important;
}

html[data-theme="dark"] #left-div,
html[data-theme="dark"] #right-div {
	background-color: transparent !important;
}

html[data-theme="dark"] .project-heading {
	color: #ffffff !important;
}

html[data-theme="dark"] .project-description {
	color: #c0c0c0 !important;
}

html[data-theme="dark"] .publish-date {
	color: #888 !important;
}

/* Progress bars */
html[data-theme="dark"] .progress {
	background-color: #2a2a2a !important;
}

html[data-theme="dark"] .progress-bar {
	background-color: #5a8dc7 !important;
}

/* Contact form */
html[data-theme="dark"] #contactForm {
	background-color: #252525 !important;
	border-color: #3a3a3a !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] #contactForm label {
	color: #e0e0e0 !important;
}

html[data-theme="dark"] #contactForm input[type="text"],
html[data-theme="dark"] #contactForm input[type="email"],
html[data-theme="dark"] #contactForm textarea {
	background-color: #1a1a1a !important;
	border-color: #404040 !important;
	color: #e0e0e0 !important;
}

html[data-theme="dark"] #contactForm input[type="text"]:focus,
html[data-theme="dark"] #contactForm input[type="email"]:focus,
html[data-theme="dark"] #contactForm textarea:focus {
	background-color: #252525 !important;
	border-color: #5a8dc7 !important;
	box-shadow: 0 0 0 3px rgba(90, 141, 199, 0.25) !important;
}

html[data-theme="dark"] #contactForm button[type="submit"] {
	background-color: #5a8dc7 !important;
	color: #ffffff !important;
}

html[data-theme="dark"] #contactForm button[type="submit"]:hover {
	background-color: #6a9dd7 !important;
}

/* Services/Cards */
html[data-theme="dark"] .services {
	background-color: #252525 !important;
}

html[data-theme="dark"] .services .icon {
	color: #6a9dd7 !important;
}

html[data-theme="dark"] .services h3 {
	color: #ffffff !important;
}

/* Footer */
html[data-theme="dark"] .colorlib-footer,
html[data-theme="dark"] footer.footer {
	background-color: #252525 !important;
	color: #c0c0c0 !important;
}

html[data-theme="dark"] .col-title {
	color: #ffffff !important;
}

html[data-theme="dark"] .col-list a {
	color: #c0c0c0 !important;
}

html[data-theme="dark"] .col-list a:hover {
	color: #6a9dd7 !important;
}

html[data-theme="dark"] .copyright-text {
	color: #888 !important;
}

/* Read more link */
html[data-theme="dark"] .readmore {
	background-color: transparent !important;
	color: #6a9dd7 !important;
}

html[data-theme="dark"] .readmore p {
	color: #6a9dd7 !important;
	background-color: transparent !important;
}

html[data-theme="dark"] .readmore:hover p {
	color: #7aade7 !important;
}

/* Resume content */
html[data-theme="dark"] .resume-item {
	background-color: #1e1e1e !important;
	border: 1px solid #2a2a2a !important;
}

html[data-theme="dark"] .resume-content {
	color: #c0c0c0 !important;
	background-color: transparent !important;
}

/* Blog and project sections - remove bright backgrounds */
html[data-theme="dark"] .colorlib-projects .submenu,
html[data-theme="dark"] .colorlib-blogs .submenu,
html[data-theme="dark"] .submenu {
	background-color: transparent !important;
}

html[data-theme="dark"] .colorlib-projects .submenu li,
html[data-theme="dark"] .colorlib-blogs .submenu li,
html[data-theme="dark"] .submenu li {
	background-color: #1e1e1e !important;
	border-bottom: 1px solid #2a2a2a !important;
	margin-bottom: 10px !important;
	border-radius: 4px !important;
}

html[data-theme="dark"] .submenu li:hover {
	background-color: #252525 !important;
}

html[data-theme="dark"] .submenu a {
	color: inherit !important;
}

html[data-theme="dark"] .subheading p {
	color: #c0c0c0 !important;
}

html[data-theme="dark"] .project-heading,
html[data-theme="dark"] .submenu .project-heading,
h4.project-heading {
	color: #ffffff !important;
}

html[data-theme="dark"] .sub-heading {
	color: #c0c0c0 !important;
}

html[data-theme="dark"] .sub-heading p {
	color: #c0c0c0 !important;
}

/* Selection color */
html[data-theme="dark"] ::-webkit-selection {
	background: #5a8dc7 !important;
	color: #ffffff !important;
}

html[data-theme="dark"] ::-moz-selection {
	background: #5a8dc7 !important;
	color: #ffffff !important;
}

html[data-theme="dark"] ::selection {
	background: #5a8dc7 !important;
	color: #ffffff !important;
}

/* HR separator */
html[data-theme="dark"] hr {
	border-color: #374151 !important;
}