/**
 * Theme Name: Magda
 * Description: Blocksy Child theme
 * Author: Ivan
 * Template: blocksy
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Merriweather:wght@300;400;700&display=swap');

html:root {
  --olive-1: var(--theme-palette-color-1);
  --olive-2: var(--theme-palette-color-2);
  --olive-3: var(--theme-palette-color-3);
  --sand-1:  var(--theme-palette-color-4);
  --sand-2:  var(--theme-palette-color-5);
  --amber-1: var(--theme-palette-color-6);
  --terra-1: var(--theme-palette-color-7);
  --brown-1: var(--theme-palette-color-8);
  --ink:     var(--theme-palette-color-9);
  --muted:   var(--theme-palette-color-12);
  --white:   var(--theme-palette-color-11);
	--radius:  12px;
	--card-shadow: 0 6px 18px rgba(17,17,17,0.06);
  --base-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --heading-font: "Merriweather", Georgia, serif;
  --theme-button-background-initial-color: var(--terra-1);
  --theme-button-background-hover-color: var(--amber-1);
  /* --theme-font-family: var(--heading-font) */
}

body {
  font-family: var(--base-font);
  color: var(--ink);
  line-height: 1.6;
  font-size: 16px;
}

h1, h2, h3, h4 {
  /* font-family: var(--heading-font); */
  color: var(--olive-2);
  color: var(--brown-1);
  margin-top: 0;
  margin-bottom: 0.6em;
  line-height: 1.15;
  text-transform: uppercase !important;
}

.wp-block-button .wp-block-button__link {
  border-radius: 12px; /* nastavení, které chceš */
  font-weight: bold;
}

.wp-block-table *{
  border-color: var(--sand-1) !important;
}

.service-cards {
  display: flex;
}
.service-cards .wp-block-column {
  padding: 2em;
  background-color: var(--white);
	color: var(--ink);
	border: 2px solid var(--olive-3);
	border-radius: var(--radius);
}
.service-cards .wp-block-column:hover {
  transform: translateY(-5px);
	border: 2px solid var(--terra-1);
  box-shadow: var(--card-shadow);
}
.service-cards .wp-block-column:hover a {
  font-weight: bold;
}
.service-cards .wp-block-column h3{
  font-size: 1.3rem; 
  color: var(--terra-1);
  min-height: 4.01rem;
}
.service-cards .wp-block-column p:first-of-type{
  min-height: 12rem;
}
@media (max-width: 1200px) and (min-width: 783px){
  .service-cards {
    flex-wrap: wrap !important;
  }
  .service-cards .wp-block-column {
    flex: 0 0 48% !important;
  }
}