/*
Theme Name:   Shapely MLT
Template:     shapely
Description:  Child-Theme für mlt-ingenieure.de. Enthält die Anpassungen, die früher direkt in Shapely 1.0.1 steckten, damit Shapely selbst wieder normal aktualisiert werden kann. Benötigt das Plugin "Shapely Companion" (Startseiten-Widgets).
Version:      1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain:  shapely-mlt
*/

/* Header: keine Suche (war in der alten Theme-Kopie aus header.php entfernt) */
.search-widget-handle {
	display: none !important;
}

/*
 * Typografie und Abstände wie in Shapely 1.0. Shapely 1.3 hat Überschriften,
 * Menü, Textfarbe, Buttons und Menühöhe leicht verändert.
 */
body {
	color: #666;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Raleway/Open Sans werden nicht geladen, sichtbar ist die erste installierte Schrift. */
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.button,
.menu,
input,
textarea,
.widget .widget-title {
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
}

/* Startseiten-Header füllt das Fenster unter dem Menü (Shapely 1.0 per JS: Fensterhöhe - Menü + 2px) */
@media (min-width: 769px) {
	section.fullscreen:first-of-type {
		height: calc(100vh - 54px);
	}
}

@media (min-width: 768px) {
	h1,
	.h1 {
		font-size: 56px;
	}

	h3,
	.h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

.main-navigation {
	padding: 0;
}

.main-navigation .menu li a {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
}

.btn-lg {
	height: 50px;
	line-height: 46px;
	padding-top: 0;
	padding-bottom: 0;
}

/* Seiten ohne Sidebar: Inhaltsspalte so breit wie in Shapely 1.0 (col-md-9 statt col-md-8) */
@media (min-width: 992px) {
	#primary.no-sidebar {
		width: 75%;
	}
}

/* Absätze in den Parallax-Sektionen: früher je ein <p class="mb32"> */
.shapely_home_parallax .mb32 > p {
	margin-bottom: 32px;
}

.shapely_home_parallax .mb32 > p:last-child {
	margin-bottom: 0;
}

/* Kunden: Abstand zwischen Logos und Button */
.shapely-mlt-clients-button {
	margin-top: 48px;
}

/* Logo so klein wie in Shapely 1.0 (dort: max-height 60% von 55px Menühöhe) */
.site-title-container .custom-logo {
	width: auto;
	max-height: 33px;
}

/*
 * Startseiten-Header: Shapely 1.0 zeigte den weißen Button (Button 2) links
 * vom gefüllten (Button 1), Shapely Companion umgekehrt.
 */
.top-parallax-section > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.top-parallax-section > div > :not(.btn) {
	flex-basis: 100%;
}

.top-parallax-section .btn-white {
	order: 1;
}

.top-parallax-section .btn-filled {
	order: 2;
}

/*
 * Shapely blendet auf dem Handy alle Zeilenumbrüche aus. Das ist für
 * Überschriften gedacht, lässt aber Adressen und die Leistungsliste
 * zusammenlaufen. Im Fließtext bleiben sie.
 */
@media all and (max-width: 767px) {
	p br,
	li br {
		display: inline;
	}
}

/* Kundenlogos begrenzen */
.logo-carousel img {
	max-height: 150px;
}

/*
 * Das alte Customizer-CSS (Theme-Mod "custom_css" von Shapely 1.0.1) wird von
 * Shapely 1.3 nicht mehr ausgegeben. Dort fehlte hinter der ersten Regel eine
 * schließende Klammer, deshalb hat der Browser alles danach als verschachteltes
 * CSS gelesen und nicht angewendet. Gewirkt hat nur die max-height oben.
 * Der Rest steht hier zur Referenz, bewusst nicht aktiv:
 *
 * .copyright { display: none; }
 * .content ul.post-meta li:last-child { display: none; }
 * body.page header.entry-header { display: none; }
 * body.page .page-title-section { display: none; }
 * body, h1-h6, .btn, .menu, .navbar { font-family: 'Source Sans Pro', sans-serif; }
 * input[type="submit"] { background: #005172; border: 2px solid #005172; }
 * input[type="submit"]:hover { background-color: #005172; color: #fff; }
 * .bg-primary input[type="submit"] { background: #fff; color: #005172; }
 * .widget input[type="submit"]:hover { color: #005172; background-color: #fff; }
 */