/* Rozhodněte sami – barevný motiv MO Plzeň 4 (zelená #1FA22E / žlutá #FAB700).
   Načítá se v @layout.latte i @layoutProjekty.latte nad main.css/main2023.css. */

.navbar-brand img {
    display: block;
    width: 294px;
    height: 45px !important;
}

.btn-primary {
    color: #fff;
    background-color: #FAB700;
    border-color: #FAB700;
}

.section--secondary {
    background-color: #1FA22E;
    color: white;
}

.list-point h3 {
    color: #1FA22E;
}

.text-primary {
    color: #FAB700 !important;
}

.timeline__item.active .timeline__date {
    color: #000;
    background-color: #FAB700;
}

.timeline__date {
    background-color: #1FA22E;
}

a:hover {
    color: #FAB700;
}

.foot {
    background-color: #1FA22E;
    color: #fff;
}

.foot,
.foot p,
.foot a,
.foot__copy,
.foot__copy p,
.foot__copy a {
    color: #fff;
}

.flickity-button {
    background-color: #FAB700;
}

.flickity-button:focus,
.flickity-button:hover {
    background-color: #1FA22E;
}

.card h3 {
    color: #1FA22E;
}

a {
    color: #1FA22E;
    background-color: transparent;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1FA22E;
    border-color: #1FA22E;
}

.btn-outline-primary {
    color: #1FA22E;
    border-color: #1FA22E;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1FA22E;
    border-color: #1FA22E;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(31, 162, 46, .5);
}

.border-primary {
    border-color: #1FA22E !important;
}

/* Detail projektu – hodnoty v bloku parametrů (autor, lokalita) */
.params dd {
    color: #1FA22E;
}

/* Badge / pozadí primary → zelená */
.badge-primary {
    background-color: #1FA22E;
}

a.badge-primary:hover,
.badge-primary:focus {
    background-color: #178523;
}

.bg-primary {
    background-color: #1FA22E !important;
}

/* Stránkování – zelené */
.page-link,
.page-link:hover {
    color: #1FA22E;
    border-color: #1FA22E;
}

.page-item.active .page-link {
    background-color: #1FA22E;
    border-color: #1FA22E;
    color: #fff;
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(31, 162, 46, .25);
}

/* Breadcrumb – čistý oddělovač (main2023.css má rozbité/rotující pravidlo) */
.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    background: none;
    width: auto;
    height: auto;
    top: 0;
    padding: 0;
    margin: 0 .4rem;
    transform: none;
    color: #999;
    font-size: 1rem;
    line-height: 1;
    float: none;
}

/* Neutralizovat mobilní truncaci / rotaci první položky */
.breadcrumb .breadcrumb-item:nth-last-child(2)::before {
    content: none;
    transform: none;
    background: none;
    margin: 0;
}

.breadcrumb-item {
    display: list-item;
}

.breadcrumb-item a:hover {
    color: #1FA22E;
}

.section--secondary a,
.section--secondary h3 {
    color: #FAB700;
}

.timeline__item {
    flex: 0 0 25%;
    max-width: 25%;
}

.timeline__date {
    width: 120px;
    min-width: 120px;
    height: 120px;
}

@media all and (max-width: 500px) {
    table {
        width: 100%;
    }

    td {
        display: block;
        width: 100%;
    }

    tr {
        display: block;
        margin-bottom: 30px;
    }

    .timeline__item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .timeline__date {
        margin-left: -23px;
    }
}

.intro h1 {
    color: white !important;
}

@media all and (min-width: 500px) {
    .intro h1 {
        font-size: 60px !important;
    }
}

/* Formulářové prvky – zelený focus/hover */
.form-control:hover {
    border-color: #1FA22E;
}

.form-control:focus {
    border-color: #1FA22E;
    box-shadow: 0 0 0 .2rem rgba(31, 162, 46, .25);
    outline: 0;
}

/* Vlastní checkbox/radio (main2023.css je kreslí přes :after, ne nativně) */
.form-check-input {
    accent-color: #1FA22E;
    cursor: pointer;
}

.form-check-input:after {
    background: #1FA22E;
}

.form-check-input:checked,
.form-check-input:hover {
    border-color: #1FA22E;
}

.form-check-input:hover:not(:checked) {
    border-color: rgba(31, 162, 46, .35);
}

.form-check-label:hover {
    color: #1FA22E;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .2rem rgba(31, 162, 46, .25);
    outline: 0;
}

/* Vlastní custom-control checkboxy/radia (pokud se použijí) */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #1FA22E;
    background-color: #1FA22E;
}

/* Rámeček kolem příloh */
.attachments-box {
    border: 2px dashed #1FA22E;
    border-radius: .5rem;
    padding: 1rem;
    background: rgba(31, 162, 46, .04);
}

/* Hlasovací box v detailu */
.voting-box {
    border: 2px solid #1FA22E;
    border-radius: .5rem;
    padding: 1.5rem;
    background: rgba(31, 162, 46, .05);
}
.voting-box h2 { margin-top: 0; }

/* Potlačit žluté podbarvení autofill (Chrome/Safari) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #212529;
    transition: background-color 5000s ease-in-out 0s;
}