/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
Version:        1.3
*/ :root {
	--color-primary: #004182;
	--color-secondary: #0066cc;/* Světle modrá */
}
body {
	font-weight: 400;
}
body, button, input, select, textarea {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-post-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700 !important; /* Ještě upravené v theme.json 
	"heading": {
				"typography": {
					"fontWeight": "600",
					"lineHeight": "1.125",
					"letterSpacing": "-0.1px"
				}
			},*/
	color: var(--color-primary);
}
h1 {
	font-size: 3rem !important;
}
@media(max-width:768px) {
	.wp-block-heading, p {
		max-width: 100% !important;
	}
	h1 {
		font-size: 2rem !important;
	}
}
strong, b {
	font-weight: 700 !important;
}
.wp-block-table table td,
.wp-block-table table th {
  border-left: none;
  border-right: none;
  border-top: 1px dotted #0066cc;
  border-bottom: 2px dotted #0066cc;
}
.wp-block-table thead  {
	color: var(--color-primary);
  border-left: none;
  border-right: none;
  border-top: 2px dotted #0066cc;
  border-bottom: 4px dotted #0066cc;
}
/* Na PC linka vpravo od sloupce a na mobilu dole n*/
.divider-col{
	padding-right: 24px;
	margin-right: 24px;
	border-right: 3px dotted #0066cc;
}
.divider-col-white{
	padding-right: 24px;
	margin-right: 24px;
	border-right: 3px dotted #FFFFFF;
}
@media (max-width: 768px){
	.divider-col{
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		border-bottom: 3px dotted #0066cc;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.divider-col-white{
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		border-bottom: 3px dotted #FFFFFF;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
}
/*NAVIGACE MENU */
.main-nav .wp-block-navigation-item__content {
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-decoration: none;
}
.main-nav .wp-block-navigation-item {
	position: relative;
	margin: 0 !important;
	padding: 20px 30px !important;
}
.main-nav .wp-block-navigation-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 20%;
	right: 0;
	width: 1px;
	height: 60%;
	background-color: #fff;
}
.main-nav .wp-block-navigation__container, .main-nav .wp-block-navigation__responsive-container {
	column-gap: 0 !important;
	gap: 0 !important;
}
.main-nav .wp-block-navigation-item:hover {
	background-color: #004fcc !important;
}
.wp-block-navigation__responsive-container {
	background-color: rgba(0, 102, 204, 0.9) !important;
}
hr.wp-block-separator {
	border: none !important;
	border-top: 4px dotted #0066cc !important;
	background: none !important;
	/*opacity: 1 !important;*/
}
.user-type {
	margin-top: 100px !important;
}
/* Home / Typy uživatelů: Zarovná texty nahoru */
.user-type .wp-block-group.is-vertical {
	align-self: flex-start !important;
	padding-top: 20px;
}
/* Home: Posouvá lidi částečně nad hranu modrého pozadí */
.user-type .wp-block-image.user-type-photo {
	margin-top: -70px !important;
}
/* PAGE / FOR DATA USER: factsheet: mapa v pozadí, text nahoře, osoba částečně nad blokem */
.factsheet {
	background-image: url('https://wordpress.kamrla.cz/wp-content/uploads/2026/03/factsheet-map-bg.jpg');
	background-size: cover !important;
}
.factsheet .wp-block-group.is-vertical {
	align-self: flex-start !important;
	padding-top: 20px;
}
.factsheet-user-type-photo {
	margin-top: -70px !important;
	align-self: flex-end !important;
}
.factsheet-p {
	align-items: flex-start !important;
}
/* Banner SetGMDI Workshop*/
.for-data-user-setGDMI-workshop {
	transform: translateY(100px);
}
/* Ve sloupcích kdy je první řádek 3 sloupce a druhý řádek 2 sloupce - tak ty dva zarovná na střed ale každý z těch dvou sloupců musí mít šířku 30 %. */
.set-gmdi-concept {
	justify-content: center !important;
}
.table-column-center {
	justify-content: center !important;
}
@media (max-width: 768px) {
	.header {
		flex-direction: column;
	}
	.header-left .wp-block-image {
		max-width: 60% !important;
	}
	/* Home: Rozcestník typ uživatele: I Operate as…*/
	.user-type > .wp-block-group {
		flex-direction: column !important;
		align-items: center !important;
		gap: 24px !important;
	}
	.user-type > .wp-block-group > .wp-block-group > .wp-block-image {
		margin-top: 0px !important;
	}
	.user-type > .wp-block-group > .wp-block-group > .wp-block-image:nth-child(1) {
		margin-top: -70px !important;
	}
	/**/
	/* For user datasheet */
	.factsheet .wp-block-group {
		flex-direction: column !important;
		align-items: left !important;
		gap: 5px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	/* Banner SetGMDI Workshop vrátí na své místo*/
	.for-data-user-setGDMI-workshop {
		transform: translateY(0px);
	}
}
/* PAGE ABOUT =====================================================*/
@media (max-width:768px) {
	/* Otočí svislou šipkou na vodorovnou šipku */
	.arrow-vertical-right {
		flex-basis: 100% !important;
		width: 100% !important;
		position: relative;
		height: 40px !important;
		min-height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.arrow-vertical-right .wp-block-image {
		position: absolute;
		left: 50%; /* Levý roh prvku posune doprostřed */
		top: 50%;
		margin: 0 !important;
		line-height: 0 !important;
		transform: translate(-50%, -50%); /* Polovinu velikosti prvku se posunue vlevo resp nahoru a tím se vycentruje*/
	}
	.arrow-vertical-right .wp-block-image img {
		display: block !important; /* přestane být inline tedy v toku textu */
		height: 500px !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: rotate(90deg);
		transform-origin: center center;
	}
}

/* PAGE GOVERNANCE */
.strategic-partners {
	position: relative;
	isolation: isolate;
	padding: 60px 30px 60px 30px;
}

.strategic-partners::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #d9e7f7;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.strategic-partners h2,
.strategic-partners p,
.strategic-partners .wp-block-heading {
	position: relative;
	z-index: 1;
}