/*
Theme Name: Orlicke Podhuri
Theme URI: https://example.com/orlicke-podhuri
Author: Obec Orlické podhůří
Author URI: https://example.com
Description: Responzivní WordPress téma inspirované městským webem, přizpůsobené pro Orlické podhůří.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orlicke-podhuri
Tags: municipal, responsive-layout, one-column, two-columns
*/

/* Základní styly pro případ, že se Tailwind nenačte */
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #f3f4f6;
}

/* Dropdown menu – 2 úrovně na hover */
.main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu > li {
  position: relative;
}

.main-menu a {
  display: inline-block;
}

.main-menu .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;
  background-color: #064e3b; /* tmavě zelená */
  padding: 4px 0;
  margin: 0;
  list-style: none;
  display: none;
  z-index: 50;
}

.main-menu .sub-menu li {
  width: 100%;
}

.main-menu .sub-menu a {
  width: 100%;
  padding: 0.4rem 1rem;
  color: #e5e7eb;
  font-size: 0.875rem;
}

.main-menu .sub-menu a:hover {
  background-color: #047857;
  color: #ffffff;
}

.main-menu li:hover > .sub-menu {
  display: block;
}