/*
Theme Name: GeneratePress Dark Child
Theme URI: https://generatepress.com/
Description: Ett minimalt mörkt child-theme för GeneratePress, anpassat för en enkel topplista.
Author: OpenAI
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-dark-child
*/

/*
 * Färgpalett
 * Ändra variablerna här om du vill justera temat senare.
 */
:root {
	--gp-dark-bg: #0d1117;
	--gp-dark-surface: #161b22;
	--gp-dark-surface-alt: #1c2128;
	--gp-dark-border: #30363d;
	--gp-dark-text: #e6edf3;
	--gp-dark-muted: #8b949e;
	--gp-dark-link: #58a6ff;
	--gp-dark-link-hover: #79c0ff;
}

/* Grund */
html,
body {
	background: var(--gp-dark-bg);
	color: var(--gp-dark-text);
}

body,
button,
input,
select,
textarea {
	color: var(--gp-dark-text);
}

a,
a:visited {
	color: var(--gp-dark-link);
}

a:hover,
a:focus,
a:active {
	color: var(--gp-dark-link-hover);
}

/* Header */
.site-header,
.inside-header {
	background: var(--gp-dark-surface);
	color: var(--gp-dark-text);
}

.site-header a,
.site-header a:visited,
.site-branding,
.site-title a,
.site-title a:visited {
	color: var(--gp-dark-text);
}

.site-description {
	color: var(--gp-dark-muted);
}

/* Navigation */
.main-navigation,
.main-navigation .main-nav ul ul {
	background: var(--gp-dark-surface);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--gp-dark-text);
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: var(--gp-dark-surface-alt);
	color: #fff;
}

/* Innehåll */
.site-content,
#page {
	background: var(--gp-dark-bg);
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .site-content {
	background: var(--gp-dark-surface);
	color: var(--gp-dark-text);
}

.entry-title,
.entry-title a,
.entry-title a:visited,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--gp-dark-text);
}

.entry-meta,
.entry-meta a,
.entry-summary,
.wp-caption-text {
	color: var(--gp-dark-muted);
}

/* Topplistor/tabeller */
table {
	width: 100%;
	border-collapse: collapse;
	background: var(--gp-dark-surface);
	color: var(--gp-dark-text);
}

th,
td {
	padding: 0.8rem 1rem;
	border-bottom: 1px solid var(--gp-dark-border);
	text-align: left;
}

th {
	background: var(--gp-dark-surface-alt);
	color: #fff;
	font-weight: 600;
}

tbody tr:hover {
	background: var(--gp-dark-surface-alt);
}

/* Vanliga listor */
.entry-content ul,
.entry-content ol {
	color: var(--gp-dark-text);
}

.entry-content li::marker {
	color: var(--gp-dark-muted);
}

/* Formulär */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
	background: var(--gp-dark-surface-alt);
	border: 1px solid var(--gp-dark-border);
	color: var(--gp-dark-text);
}

input::placeholder,
textarea::placeholder {
	color: var(--gp-dark-muted);
}

/* Knappar */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link {
	background: var(--gp-dark-surface-alt);
	color: var(--gp-dark-text);
	border: 1px solid var(--gp-dark-border);
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
	background: var(--gp-dark-border);
	color: #fff;
}

/* Widgets/sidebar */
.widget {
	color: var(--gp-dark-text);
}

.widget-title {
	color: var(--gp-dark-text);
}

/* Footer */
.site-footer,
.site-info {
	background: var(--gp-dark-surface);
	color: var(--gp-dark-muted);
}

.site-footer a,
.site-footer a:visited {
	color: var(--gp-dark-link);
}

/* Linjer och kod */
hr {
	border-color: var(--gp-dark-border);
}

pre,
code {
	background: var(--gp-dark-surface-alt);
	color: var(--gp-dark-text);
}

/* Fokusmarkering för tangentbordsnavigation */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--gp-dark-link);
	outline-offset: 2px;
}