/* =========================
   Base Theme Cleanup
========================= */

.entry-meta .byline,
.entry-meta .cat-links {
	display: none;
}

.entry-footer {
	display: none;
}


/* =========================
   Variables
========================= */

:root {
    --tab-hover: #444;
    --tab-active-line: white;
    --tab-text: white;
    --tab-box-bg: #f7f7f7;
    --tab-border: #444;
}


/* =========================
   Dark Mode - Header
========================= */

body.dark-mode .site-header {
    background: #1b1c1f !important;
    border-color: #333 !important;
}

body.dark-mode .main-navigation {
    background: #1b1c1f !important;
}

body.dark-mode .main-navigation a,
body.dark-mode .site-title a {
    color: #f2f2f2 !important;
}

body.dark-mode .site-description {
    color: #cfcfcf !important;
}

body.dark-mode .main-navigation a:hover {
    color: #d6c28a !important;
}


/* =========================
   Dark Mode - Button
========================= */

.dark-mode-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    background: #897248;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 14px;
}


/* =========================
   Dark Mode - Global
========================= */

body.dark-mode {
    background: #202124;
    color: #e8eaed;
}


/* Site Areas */

body.dark-mode .site-header,
body.dark-mode .site-main,
body.dark-mode .site-footer,
body.dark-mode .entry-content,
body.dark-mode .wp-block-group {
    background: #202124 !important;
    color: #e8eaed !important;
}


/* Links */

body.dark-mode a {
    color: #d6c28a;
}


/* Inputs */

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #2b2b2b;
    color: white;
    border-color: #555;
}


/* =========================
   Dark Mode - Tabs
========================= */

/* Tab Buttons */

body.dark-mode .tab-button {
    color: white !important;
}


/* Individual Skill Colors */

body.dark-mode .tab-button.skill1-btn {
    background: #7fcd00 !important;
}

body.dark-mode .tab-button.skill2-btn {
    background: #0dc0ea !important;
}

body.dark-mode .tab-button.skill3-btn {
    background: #9800e2 !important;
}


/* Tab Content */

body.dark-mode .tab-content {
    background: #1f2430 !important;
    color: white !important;
    border-color: #4b5563 !important;
}