:root{
    --w-yellow: #ffeb03;   /* žlutá linka v titulku */
    --chip-bg: #5a4c40;  /* hnědý štítek / header */
    --muted:   #6c6c6c;
    --card-bg: #fff;
    --body-bg: #f8f7f5;  /* světlé tělo karty jako na screenu */
    --bd:      #eee;
    --lg:  #f8f9fa; /* svetla jako header v adminu*/
    --dgray: #e5e7eb;
}

h1, h2, h3, h4, h5, h6  {
    font-family: "Ubuntu Bold", serif;
}

a, p {
    font-family: "Roboto", serif;
    color: #000000;
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: var(--w-yellow) !important;
}

.bg-brown {
    --bs-bg-opacity: 1;
    background-color: var(--chip-bg) !important;
}

.btn {
    border-radius: 40px;
    font-family: "Ubuntu Bold", serif;
}

.btn-outline-dark {

    --bs-btn-border-color: #c4c4c4;
}
.btn-outline-dark:hover {
    background: var(--chip-bg)
}
.card {
    border: none;
}

.btn-yellow {
    background-color: var(--w-yellow) !important;
    color: #000;
    font-weight: bold;
    padding: 6px 16px;
    text-transform: uppercase;
    border: 1px solid var(--w-yellow) !important;
}

.btn-light-gray {
    background-color: var(--lg) !important;
    border: 1px solid var(--dgray) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.btn-width {
    width: 350px;
}

.btn-success {
    color: var(--chip-bg);
    border-color: var(--w-yellow);
}

.btn-yellow:hover {
    background-color: var(--chip-bg) !important;
    color: #fff;
    border: 1px solid var(--chip-bg) !important;
}



/* Titulek + žluté podtržení */
.page-title{
    font-weight: 800;
    position: relative;
}
.page-title::after{
    content:"";
    display:block;
    width:90px; height:4px;
    background:var(--w-yellow);
    border-radius:999px;
    margin-top:.25rem;
}

/* Pilulka „ZPĚT” */
.back-pill{
    border-radius:9999px;
    padding:.5rem .9rem;
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/* Seznam projektů */
.project-list{
    display:grid;
    gap:1.25rem;
}

/* Karta bez vlastního rámečku – rámeček má až tělo */
.project-card{
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

/* Hnědý header: 1/3 šířky, oddělený „víčkem“ (10 10 0 0) */
.project-header{
    background: var(--chip-bg);
    color:#fff;
    font-weight:700;
    padding:.75rem 1.25rem;
    display:inline-flex;
    align-items:center;
    width:33.333%;
    border-radius:10px 10px 0 0; /* TL TR BR BL */
    margin:0;                    /* bez mezer nad tělem */
}

/* Tělo: rámeček přes celou šířku, zaoblení 0 10 10 10 */
.project-item{
    background: var(--body-bg);
    border:1px solid var(--bd);
    border-radius:0 10px 10px 10px; /* TL TR BR BL */
    box-shadow:0 8px 20px rgba(0,0,0,.04);
    padding:1rem 1.25rem;

    /* zachování tvého rozložení */
    display:grid;
    align-items:center;
    grid-template-columns: 1fr repeat(5, max-content) 36px 36px;
    gap:1rem;
}

/* žádná mezera mezi headerem a tělem */
.project-card > .project-header + .project-item{ margin-top:0; }

/* Responsivita – na mobilu header přes celou šířku, tělo do sloupců */
@media (max-width: 768px){
    .project-header{ width:100%; }
    .project-item{ grid-template-columns: 1fr; }
}


/* Datum vlevo */
.project-date{
    color:var(--muted);
    white-space:nowrap;
}

/* Akční tlačítka se světlým pozadím */
.project-action{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.5rem .75rem;
    border-radius:.75rem;
    text-decoration:none;
    color:#5a5149;
    background:#f3f2ef;
    border:1px solid var(--bd);
}
.project-action:hover{
    background:#eceae7;
    color:#3f3a35;
    text-decoration:none;
}

/* Ikony vpravo (tužka/koš) */
.project-icon{
    display:grid;
    place-items:center;
    width:36px; height:36px;
    border-radius:.5rem;
    border:1px solid var(--bd);
    background:#fff;
    color:#6c6c6c;
}
.project-icon:hover{ background:#f8f7f5; color:#333; }
.project-icon.text-danger{ color:#b3261e; }
.project-icon.text-danger:hover{ background:#fff1f0; border-color:#ffc9c5; }

/* Responsivita – na mobilu skládat pod sebe, skrýt texty akcí */
@media (max-width: 992px){
    .project-item{ grid-template-columns: 1fr; gap:.75rem 1rem; }
}
@media (max-width: 576px){
    .project-item{ padding:.75rem; }
    /*.action-label{ display:none; } !* na XS zobrazíme jen ikony *!*/
}

.section-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 40px;
}
.section-title::after {
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background-color: var(--w-yellow);
    /*margin: 10px auto 0;*/
}

.underline-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}