body {
	background-image: url(/images/pozadi.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* Kontejner celého modulu přihlášení */
.login-box-custom {
    background: white;
    border-radius: 15px;
    overflow: hidden; /* Důležité: ořízne rohy nadpisu podle zaoblení boxu */
    padding: 0 !important; /* Zrušíme základní padding, abychom ho nastavili individuálně */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
   border: 2px solid #2d8a4e; /* Šířka a barva linky */
}

/* Vstupní pole (inputy) */
.login-box-custom .inputbox, 
.login-box-custom input[type="text"], 
.login-box-custom input[type="password"] {
    width: 100%;
    border-radius: 25px; /* Kulaté rohy dle návrhu */
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
}

/* Checkbox "Pamatuj si mě" */
.login-box-custom .checkbox {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

/* Tlačítko přihlásit */
.login-box-custom button, 
.login-box-custom .btn-primary {
    width: 100%;
    background-color: #2d8a4e;
    border: none;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    transition: 0.3s;
}

.login-box-custom button:hover {
    background-color: #1a5c32;
}

/* Nadpis modulu - Zelený pruh */
.login-box-custom h3, 
.login-box-custom .module-title {
    background-color: #2d8a4e; /* PPP zelená */
    color: #ffffff !important;
    margin: 0; /* Odstraní mezery kolem */
    padding: 15px 20px; /* Vnitřní prostor v pruhu */
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
}

/* Vnitřní obsah modulu (formulář, text) */
.login-box-custom form, 
.login-box-custom .module-content {
    padding: 20px; /* Vrátíme odsazení pouze pro obsah pod nadpisem */
}

.login-box-custom h3::before {
    content: "\f007"; /* Kód ikony (f007 je postavička/user) */
    font-family: "Font Awesome 6 Free"; /* Nebo "Font Awesome 5 Free" */
    font-weight: 900;
    margin-right: 12px;
    color: #ffffff; /* Bílá barva, aby ladila se zeleným pruhem */
    vertical-align: middle;
}

.box-custom {
    background: white;
    border-radius: 15px;
    overflow: hidden; /* Důležité: ořízne rohy nadpisu podle zaoblení boxu */
    padding: 0 !important; /* Zrušíme základní padding, abychom ho nastavili individuálně */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
   border: 2px solid #2d8a4e; /* Šířka a barva linky */
}

/* Vstupní pole (inputy) */
.box-custom .inputbox, 
.box-custom input[type="text"], 
.box-custom input[type="password"] {
    width: 100%;
    border-radius: 25px; /* Kulaté rohy dle návrhu */
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
}

/* Checkbox "Pamatuj si mě" */
.box-custom .checkbox {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

/* Tlačítko přihlásit */
.box-custom button, 
.box-custom .btn-primary {
    width: 100%;
    background-color: #2d8a4e;
    border: none;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    transition: 0.3s;
}

.box-custom button:hover {
    background-color: #1a5c32;
}

/* Nadpis modulu - Zelený pruh */
.box-custom h3, 
.box-custom .module-title {
    background-color: #2d8a4e; /* PPP zelená */
    color: #ffffff !important;
    margin: 0; /* Odstraní mezery kolem */
    padding: 15px 20px; /* Vnitřní prostor v pruhu */
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
}

/* Vnitřní obsah modulu (formulář, text) */
.box-custom form, 
.box-custom .module-content {
    padding: 20px; /* Vrátíme odsazení pouze pro obsah pod nadpisem */
}

.container-header {
    background-color: var(--headerbg);
    background-image: url(/images/pozadi.png);
}

/* Kontejner – zajistí stejnou výšku i šířku */
.ppp-tile-row {
    padding-right: 30px; /* nebo 40px podle velikosti šipky */
}


/* Dlaždice se šipkou */
.ppp-arrow-tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 1; /* ← stejná výška i šířka v rámci sloupce */

    padding: 18px 40px 18px 20px;
    background: #efbc6a;
    font-size: 1.5rem;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px 0 0 6px;
    transition: background 0.2s ease;
    min-height: 90px;
    width: 100%; /* ← DŮLEŽITÉ: dlaždice vyplní celý sloupec */
}

/* Šipka doprava */
.ppp-arrow-tile::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    height: 100%;

    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-left: 25px solid #efbc6a;

    transition: border-left-color 0.2s ease;
}

/* Hover efekt */
.ppp-arrow-tile:hover {
    background: #c49042;
}
.ppp-arrow-tile:hover::after {
    border-left-color: #c49042;
}

.container-header .grid-child {
    padding: 0em;
}

.btn-primary {
    --btn-color: var(--btncolor);
    --btn-bg: #448344;
    --btn-border-color: var(--btnbg);
    --btn-hover-color: var(--btncolorh);
    --btn-hover-bg: var(--btnbgh);
    --btnbgh: #077c07;
    --btn-hover-border-color: var(--btnbgh);
    --btn-active-color: var(--btncolorh);
    --btn-active-bg: var(--btnbgh);
    --btn-active-border-color: var(--btnbgh);
    --btn-disabled-color: var(--btncolor);
    --btn-disabled-bg: var(--btnbg);
    --btn-disabled-border-color: var(--btnbg);
    background-color: var(--btn-bg);
    border-color: var(--btn-bg);
}

.box-priority {
    background: white;
    border-radius: 15px;
    overflow: hidden; /* Důležité: ořízne rohy nadpisu podle zaoblení boxu */
    padding: 0 !important; /* Zrušíme základní padding, abychom ho nastavili individuálně */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
   border: 2px solid #efbc6a; /* Šířka a barva linky */
}

/* Vstupní pole (inputy) */
.box-priority .inputbox, 
.box-priority input[type="text"], 
.box-priority input[type="password"] {
    width: 100%;
    border-radius: 25px; /* Kulaté rohy dle návrhu */
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #efbc6a;
}

/* Checkbox "Pamatuj si mě" */
.box-priority .checkbox {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

/* Tlačítko přihlásit */
.box-priority button, 
.box-priority .btn-primary {
    width: 100%;
    background-color: #2d8a4e;
    border: none;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    transition: 0.3s;
}

.box-priority button:hover {
    background-color: #1a5c32;
}

/* Nadpis modulu - Zelený pruh */
.box-priority h3, 
.box-priority .module-title {
    background-color: #efbc6a; /* PPP zelená */
    color: #ffffff !important;
    margin: 0; /* Odstraní mezery kolem */
    padding: 15px 20px; /* Vnitřní prostor v pruhu */
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
}

/* Vnitřní obsah modulu (formulář, text) */
.box-priority form, 
.box-priority .module-content {
    padding: 20px; /* Vrátíme odsazení pouze pro obsah pod nadpisem */
}