/*
Theme Name:        Meelo
Theme URI:         https://meelo.ch
Author:            Patrick / DCA
Description:       Begleit-Theme für das Meelo-Plugin. Rendert die App fullscreen ohne klassischen WP-Theme-Chrome (Header/Footer/Sidebar). Nur Frontend — wp-admin behält das Standard-Layout.
Version:           0.2.0
Requires at least: 6.0
Requires PHP:      8.0
License:           Proprietary
Text Domain:       meelo-theme
*/

/* Globaler Reset — alles soll meelo gehören */
html, body {
	margin: 0;
	padding: 0;
	background: #f6f4ef;
	color: #17140f;
	font-family: 'Inter', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-height: 100vh;
	min-height: 100dvh;
	/* WICHTIG: KEIN overflow:hidden auf html/body — das killt position:sticky in der Sidebar.
	   Notfalls overflow-x:clip (modern), aber NICHT hidden. */
	overflow-x: clip;
}

* {
	box-sizing: border-box;
}

img, video {
	max-width: 100%;
	height: auto;
}

/* WordPress-spezifischer Krempel der wegmuss */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }

/* Container für Page-Content — keine eigene Breitenbegrenzung,
   damit die meelo-App volle Viewport-Breite nutzen kann */
.meelo-shell {
	min-height: 100vh;
	min-height: 100dvh;
	width: 100%;
	display: flex;
	flex-direction: column;
	/* explizit visible damit sticky-Childs funktionieren */
	overflow: visible;
}

/* Wenn auf der Page ein non-meelo Inhalt ist (Page-Title etc.), bekommt er einen Container */
.meelo-page-fallback {
	max-width: 720px;
	margin: 40px auto;
	padding: 0 20px;
	font-family: 'Inter', sans-serif;
}

.meelo-page-fallback h1 {
	font-family: 'Inter Tight', sans-serif;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.025em;
	margin: 0 0 16px;
}

.meelo-page-fallback p {
	font-size: 15px;
	line-height: 1.55;
	color: #4b463c;
}