/* Základní nastavení těla stránky */
body {
    background: #D4C9BE;
    color: #123458;
    font-family: "Segoe UI", sans-serif;
}

/* Karta s obsahem */
.card {
    background-color: #F1EFEC;
    border: none;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 1rem;
	max-width: 100%;
	box-sizing: border-box;
}
.container.py-5 {
    padding-bottom: 1rem; /* místo 3rem */
}

/* Avatar */
.avatar {
    width: 120px;
    height: auto;
    border-radius: 50%;
    border: 3px solid #123458;
    object-fit: cover;
    margin-right: 1.5rem;
	box-sizing: border-box;
}

/* Odkazy */
a {
    color: #123458;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #030303;
}

/* Nadpisy */
h1, h2 {
    margin-bottom: 0.5rem;
}

/* Lead a podtituly */
.lead {
    color: #123458;
    font-size: 1rem;
}
.subtitle {
    font-size: 1.1rem;
    font-style: italic;
    color: #123458;
}
.intro {
  font-size: 0.9rem;
  font-weight: 300;
  color: #123458;
}

/* Accordion */
.accordion-button {
    background-color: #D4C9BE;
    color: #123458;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
/* Barva otevřené položky */
.accordion-button:not(.collapsed) {
    background-color: #CFC0AA; /* stejné jako hover */
    color: #030303;             /* tmavší text pro lepší kontrast */
}

/* Hover efekt pro otevřenou položku */
.accordion-button:not(.collapsed):hover {
    background-color: #BFB09A; /* jemně tmavší odstín než základ */
    color: #030303;
}

/* Hover efekt pro zavřenou položku */
.accordion-button:hover {
    background-color: #CFC0AA;
    color: #030303;
}
}

/* Accordion body */
.accordion-body {
    color: #123458;
    transition: all 0.3s ease;
}

/* Odrážky */
ul.skills-list {
    padding-left: 1.2rem;
}
ul.skills-list li {
    margin-bottom: 0.5rem;
}

/* Patička */
footer {
    background-color: #D4C9BE;
    color: #123458;
    border-radius: 0 0 20px 20px;
}
footer a {
    margin-right: 1rem;
}

/* Responzivita pro mobilní zařízení */
@media (max-width: 576px) {
    .d-flex.align-items-center {
        flex-direction: column;
    }
    .avatar {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}