/*
Theme Name: PGD Pragersko Premium
Author: Custom
Version: 1.0
*/

:root {
  --primary: #4f6285;
  --accent: #ef2b2d;
  --light: #f5f5f5;
}

body { margin:0; font-family: Arial; }

.container { max-width:1280px; margin:auto; }

.top-header { display:flex; justify-content:space-between; align-items:center; padding:50px;}

.header-left{ width:30%; font-size:14px; }
.header-right { width:30%; font-size:14px; text-align:right; }
.header-center { width:40%; text-align:center; }
.header-center-out img { max-height:100px; }



.content { display:flex; gap:20px; padding:20px; }
.main-content { width:55%; }
.sidebar { width:45%; }
.main-content-pages { width:100%; }
.widget { background: var(--light); padding:15px; margin-bottom:20px; }

footer { background: var(--primary); color:white; text-align:center; padding:20px; }
.hero {
    width: 100%;
    height: 300px;        /* crop height */
    overflow: hidden;
}

.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;    /* key: fills + crops */
    object-position: 50% 95%; /* change focus if needed */
}

.menu-item {
    color: #000;
    background-color: transparent;
    padding: 2px 5px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

/* Hover state */
.menu-item:hover {
    background-color: var(--accent);
    color: #fff;
}

/* Active (while clicking) */
.menu-item:active {
    background-color: darkred;
    color: #fff;
}

/* Optional: persistent active class (for current page/menu item) */
.menu-item.active {
    background-color: darkred;
    color: #fff;
}

.menu-item:active {
    transform: scale(0.97);
}

.header-center-out {
    position: absolute;
    top: 50px;
    left: 50%;
	transform: translate(-50%);
	width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.main-nav { background: var(--primary); }
.main-nav ul { list-style:none; display:flex; margin:0; padding:0; }
.main-nav a { color:white; padding:15px 20px; display:block; text-decoration:none; }

/* Base menu */
.main-nav li {
  position: relative;
}

/* Hide dropdown by default */
.main-nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--primary);
  min-width: 200px;
  z-index: 999;
  flex-direction: column;
}

/* Show dropdown on hover */
.main-nav li:hover > ul {
  display: block;
}

/* Dropdown items */
.main-nav li ul li {
  width: 100%;
}

/* Optional styling */
.main-nav a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  white-space: nowrap;
}

.main-nav li ul li a {
  border-bottom: 1px solid #eee;
}

iframe {
  border: none;
}