/* Reset and Base Styles */
html, body {font-size:16px; color:#877252; font-weight:normal; text-align:left; font-family:'Arial', 'Helvetica', 'Sans-serif'; background:#FFF; height:100%; padding:0; margin:0; border:0;}
* {box-sizing:border-box;}
p {font-size:16px; color:#877252; text-indent:19pt; margin-top:7px; margin-bottom:7px; font-weight:normal; text-align:justify; line-height:1.3em;}
a {color:#C4A86A; text-decoration:none; font-family:'Arial', 'Helvetica', 'Sans-serif';}
a:hover {color:#877006;}

/* Typography */
h1, h2, h3, h4 {margin:0px; text-align:left; font-weight:bold; font-family:'Times', 'Times New Roman', serif;}
h1 {color:#111111; font-size:35px;}
h2 {color:#3E71C4; font-size:30px; margin-bottom:15px;}
h3 {color:#7A6600; font-size:20px; margin-bottom:3px; line-height:1.2em; transition:color 0.4s ease;}
a:hover h3 {color:#8B0000 !important;}
h4 {color:#9A816C; font-size:14px; display:inline;}
.bezne {color:#FC9D00; font-size:20px; font-weight:bold;}
.orange {color:#FC9D00;}
.popis {font-size:12px; color:#6C6256; text-align:center; line-height:1.4em;}
.podpis {color:#877252; font-size:16px; font-weight:normal; text-align:right;}

/* Links */ 
a.linka {font-size:17px; color:#3E71C4; font-weight:bold; padding:0 3px;}
a.linka:hover {color:#FFFFFF; background:#3E71C4;}
a.www {color:#FFF; font-size:20px; margin:10px 0 0 0; padding:0px 17px; letter-spacing:1px; font-family:'Times', 'Times New Roman', serif;}
a.www:hover {color:#87B1FF;}

/* Mobile Menu Toggle Button */
.mobile-menu-toggle {display:none; position:fixed; top:80px; left:10px; z-index:9999; background:rgba(8, 120, 191, 0.5); border:none; padding:8px; border-radius:4px; cursor:pointer; width:44px; height:44px; flex-direction:column; justify-content:center; align-items:center; gap:4px; transition:all 0.3s ease;}
.mobile-menu-toggle span {width:20px; height:2px; background:white; transition:all 0.3s ease; display:block;}
.mobile-menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px, 5px);}
.mobile-menu-toggle.active span:nth-child(2) {opacity:0;}
.mobile-menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(7px, -6px);}
.mobile-menu-overlay {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:998; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease; pointer-events:none;}
.mobile-menu-overlay.active {opacity:1; visibility:visible; pointer-events:auto;}

/* Main Site Container */
.site-container {max-width:1140px; margin:0 auto; background:#FFF; position:relative;}

/* Header Styles */
.site-header {position:relative;}
.desktop-header {display:block; height:222px; background:url(../images/header.jpg) #517ABF left bottom no-repeat; background-size:cover; position:relative;}
.header-content {position:absolute; bottom:0; right:0; width:100%; text-align:right; padding-right:20px;}
.desktop-header h1 span {display:none;}
.mobile-header {display:none; background:url(../images/header-mobil.jpg) #FFF; background-size:cover; color:white; text-align:right; padding:110px 2px 0 20px; min-height:130px;}
.mobile-header-content h1 {color:white; font-size:24px; margin-bottom:5px;}
.mobile-header-content p {color:#87B1FF; font-size:16px; margin:0; text-indent:0;}
.mobile-header h1 span {display:none;}

/* Main Layout */
.main-wrapper {display:flex; min-height:calc(100vh - 242px); /* Subtract header height */}

/* Sidebar Navigation */
.sidebar {width:246px; background:url(../images/menu.jpg) #FFF left top no-repeat; flex-shrink:0; background-size:246px auto;}
.sidebar-content {padding:28px 10px 0 10px;}

/* Menu Styles */
ul {list-style-type:none; padding:0; margin:0; border:0;}
li {padding:1px 30px 1px 0; margin:0;}
a.menu {font-size:19px; color:#5E4E3C; border-bottom:1px solid #9A856B; border-right:7px solid transparent; padding:1px 0px 2px 1px; margin:0; display:block; font-weight:normal; font-family:'Times', 'Times New Roman', serif; transition:all 0.3s ease;}
a.menu:hover {color:#230E05; background:#FAE1B7; border-right:7px solid #9A856B;}

/* Menu sections spacing */
.main-menu, .secondary-menu, .tertiary-menu {margin-bottom:20px;}

/* Sidebar promotion content */
.sidebar-promo {margin-top:20px;}
.promo-box {margin:15px 0;}
.promo-box p {font-size:12px; color:#978b78; text-align:left; line-height:1.4em; text-indent:0; margin:8px 0;}
.promo-img {width:100%; max-width:200px; height:auto; margin:5px 0;}

/* Main Content */
.main-content {flex:1; background:url(../images/corner.jpg) right top no-repeat; min-height:300px;}
.content-inner {padding:20px 20px 0 10px;}

/* Footer */
.site-footer {background:#FFF; height:20px; clear:both;}
.footer-content {padding:2px 20px 2px 20px;}

/* Image Styles */
.doprava {margin:3px 0 3px 15px; float:right; border:0;}
.dolava {margin:3px 15px 3px 0; float:left; border:0;}
.ibox {margin:20px 0 5px 0; padding:0 0 10px 0; width:100%; text-align:left; color:#443727; font-size:85%; line-height:1.3em; overflow:hidden;}

/* Gallery Styles */
.row {width:100%; overflow:hidden; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px;}
.column3t {flex:1; min-width:200px; text-align:left; background-color:#e9debc; padding:10px;}

.gallery-table {width:100%;}
.gallery-table td {padding:8px; width:33.33%;}

.ilighten {opacity:1; transition:opacity 0.8s ease;}
.ilighten:hover {opacity:0.85;}

/* Video Container */
.video-container {position:relative; width:100%; max-width:560px; margin:10px 0; aspect-ratio:16 / 9;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

/* Responsive Design */
@media (max-width:768px) {
 /* Show mobile elements */
 .mobile-menu-toggle {display:flex;} 
 .mobile-menu-overlay {display:block;} 
 .mobile-header {display:block;} 
 .desktop-header {display:none;}
 
 /* Adjust site container */
 .site-container {max-width:none; margin:0;}
 
 /* Mobile sidebar */
 .sidebar {position:fixed; top:0; left:-280px; width:280px; height:100vh; background:#FFF; z-index:999; transition:left 0.3s ease; overflow-y:auto; box-shadow:2px 0 10px rgba(0, 0, 0, 0.1);} 
 .sidebar.open {left:0;} 
 .sidebar-content {padding:125px 20px 20px 20px;}
 
 /* Mobile main layout */
 .main-wrapper {display:block; min-height:auto;} 
 .main-content {width:100%; background:#FFF;} 
 .content-inner {padding:15px;}
 
 /* Mobile typography */
 h1 {font-size:28px;} 
 h2 {font-size:24px; padding-top:15px; text-align:center;} 
 h3 {font-size:18px;} 
 p {text-indent:0; text-align:left;}
 a.www {font-size:11px; margin:10px 0 0 0; padding:0px 10px; letter-spacing:0.5px; font-family:'Times', 'Times New Roman', serif;}
 
 /* Mobile images */
 .dolava, .doprava {float:none !important; margin:10px auto !important; display:block; max-width:100%; height:auto;}
 .doprava {display:none;}
 
 /* Mobile gallery */
 .row {flex-direction:column; gap:15px;} 
 .column3t {min-width:auto;} 
/* .gallery-table td {width:100%; display:block; padding:8px 0;}*/
.gallery-table {width:100%;}
.gallery-table td {padding:8px; width:33.33%;}
 
 /* Mobile video */
 .video-container {margin:15px 0;}
}

@media (max-width:480px) {
 .content-inner {padding:10px;}
 h1 {font-size:24px;}
 .mobile-header-content h1 {font-size:20px;}
 a.menu {font-size:17px; padding:8px 0;}
}

/* Tablet specific adjustments */
@media (min-width:769px) and (max-width:1024px) {
 .site-container {max-width:100%; margin:0; padding:0 20px;} 
 .content-inner {padding:15px;}
}