/*
 * Dronaut theme override — Dimension color palette
 * #1b1f22 dark background, #ffffff text, no color accents
 */

/* h1.major podtrhnutí — přepsat fialový gradient (v šabloně na řádku 200) */
h1.major:after {
	background-image: none;
	background-color: rgba(255, 255, 255, 0.4);
}

/* Intro heading in Geo */
#intro h1 {
	font-family: 'Geo', sans-serif;
	font-weight: 400;
	font-size: 5em;
	text-align: center;
}

/* Body */
body { background: #1b1f22; }

/* Sidebar */
#sidebar { background: #1b1f22; }
#sidebar nav a:before { background: #242a2e; }
#sidebar nav a:after {
	background-image: none;
	background-color: #ffffff;
}

/* Header bar (mobile) */
#header { background-color: #1b1f22; }

/* Wrapper styles — replace purple/pink with dark tones */
.wrapper.style1    { background-color: #242a2e; }
.wrapper.style1-alt{ background-color: #1e2428; }
.wrapper.style2    { background-color: #1e2428; }
.wrapper.style2-alt{ background-color: #1b1f22; }
.wrapper.style3    { background-color: #2a3035; }
.wrapper.style3-alt{ background-color: #242a2e; }

/* Intro fullscreen section */
.wrapper.style1.fullscreen { background-color: #1b1f22; }

/* Spotlight overlay */
.spotlights > section > .image:before {
	background: rgba(27, 31, 34, 0.9);
}

/* Icon colors in features grid — all wrapper styles */
.wrapper.style1 .icon.major:before,
.wrapper.style1-alt .icon.major:before,
.wrapper.style2 .icon.major:before,
.wrapper.style3 .icon.major:before { color: #ffffff; }

/* Chybějící hrany při lichém počtu dlaždic — pouze v 2-sloupcovém layoutu.
   Při 3 dlaždicích: sekce 2 nemá spodní sousedy (border-bottom), sekce 3 nemá pravého (border-right) */
@media screen and (min-width: 981px) {
	.features section:nth-last-child(2):nth-child(even) {
		border-bottom: solid 1px rgba(255, 255, 255, 0.15);
	}
	.features section:last-child:nth-child(odd):nth-child(n+3) {
		border-right: solid 1px rgba(255, 255, 255, 0.15);
	}
}

/* Icon bg circles (style1..style6 in features) */
span.icon.solid.major { background-color: rgba(255,255,255,0.05); }

/* Active sidebar link accent */
#sidebar nav a.active { color: #ffffff; }

/* Footer */
#footer.wrapper.style1-alt { background-color: #13171a; }

/* Primary button */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary,
a.button.primary {
	background-color: #ffffff;
	color: #1b1f22 !important;
	box-shadow: none;
}
input[type="submit"].primary:hover,
button.primary:hover,
.button.primary:hover,
a.button.primary:hover {
	background-color: rgba(255,255,255,0.85);
}

/* Accent link colors */
a { color: rgba(255,255,255,0.7); }
a:hover { color: #ffffff; }

/* Font size — reduced globally */
body, input, select, textarea { font-size: 12.5pt; }
@media screen and (max-width: 1680px) { body, input, select, textarea { font-size: 9pt; } }
@media screen and (max-width: 1280px) { body, input, select, textarea { font-size: 8pt; } }
@media screen and (max-width: 360px)  { body, input, select, textarea { font-size: 7pt; } }

/* Services — image sizing and spacing */
@media screen and (min-width: 981px) {
	.spotlights > section { min-height: 14em; }
	.spotlights > section > .image { width: 26em; height: 17.33em; align-self: center; }
	.spotlights > section + section { margin-top: 2em; }
}
@media screen and (max-width: 980px) {
	.spotlights > section { display: flex; flex-direction: column-reverse; }
	.spotlights > section > .image { width: 65vw; height: calc(65vw * 2 / 3); margin: 0 auto; }
}

/* Mobile nav — sidebar is display:none at ≤736px in main.css, restore as compact top bar */
@media screen and (max-width: 736px) {
	#sidebar {
		display: block;
		height: auto;
		line-height: 2em;
		overflow: visible;
		padding: 0.75em 1em;
		text-align: center;
		width: 100%;
	}
	#sidebar > .inner {
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
		line-height: inherit;
		justify-content: center;
	}
	#sidebar nav { height: auto; line-height: inherit; }
	#sidebar nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 1em;
		height: auto;
		line-height: inherit;
		margin: 0;
	}
	#sidebar nav ul li { height: auto; line-height: inherit; margin: 0; padding: 0.25em 0; }
	#sidebar nav a { height: auto; line-height: inherit; padding: 0; font-size: 0.55em; }
	#sidebar + #wrapper { padding-top: 4em; }
}