/*
Theme Name: API Homokozó
Theme URI: https://wp.mindigi.hu/
Description: A wp.mindigi.hu REST API-gyakorló homokozó arculata — a Twenty Twenty-Five gyerektémája.
             Külön háttérsávot kap a fejléc, a tartalom és a lábléc, hogy a felépítés első ránézésre látszódjon.
Author: csaladi-szerver
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.8
License: GNU General Public License v2 or later
Text Domain: wp-mindigi
*/

/* ---------------------------------------------------------------
   1) FEJLÉC — sötét sáv, alul kiemelő csíkkal
   --------------------------------------------------------------- */
.wp-site-blocks > header {
	border-bottom: 3px solid var(--wp--preset--color--kiemeles, #3d7bff);
}

.wp-site-blocks > header .wp-block-site-title a {
	text-decoration: none;
}

.wp-site-blocks > header a:hover,
.wp-site-blocks > header a:focus {
	color: #9ec1ff;
}

/* Az aktív menüpont legyen felismerhető */
.wp-site-blocks > header .wp-block-navigation .current-menu-item a {
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

/* ---------------------------------------------------------------
   2) TARTALOM — a világos háttéren úszó fehér "kártya"
      (a lap háttérszínét a theme.json adja: --wp--preset--color--hatter)
   --------------------------------------------------------------- */
.wp-site-blocks > main {
	background-color: var(--wp--preset--color--base, #fff);
	max-width: min(1400px, 100% - 2.5rem);
	margin-inline: auto;
	margin-bottom: var(--wp--preset--spacing--60, 4rem);
	padding-block: clamp(1.5rem, 4vw, 3.5rem);
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16, 27, 43, 0.06), 0 10px 30px rgba(16, 27, 43, 0.07);
	overflow: hidden; /* a teljes szélességű blokkok ne lógjanak ki a lekerekített sarkon */
}

@media (max-width: 600px) {
	.wp-site-blocks > main {
		max-width: 100%;
		border-radius: 0;
	}
}

/* ---------------------------------------------------------------
   3) LÁBLÉC — a fejlécnél is sötétebb záró sáv
   --------------------------------------------------------------- */
.wp-site-blocks > footer h2,
.wp-site-blocks > footer h3 {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.7;
}

.wp-site-blocks > footer ul.wp-block-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	line-height: 2;
}

.wp-site-blocks > footer a {
	color: #cbd5e1;
	text-decoration: none;
}

.wp-site-blocks > footer a:hover,
.wp-site-blocks > footer a:focus {
	color: #fff;
	text-decoration: underline;
}