/*
Theme Name: Monika Mazur
Description: Nachbau des bisherigen Designs von monika-mazur.de (Brooklyn) als schlankes, eigenes Theme.
Version: 0.2.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: monika-mazur
*/

/* Die übernommene Gestaltung steckt in assets/css/original.css.
   Hier nur Korrekturen für Dinge, die das alte Theme per Skript erledigt hat. */

/* Volle Breite für Zeilen, die WPBakery per Skript gestreckt hat */
[data-vc-full-width="true"] {
	position: relative !important;
	left: 50% !important;
	width: 100vw !important;
	max-width: none !important;
	margin-left: -50vw !important;
	box-sizing: border-box;
}
[data-vc-full-width="true"] [data-vc-full-width="true"] {
	left: 0 !important;
	width: 100% !important;
	margin-left: 0 !important;
}

/* Startbild immer bildschirmhoch (abzüglich Admin-Leiste für Angemeldete) */
.ut-hero-height-100 #ut-hero { min-height: 100vh; }
.admin-bar.ut-hero-height-100 #ut-hero { min-height: calc(100vh - 32px); }
@media (max-width: 782px) { .admin-bar.ut-hero-height-100 #ut-hero { min-height: calc(100vh - 46px); } }

/* Wechselnde Wörter im Startbild */
.ut-word-rotator { transition: opacity .4s ease; }
.ut-word-rotator.mm-fade { opacity: 0; }

/* Elemente, die das alte Theme erst beim Scrollen einblendet */
.ut-animate-simple-time-line-event,
.ut-hero-animation-element { opacity: 1 !important; }

/* Mobiles Menü */
#ut-mobile-nav { display: none; }
body.mm-mobile-open #ut-mobile-nav { display: block; }

/* Kontaktformular */
.mm-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }
.wpcf7-spinner { display: none; }
.wpcf7-response-output.mm-response-sent { display: block; border: 2px solid #46b450; padding: .5em 1em; margin-top: 1em; }
.wpcf7-response-output.mm-response-invalid,
.wpcf7-response-output.mm-response-failed { display: block; border: 2px solid #ff2930; padding: .5em 1em; margin-top: 1em; }

/* Newsletter-Leiste: eingeklappt, wenn geschlossen */
.mctb.mm-closed .mctb-bar { display: none; }

/* Handy, nur für Angemeldete: Die WordPress-Leiste würde sonst eine weiße Lücke über die Kopfzeile schieben */
@media (max-width: 600px) {
	#wpadminbar { display: none !important; }
	html { margin-top: 0 !important; }
	.admin-bar #header-section.ut-header-floating,
	.admin-bar #ut-mobile-nav { top: 0 !important; margin-top: 0 !important; }
}

/* Beim Scrollen einblenden (ersetzt die Animation des alten Themes) */
.ut-animate-element,
.ut-animate-image,
.ut-animate-gallery-element { transition: opacity .8s ease; }
.ut-animate-element.mm-in,
.ut-animate-image.mm-in,
.ut-animate-gallery-element.mm-in { opacity: 1 !important; }