/* Import fontu Montserrat (vahy: 300, 400, 600, 700) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');



/* === Základní nastavení pro celou stránku === */
body {
  /* Aplikuje Montserrat na veškerý text */
  font-family: 'Montserrat', sans-serif;
  /* Barva textu (tmavě šedá je lepší pro oči než čistě černá) */
  color: #333333;
  /* Velikost písma pro běžný text */
  font-size: 30px; 
  /* Výška řádku pro lepší čitelnost odstavců */
  line-height: 1.3;
  /* Normální tloušťka písma */
  font-weight: 100;
  margin: 0;
  padding: 0px; /* Jen pro ukázku, aby text nebyl nalepený na kraji */
}

/* === Nadpisy (H1, H2, H3) === */
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  color: #111111; /* O něco tmavší barva pro nadpisy */
  font-weight: 100; /* Tučné písmo pro nadpisy */
  line-height: 1.2; /* Menší řádkování u nadpisů vypadá lépe */
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Specifické velikosti */
h1 {
  font-size: 2.5rem; /* cca 40px */
  font-weight: 100; /* Extra tučné pro hlavní nadpis */
  letter-spacing: -0.02em; /* Jemné zúžení mezer u velkého nadpisu */
}

h2 {
  font-size: 2rem; /* cca 32px */
}

h3 {
  font-size: 1.5rem; /* cca 24px */
  font-weight: 600; /* Středně tučné */
}

/* === Běžný text (odstavce) === */
p {
  margin-bottom: 1.5em; /* Odstup mezi odstavci */
  max-width: 70ch; /* Omezí šířku textu na cca 70 znaků (zlaté pravidlo čitelnosti) */
}







/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}