/**
 * Talim demo theme (owner ruling, 30 October 2026): the demo stack
 * carries the talim.ch aesthetic — the dark talim header tone
 * (#1d2327), warm greys (#333333 / #c5c5c5 / #e8e8e8), cold violet
 * #442e66, lila #7d2c6e and yellow #ffd500. Sticky header with
 * navigation, lila buttons with yellow hover, lila separation lines
 * and titles. Active on the whole front end while talim-demo is on.
 * Presentation only.
 */

/* Sticky dark header with yellow navigation */
header.wp-block-template-part,
.site-header,
#masthead {
	position: sticky;
	top: 0;
	z-index: 99;
	background: #1d2327;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.admin-bar header.wp-block-template-part,
.admin-bar .site-header,
.admin-bar #masthead { top: 32px; }
header.wp-block-template-part a,
.site-header a,
#masthead a { color: #ffd500; }
header.wp-block-template-part a:hover,
.site-header a:hover,
#masthead a:hover { color: #e8e8e8; }

/* The block theme's navigation carries its own link colour with higher
   specificity — force the yellow on every navigation surface. */
header nav a,
header nav .wp-block-navigation-item__content,
header .wp-block-navigation a,
header .wp-block-navigation .wp-block-navigation-item__content,
nav.wp-block-navigation a,
nav.wp-block-navigation .wp-block-navigation-item__content,
.site-header nav a,
#masthead nav a {
	color: #ffd500 !important;
}
header nav a:hover,
header .wp-block-navigation a:hover,
nav.wp-block-navigation a:hover,
.site-header nav a:hover,
#masthead nav a:hover {
	color: #e8e8e8 !important;
}

/* Talim surfaces: warm grey text, lila titles, lila separation lines */
.talim-userbio,
.talim-wallet-app,
.talim-wallet-verify { color: #333333; }
.talim-userbio h2, .talim-userbio h3,
.talim-wallet-app h2, .talim-wallet-app h3,
.talim-wallet-verify h2, .talim-wallet-verify h3,
.talim-journey h2, .talim-journey h3, .talim-journey h4 { color: #7d2c6e; }
.talim-userbio h2,
.talim-wallet-app h2,
.talim-wallet-verify h2 {
	border-bottom: 2px solid #7d2c6e;
	padding-bottom: 0.3rem;
}
.talim-wallet-app section { border-top: 1px solid #7d2c6e; padding-top: 0.9rem; }
.talim-userbio hr, .talim-wallet-app hr { border: none; border-top: 2px solid #7d2c6e; }
.talim-wallet-app a, .talim-userbio a, .talim-wallet-verify a { color: #442e66; }

/* Lila buttons with yellow hover */
.talim-wallet-app .talim-wallet-button,
.talim-userbio button,
.talim-userbio input[type="submit"],
.talim-journey .talim-btn {
	background: #7d2c6e;
	color: #ffffff;
	border: 2px solid #7d2c6e;
	border-radius: 10px;
	padding: 0.55rem 0.95rem;
	cursor: pointer;
	font-weight: 600;
}
.talim-wallet-app .talim-wallet-button:hover,
.talim-userbio button:hover,
.talim-userbio input[type="submit"]:hover,
.talim-journey .talim-btn:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #442e66;
}