/* =====================
   ZÁKLAD
===================== */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Poppins', sans-serif;
	background: #f8fafc;
	color: #0f172a;
	line-height: 1.7;
}

a {
	text-decoration: none;
	color: inherit;
}

.container {
	max-width: 1100px;
	margin: auto;
	padding: 0 20px;
}

/* =====================
   HEADER + NAV
===================== */
header {
	color: #fff;
	padding: 40px 0 70px;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

nav a {
	margin-left: 30px;
	font-weight: 500;
}

/* =====================
   HERO
===================== */
.hero h1 {
	font-size: 2.8rem;
	margin-bottom: 10px;
}

.hero p {
	font-size: 1.1rem;
	opacity: 0.95;
}

.badge {
	display: inline-block;
	background: rgba(255,255,255,0.25);
	color: #fff;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 15px;
}

/* =====================
   CONTENT
===================== */
.section {
	padding: 70px 0;
}

.card {
	background: #fff;
	border-radius: 18px;
	padding: 40px;
	box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

h2 {
	font-size: 1.9rem;
	margin-bottom: 20px;
}

h3 {
	margin-top: 35px;
	margin-bottom: 15px;
}

ul {
	margin-left: 20px;
	margin-top: 10px;
}

li {
	margin-bottom: 8px;
}

/* =====================
   BUTTONS
===================== */
.btn {
	display: inline-block;
	margin-top: 40px;
	padding: 16px 36px;
	border-radius: 12px;
	font-weight: 700;
	color: #fff;
	transition: transform .25s ease;
}

.btn:hover {
	transform: translateY(-3px);
}

/* =====================
   FOOTER
===================== */
footer {
	background: #0f172a;
	color: #e5e7eb;
	padding: 40px 0;
	margin-top: 80px;
}

.footer-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.footer-right {
	display: flex;
	gap: 15px;
	margin-left: auto;
}

.footer-btn {
	padding: 14px 26px;
	border-radius: 10px;
	font-weight: 700;
	color: #fff;
}

.footer-btn.podnety {
	background: #16a34a;
}

.footer-btn.reklamacie {
	background: #dc2626;
}

/* =====================
   TÉMY STRÁNOK
===================== */
.theme-sicka header { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
.theme-sicka h3, .theme-sicka .btn { background: #8b5cf6; }

.theme-stavba header { background: linear-gradient(135deg, #f97316, #fb923c); }
.theme-stavba h3, .theme-stavba .btn { background: #f97316; }

.theme-drevo header { background: linear-gradient(135deg, #166534, #854d0e); }
.theme-drevo h3, .theme-drevo .btn { background: #166534; }

.theme-cukrar header { background: linear-gradient(135deg, #ec4899, #f59e0b); }
.theme-cukrar h3, .theme-cukrar .btn { background: #ec4899; }

/* =====================
   RESPONSIVE
===================== */
@media (max-width: 768px) {
	.hero h1 { font-size: 2.2rem; }

	.footer-inner {
		flex-direction: column;
		align-items: stretch;
	}

	.footer-right {
		justify-content: flex-end;
		margin-left: 0;
	}
}
.menu {
display: flex;
align-items: center;
gap: 30px;
}

.menu a {
color: white;
text-decoration: none;
font-weight: 500;
}

.dropdown {
position: relative;
}

.dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 320px;
background: white;
border-radius: 12px;
box-shadow: 0 15px 40px rgba(0,0,0,.15);
z-index: 1000;
overflow: hidden;
}

.dropdown-content a {
display: block;
padding: 14px 18px;
color: #1e293b;
text-decoration: none;
transition: background .2s;
}

.dropdown-content a:hover {
background: #f1f5f9;
}

.dropdown:hover .dropdown-content {
display: block;
}
.menu{
    display:flex;
    align-items:center;
    gap:25px;
}

.menu a{
    color:white;
    text-decoration:none;
    font-weight:500;
}

.dropdown{
    position:relative;
}

.dropdown > a{
    display:block;
    padding:5px 0;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:280px;
    background:white;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:1000;
    overflow:hidden;
}

.dropdown-content a{
    display:block;
    color:#1e293b;
    padding:12px 16px;
    margin:0;
    font-size:14px;
}

.dropdown-content a:hover{
    background:#f1f5f9;
}

.dropdown:hover .dropdown-content{
    display:block;
}

@media(max-width:768px){

    .menu{
        flex-direction:column;
        gap:10px;
    }

    .dropdown-content{
        position:static;
        display:block;
        margin-top:5px;
        box-shadow:none;
        background:rgba(255,255,255,.1);
    }

    .dropdown-content a{
        color:white;
    }
}