.site-branding {
	order: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left !important;
	padding: 12px 20px;
}

.site-branding,
.site-branding * {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.site-branding img {
	max-height: 110px;
	display: flex;
	align-items: center !important;
	max-width: 110px;
}

.site-header {
	display: flex;
	margin: 0 !important;
	align-items: center;
}

.site-title {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	font-size: 30px !important;
}

.main-navigation {
	order: 2;
	align-items: center;
	text-align: left !important;
	max-width: 1000px;
	margin-top: 50px;
	display: block;
	margin-bottom: 40px !important;
}

.main-navigation ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 16px;
}

.main-navigation a {
	text-decoration: none;
	color: inherit;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 4px;
}

.main-navigation a:hover {
	background-color: #f3f3f3;
	color: #00695c;
}

/* Hero / content */
.hero {
	margin-bottom: 10px;
}

@media (max-widt:1200px) {
	.grid {
		grid-template-columns: 1fr;
	}
}

.card {
	background: var(--card);
	padding: 8px;
	border-radius: 10px;
}

/* stotram list sample */
.stotram-item {
	padding: 10px;
	border-bottom: 1px solid #e6eef0;
}

.stotram-title {
	font-weight: 400;
}

.lang-tag {
	font-size: 12px;
	color: rgb(126, 4, 4) !important;
	margin-left: 8px;
}

/* simple accessible focus */
a:focus {
	outline: 3px solid rgba(0,105,92,0.15);
}

button:focus {
	outline: 3px solid rgba(0,105,92,0.15);
}

.all-stotrams {
	max-width: 900px;
	font-family: "Georgia", serif;
}

.all-stotrams h1 {
	color: #2a706e;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 10px;
}

.all-stotrams h2 {
	color: #2a706e;
	border-bottom: 2px solid #a0d0cd;
	padding-bottom: 8px;
	margin-top: 30px;
}

.all-stotrams p {
	text-align: center;
	color: #555;
	font-size: small;
	margin-bottom: 25px;
}

.stotram-list {
	padding: 0;
	margin: 0 0 1.5em 2em !important;
}

/* Centered minimal header for homepage */
.home .site-branding {
	order: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left !important;
	padding: 12px 20px;
}

.home .site-branding img {
	max-height: 110px;
	display: flex;
	align-items: center !important;
	max-width: 110px;
}

.home .site-branding * {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.home .main-navigation {
	order: 2;
	align-items: center;
	text-align: left !important;
	max-width: 900px;
	margin-top: 50px;
	display: block;
	margin-bottom: 15px !important;
}

.home .site-header {
	display: flex;
	margin: 0 !important;
	align-items: center;
	justify-content: space-between;
}

.home .site-title {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	font-size: 30px !important;
}

.home .main-navigation a {
	text-decoration: none;
	color: inherit;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 4px;
}

/* Fix header overlap on mobile for Sobe theme */
/* --- Fix header alignment on mobile for Sobe theme --- */
@media (max-width: 768px) {
	.site-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-top: 10px !important;
		padding-bottom: 5px !important;
	}
	
	.site-branding {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.custom-logo {
		max-width: 100px;
	/* adjust logo size if needed */
		height: auto;
		margin-bottom: 2px !important;
	}
	
	.site-title {
		font-size: 22px;
	/* smaller for mobile */
		margin: 0 !important;
		line-height: 1.2;
	}
	
	.menu-toggle {
		margin-top: 6px;
		display: inline-block;
		align-self: center;
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}
	
	body.custom-background {
		padding-top: 0 !important;
	}
}

/* --- Compact header fix for Sobe theme (remove extra top/bottom space) --- */
@media (max-width: 1024px) {
	header.site-header {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.site-branding {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.site-title {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.1 !important;
	}
	
	.site-header {
		display: flex;
		margin: 0 !important;
		align-items: center;
		justify-content: space-between;
	}
	
	.custom-logo {
		margin: 0 !important;
		padding: 0 !important;
		max-width: 90px;
	}
	
	.menu-toggle {
		margin: 4px auto !important;
	}
	
	/* Reduce space below header before content starts */
	.site-content {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	/* Remove any page padding added by the theme */
	.custom-background,
					  .site {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}
.main-navigation > ul.menu {
    white-space: nowrap;
}

.main-navigation > ul.menu > li {
    white-space: nowrap;
}

.main-navigation ul.sub-menu {
    white-space: normal;
}

.main-navigation ul.menu li {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.main-navigation > ul.menu > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
}