*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;padding-top:20px}a{color:#2c5aa0;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;display:grid;gap:20px;padding:0 20px;min-height:100vh;grid-template-columns:280px 1fr;grid-template-areas:"header main"}body.page-vreme .container{grid-template-columns:280px 1fr 280px;grid-template-areas:"header main sidebar"}@media(max-width:992px){body.page-vreme .container{grid-template-columns:1fr;grid-template-areas:"mobile-logo" "main" "sidebar" "header"}}.header{grid-area:header;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:25px;height:fit-content;position:sticky;top:20px}.logo img{max-width:180px;height:auto;display:block;margin:0 auto}.cities-list{margin-top:25px}.cities-list ul{list-style:none}.cities-list .list-title{color:#333;font-size:18px;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e9ecef;font-weight:600}.cities-list li{margin-bottom:8px}.cities-list a{font-size:15px;display:block;padding:5px 10px;border-radius:6px;color:#666;text-decoration:none}.cities-list a:hover{background-color:#f0f4ff;color:#2c5aa0}.main-content{grid-area:main;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:30px}.main-content h1{color:#2c5aa0;font-size:32px;margin-bottom:15px;font-weight:600}.intro-text{font-size:18px;color:#666;margin-bottom:30px}.sidebar{grid-area:sidebar;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:25px;height:fit-content;position:sticky;top:20px}.sidebar h2{color:#2c5aa0;font-size:20px;margin-bottom:20px;text-align:center}.local-cities{list-style:none}.local-cities li{margin-bottom:10px}.local-cities a{font-size:15px;display:block;padding:8px 12px;border-radius:8px;color:#666;text-decoration:none}.local-cities a:hover{background-color:#f0f4ff;color:#2c5aa0}.site-footer{background:#f1f3f4;padding:10px 0;font-size:14px;color:#666;margin-top:20px}.site-footer-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.site-footer a{color:#666;text-decoration:none}.site-footer a:hover{color:#2c5aa0}.site-footer a:not(:last-of-type)::after{content:"|";margin-left:20px;color:#666}.copyright{margin-left:auto}.weather-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.weather-card{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.weather-card.tomorrow{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.weather-date{font-size:20px;font-weight:600;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.weather-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:14px}.weather-item{background:rgba(255,255,255,0.15);padding:10px;border-radius:8px;text-align:center}.weather-item strong{display:block;font-size:12px;opacity:.8;margin-bottom:5px}.weather-table{width:100%;border-collapse:collapse;margin-top:15px}.weather-table th,.weather-table td{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}.weather-table th{background-color:#e3f2fd;color:#2c5aa0;font-weight:600}.weather-table .icon{font-size:22px;vertical-align:middle;margin-right:8px}.page-nav-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.page-nav-links a{text-decoration:none;color:#555;background-color:#e9ecef;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}.page-nav-links a:hover{background-color:#d0d5db;color:#333}.info-sections{display:flex;flex-direction:column;gap:25px}.info-section{background:#f8f9fa;padding:25px;border-radius:12px;border-left:4px solid #2c5aa0}.info-section h2{color:#2c5aa0;margin-bottom:15px;font-size:20px}.info-section p{color:#666;font-size:16px;line-height:1.7}.map-container{margin-bottom:30px;text-align:center}.map-container img{width:100%;max-width:600px;height:auto;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:block;margin:0 auto}.home-content-sections{margin-top:40px;padding-top:20px;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:20px}.home-content-sections h2{font-size:22px;color:#2c5aa0}.home-content-sections p{font-size:16px;line-height:1.7;color:#555}.cities-weather-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 30px}.city-weather-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.city-weather-item a{font-weight:500;font-size:17px}.city-weather-details{display:flex;align-items:center;gap:15px}.city-weather-details .icon{font-size:24px}.city-weather-details .temp{font-size:18px;font-weight:600;color:#333}body:not(.page-vreme):not(.page-home) .main-content{padding:40px}body:not(.page-vreme):not(.page-home) .main-content h1{font-size:32px;margin-bottom:25px;border-bottom:2px solid #e9ecef;padding-bottom:15px}body:not(.page-vreme):not(.page-home) .main-content h2{font-size:22px;color:#2c5aa0;margin-top:30px;margin-bottom:15px}body:not(.page-vreme):not(.page-home) .main-content p{font-size:17px;margin-bottom:15px;color:#555}body:not(.page-vreme):not(.page-home) .main-content ul{list-style-position:inside;padding-left:10px;margin-bottom:15px}body:not(.page-vreme):not(.page-home) .main-content li{margin-bottom:8px;font-size:17px;color:#555}abbr[title]{text-decoration:none;cursor:default}.mobile-logo-container{display:none}@media(max-width:992px){.mobile-logo-container{grid-area:mobile-logo;display:block;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:15px}.mobile-logo-container img{max-width:150px;display:block;margin:0 auto}.main-content{grid-area:main}.sidebar{grid-area:sidebar}.header{grid-area:header}.container{grid-template-columns:1fr;gap:20px}body:not(.page-vreme) .container{grid-template-areas:"mobile-logo" "main" "header"}body.page-vreme .container{grid-template-areas:"mobile-logo" "main" "sidebar" "header"}.header,.sidebar{position:static}.header .logo{display:none}.header .search-container{display:none}.weather-cards,.cities-weather-grid{grid-template-columns:1fr}.site-footer-content{flex-direction:column;gap:10px;text-align:center}.site-footer a:not(:last-of-type)::after{display:none}.copyright{margin-left:0}}@media(max-width:576px){body{padding:0;padding-top:10px}.container{padding-left:0;padding-right:0;padding-top:0}.header,.main-content,.sidebar,.info-section,.mobile-logo-container{padding:20px 15px;border-radius:0}.main-content h1{font-size:24px}}.search-container{position:relative;margin-top:20px}.search-input{width:100%;padding:10px 15px;font-size:15px;border:1px solid #ddd;border-radius:8px;outline:none}.search-input:focus{border-color:#2c5aa0;box-shadow:0 0 0 2px rgba(44,90,160,0.2)}.search-results{display:none;position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:1000}.search-results ul{list-style:none;padding:5px 0}.search-results a{display:block;padding:8px 15px;color:#333;text-decoration:none}.search-results a:hover{background-color:#f0f4ff}#search-results .info-message,.search-results .info-message{padding:8px 15px;color:#888;font-style:italic;font-size:14px}@media(max-width:576px){body.page-vreme .container{grid-template-columns:1fr;grid-template-areas:"mobile-logo" "main" "sidebar" "header"}}.weather-image-container img{max-width:100%;height:auto;display:block;border-radius:12px}.weather-image-container figcaption{font-size:.9rem;color:#000;text-align:center;padding-top:.5rem;padding-bottom:.5rem;line-height:1.4}