/* custom.css – Bootstrap 5 version */

/* === Feature cards – Proč JADRANEXPRES === */
.feature-card {
    padding: 1.5rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow: 0 2px 12px rgba(160, 110, 0, .08);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    cursor: default;
    height: 100%;
}
.feature-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 28px rgba(160, 110, 0, .14);
}
.feature-card a { text-decoration: none; color: inherit; }
.feature-icon {
    width: 90px; height: 90px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1rem;
    font-size: 2.4rem;
}
.feature-label {
    font-size: .88rem;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}


/* === SET C: Light horizontal cards === */
.feature-card-c {
    background: #fff;
    border-radius: 1.1rem;
    padding: 1.25rem 1.4rem;
    display: flex;
    align-items: center;
    gap: 1.1rem;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    height: 100%;
    cursor: default;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.feature-card-c:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.11);
    border-color: rgba(215,125,2,.5);
}
.feature-card-c a { text-decoration: none; color: inherit; }
.feature-icon-c {
    width: 52px; height: 52px;
    min-width: 52px;
    border-radius: .85rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}
.feature-title-c {
    font-size: .95rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.3;
    margin-bottom: .2rem;
}
.feature-sub-c {
    font-size: .75rem;
    color: #6b7280;
    line-height: 1.3;
}

/* === Základní layout === */

html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 60px;
    background-color: #FDFCDC;
    color: #3F3F3F;
    margin-bottom: 90px;
}

/* === Navigace (Bootstrap 5) === */

.navbar {
    background-color: #D77D02;
}

.navbar .navbar-brand,
.navbar .nav-link {
    color: whitesmoke;
    font-size: 0.9em;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover {
    color: #3F3F3F;
    background-color: #FDFCDC;
}

.navbar .nav-link.active,
.navbar .nav-item.active .nav-link {
    color: #3F3F3F;
    background-color: #FDFCDC;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    color: #FDFCDC;
    background-color: #3F3F3F;
}

.nav-link {
    padding-left: 10px;
    padding-right: 10px;
}

/* === Footer === */

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 90px;
    background-color: #3F3F3F;
    padding-top: 5px;
}

.footer .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.footer .row > [class*='col-'] {
    float: none;
    flex: 1;
    min-width: 0;
}

.container .text-muted {
    color: whitesmoke;
    font-size: 0.8em;
}

/* === Carousel === */

.carousel-inner {
    width: 100%;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

div.c-wrapper {
    width: 100%;
    margin: auto;
}

/* === Karty (Bootstrap 5 cards, nahrazují BS3 panely) === */

.card      { margin-bottom: 10px; }
.card-body { padding: 10px; }

/* === Tlačítka — hover efekty === */

.btn,
a,
.cenatam,
h1,
h3,
strong {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.btn-success:hover { color: #449d44; background-color: whitesmoke; border-color: #398439; }
.btn-info:hover    { color: #31b0d5; background-color: whitesmoke; border-color: #269abc; }
.btn-danger:hover  { color: #d9534f; background-color: whitesmoke; border-color: #d43f3a; }
.btn-warning:hover { color: #ec971f; background-color: whitesmoke; border-color: #d58512; }

.cenatam:hover h1 { font-size: 3.2em; }
.cenatam:hover h3 { font-size: 2.2em; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

/* === Typografie a utility === */

.nomargin   { margin: 0; padding: 0; }
h1.nomargin { font-size: 28px; }

.text-black { color: black; }
.text-grey  { color: darkslategrey; }

.bg-lightgrey { background-color: #eee; }

.vertical-align {
    display: flex;
    align-items: center;
}

p.narrow {
    padding: 3px 0;
    margin: 0 0 2px;
}

hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    border: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 1;
}

.icons a       { color: green; }
.icons a:hover { color: orange; }

.infoW h4 {
    margin-top: 0;
    margin-bottom: 1px;
}

/* === Formuláře === */

input[readonly="readonly"],
input[readonly] { background-color: lightgrey; }

input[type="radio"],
input[type="checkbox"] { vertical-align: text-top; }

.form-vertical .form-label {
    float: none;
    padding-top: inherit;
    text-align: inherit;
    width: auto;
}

.form-vertical .controls { margin-left: inherit; }

/* === Různé utility === */

.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.vpravo > th { text-align: right; }

.font-05em { font-size: 1.0em; }

/* === Hodnocení hvězdičkami === */

.rate i,
.rate i:hover ~ i {
    color: #222;
    text-shadow: none;
    transition: color 200ms, text-shadow 200ms;
    transition-delay: 0;
    font-size: 5em;
}

.rate:hover i              { color: #fc0; text-shadow: #fc0 0 0 20px; }
.rate:hover i:nth-child(2) { transition-delay: 30ms; }
.rate:hover i:nth-child(3) { transition-delay: 60ms; }
.rate:hover i:nth-child(4) { transition-delay: 90ms; }
.rate:hover i:nth-child(5) { transition-delay: 120ms; }
.rate i                    { cursor: pointer; font-style: normal; }

.footer-navbar a { color: gray; }