/*
Theme Name:   Carolin Holley – TTOM Child
Theme URI:    https://www.carolinholley.de
Description:  Child Theme von Twenty Twenty-Five mit den Brand-Farben und der Typografie von Carolin Holley (THE TASTE OF MORE).
Author:       Carolin Holley
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain:  ttom-child
*/

/* ------------------------------------------------------------------
   Sanftes Scrollen zu Ankern (z. B. Menüpunkt "FAQ" → #faq)
   ------------------------------------------------------------------ */
html {
	scroll-behavior: smooth;
}

/* Abstand beim Anspringen eines Ankers, damit die Überschrift nicht
   unter dem (sticky) Header verschwindet. Wert ggf. an Header-Höhe anpassen. */
[id] {
	scroll-margin-top: 110px;
}

/* ------------------------------------------------------------------
   Ankermenü auf Onepagern: bleibt beim Scrollen oben kleben
   ------------------------------------------------------------------ */
.ttom-anker-nav {
	position: sticky;
	top: 0;
	z-index: 90;
	border-bottom: 1px solid var(--wp--preset--color--kamel, #A68B5B);
}

/* Eingeloggt mit WordPress-Adminleiste: Menü darunter andocken */
body.admin-bar .ttom-anker-nav {
	top: 32px;
}

.ttom-anker-nav p {
	margin: 0;
}

.ttom-anker-nav a {
	color: var(--wp--preset--color--waldgruen, #08210B);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.85rem;
	font-weight: 400;
}

.ttom-anker-nav a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ------------------------------------------------------------------
   Icons vor den Modul-Überschriften (Vorbereitung/Nacharbeit)
   ------------------------------------------------------------------ */
.ttom-vorbereitung::before,
.ttom-nacharbeit::before {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	vertical-align: -0.2em;
	margin-right: 0.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Buch-Icon für die Vorbereitung (Olivgrün fest eingebaut) */
.ttom-vorbereitung::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23756E33' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19a2 2 0 0 1 2-2h14'/%3E%3Cpath d='M5 17V4a1 1 0 0 1 1-1h13v16H6a1 1 0 0 0-1 1'/%3E%3Cpath d='M9 7h6'/%3E%3C/svg%3E");
}

/* Kopfhörer-Icon für die Nacharbeit (Olivgrün fest eingebaut) */
.ttom-nacharbeit::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23756E33' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='14' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='14' width='4' height='6' rx='1.5'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------
   Datei-Block (PDF-/MP3-Download) in den Modul-Karten
   ------------------------------------------------------------------ */
.wp-block-file {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	background: var(--wp--preset--color--greige, #EDE8E0);
	border-radius: 8px;
	padding: 0.75rem 1rem;
	margin: 0.5rem 0;
}

/* Kleines Datei-Icon links vor dem Dateinamen */
.wp-block-file::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308210B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z'/%3E%3C/svg%3E");
}

.wp-block-file__button {
	margin-left: auto;
}

/* ------------------------------------------------------------------
   Passwort-Formular für den Mitgliederbereich (THE TASTE OF MORE)
   ------------------------------------------------------------------ */
.ttom-passwortschutz {
	max-width: 420px;
	margin: 4rem auto;
	padding: 2.5rem;
	background: var(--wp--preset--color--weiss, #fff);
	border: 1px solid var(--wp--preset--color--kamel, #A68B5B);
	border-radius: 12px;
	text-align: center;
}

.ttom-passwortschutz h2 {
	margin-top: 0;
}

.ttom-passwortschutz input[type="password"] {
	width: 100%;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid var(--wp--preset--color--kamel, #A68B5B);
	border-radius: 8px;
	font-family: var(--wp--preset--font-family--body, sans-serif);
	font-size: 1rem;
	box-sizing: border-box;
}

.ttom-passwortschutz button {
	width: 100%;
	cursor: pointer;
}