/*!
Theme Name: Essentials Child
Theme URI: https://technologies.dk/
Author: Embrace-IT Technologies
Description: Child theme of Essentials. Holds site-specific CSS and any template overrides, so the parent theme can be updated without losing customisations.
Template: essentials
Version: 1.0.0
Text Domain: essentials-child
*/

/* -------------------------------------------------------------------------
   Blog — single post
   Moved here from the technologies-blog-sidebar mu-plugin so it is editable
   in one place. The parent theme prints .pix-pt-20 with !important, so the
   top-spacing override needs it too.
   ------------------------------------------------------------------------- */

.single-post #content.site-content { padding-top: 160px !important; }

@media (max-width: 991.98px) {
	.single-post #content.site-content { padding-top: 50px !important; }
}

/* Sidebar: table of contents */
.techdk-toc-list,
.techdk-related-list { list-style: none; margin: 0; padding: 0; }

.techdk-toc-item { margin: 0 0 2px; }
.techdk-toc-l3   { padding-left: 14px; }

.techdk-toc-link {
	display: block;
	padding: 6px 0 6px 12px;
	border-left: 2px solid rgba(0, 0, 0, .08);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	transition: border-color .15s, color .15s;
}

.techdk-toc-link:hover { text-decoration: none; }

.techdk-toc-link.is-active {
	border-left-color: currentColor;
	font-weight: 600;
}

/* Sidebar: related articles */
.techdk-related-item { margin: 0 0 14px; }
.techdk-related-item:last-child { margin-bottom: 0; }

.techdk-related-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.techdk-related-link:hover { text-decoration: none; }

.techdk-related-thumb img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.techdk-related-text  { display: flex; flex-direction: column; }
.techdk-related-title { font-size: 14px; font-weight: 600; line-height: 1.35; }
.techdk-related-date  { font-size: 12px; opacity: .65; margin-top: 2px; }

/* Anchor targets must clear the sticky header */
html      { scroll-behavior: smooth; }
:target   { scroll-margin-top: 110px; }

/* -------------------------------------------------------------------------
   Carried over from Customizer → Additional CSS
   Customizer CSS is stored PER THEME, so it does not follow a theme switch.
   These two rules were live under the parent theme and are reproduced here.
   ------------------------------------------------------------------------- */

.pix-intro-container {
	padding-top: 100px !important;
	padding-bottom: 50px !important;
}

/* -------------------------------------------------------------------------
   Danish-only rules
   DA pages render <html lang="da-DK">, EN pages lang="en-US".
   ------------------------------------------------------------------------- */

html[lang="da-DK"] .pix-header-desktop .mega-item.pix-mega-style-lg > .dropdown-menu {
	width: 1000px !important;
	left: auto;
	top: 88% !important;
	margin-left: -220px;
}
