/* Základní styl pro oblíbené srdce */
.favorite {
    color: red; /* Červená pro oblíbené */
    transition: color 0.3s ease; /* Plynulý přechod pro změnu barvy */
}

/* Základní styl pro neoblíbené srdce */
.not-favorite {
    color: #cccccc; /* Bílá pro neoblíbené */
    transition: color 0.3s ease;
}

/* Hover efekt pro oblíbené srdce */
.favorite:hover {
    color: #ff6666; /* Světlejší červená pro hover stav */
}

/* Hover efekt pro neoblíbené srdce */
.not-favorite:hover {
    color: #000000; /* Světlejší šedá nebo bílá pro hover stav */
}

a.card-title {
    color: black
}

.bg-overlay{
    background-color: #ebe2d1 !important;
}

.auth-one-bg {
    background-image: url(/assets/front/img/about-2.jpg);
}
/* Tlačítko pro editaci */
.btn-edit {
    background-color: #644a2b;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.btn-edit:hover {
    background-color: #3b2d0c;
    color: #ffffff;
}

/* Tlačítko pro mazání */
.btn-delete {
    background-color: #e74c3c;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.btn-delete:hover {
    background-color: #c0392b;
}

/* Tlačítko pro export dat */
.btn-export {
    background-color: #5bc0de;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.btn-export:hover {
    background-color: #3498db;
}

/* Tlačítko pro uložení */
.btn-save {
    background-color: #27ae60;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.btn-save:hover {
    background-color: #229954;
}
/* Tlačítko Přihlásit */
.btn-primary {
    background-color: #cda165 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    transition: background-color 0.3s;
}
.btn-primary:hover {
    background-color: #b57c3d !important; /* Tmavší hnědá při hoveru */
}

/* Nadpisy */
.page-title {
    color: #d7bfa6; /* Primární hnědá */
    font-weight: bold;
}

/* Odkazy */
.custom-page-link {
    color: #6d4c41 !important;
    text-decoration: none;
    transition: color 0.3s;
}

.nav-link.active {
    color: #6d4c41 !important;
    text-decoration: none;
    transition: color 0.3s;
}
.bg-soft-primary {
    background-color: rgba(181, 124, 61, 0.18) !important;
}
a.nav-link.active {
    color: #6d4c41 !important;
    text-decoration: none;
    transition: color 0.3s;
}
.custom-page-link:hover, .nav-link:hover {
    color: #b57c3d !important;
}
.container-shadow {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Chybová zpráva */
.error-message {
    background-color: #f8d7da; /* Světle růžové pozadí */
    border: 1px solid #f5c6cb; /* Jemné ohraničení */
    color: #721c24; /* Červený text */
    padding: 10px;
    border-radius: 5px; /* Zaoblené rohy */
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.error-message .icon {
    margin-right: 10px;
    font-size: 20px;
    color: #f5c6cb;
}

/* Skrýváme bublinu na začátku */
.password-tooltip {
    display: none !important;;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: 1px solid #ddd;
}

/* Šipka bubliny */
.password-tooltip::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}

/* Animace pro jemné zobrazení bubliny */
.password-tooltip.show {
    display: block !important;;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responzivita pro mobilní zařízení */
@media (max-width: 768px) {
    .password-tooltip {
        width: 90%; /* Širší bublina na mobilních zařízeních */
        left: 5%; /* Vycentrování */
        top: -100px; /* Přizpůsobení vertikální pozice */
    }
    .password-tooltip::before {
        left: 50%; /* Přesun šipky do středu */
        transform: translateX(-50%);
    }
}

#preloader{
    background-color: #fafafab8;
}

a {
    color: #6d4c41 !important;
}

.form-control:focus {
    border-color: #b57c3d !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
    background: #b57c3d !important;
}

.active>.page-link, .page-link.active {
    background-color: #b57c3d !important;
    border-color: #b57c3d !important;
    color: white !important;
}

.btn-add-to-cart {
    background-color: #B17B2E;
    color: #ffffff !important;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}
.btn-add-to-cart:hover {
    background-color: #9b6430;
    color: #ffffff !important;
}
.btn-in-cart {
    background-color: #DECDB3;
    color: #ffffff !important;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}
.btn-in-cart:hover, .btn-in-cart:active {
    background-color: #4C3916;
}
.profile-wid-bg::before {
    background: #b88b59 !important;
}
.nav-tabs .nav-link.active {
    background-color: #0056b3;
    color: #ffffff;
}
.nav-tabs .nav-link {
    color: #6c757d; /* Šedá barva pro neaktivní taby */
}
.nav-tabs .nav-link:hover {
    color: #007bff; /* Světlejší modrá při hoveru */
}

.filter-container {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.filter-container .filter-title {
    font-size: 18px;
    font-weight: bold;
    color: #4a3b2b;
    margin-bottom: 15px;
}

.filter-container .form-check-label {
    color: #4a3b2b;
    font-size: 14px;
}

.btn-pin {
    border: none;
    border-radius: 50%;
    padding: 10px;
    transition: background-color 0.3s ease;
}
.btn-pin:hover {
    background-color: #4a3b2b;
    color: #ffffff !important;
}
.form-radio-primary .form-check-input:checked, .form-check-input:checked {
    border-color: #b88b59;
    background-color:#b88b59;
}
a.checkout.active {
    background-color: rgba(181, 124, 61, 0.18) !important;
}
.card-radio .form-check-input:checked+.form-check-label {
    border-color: #b88b59 !important;
}
.card-radio .form-check-input:checked+.form-check-label:before {
    color: #b88b59 !important;
}
.bg-primary {
    background-color: #b88b59 !important;
    color: #ffffff !important;
}
.datagrid .btn, .datagrid .datagrid-select {
    border: 1px solid #cba065;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
}

.alert-baker {
    --vz-alert-color: #8B5E3C;
    --vz-alert-bg: #FDF5E6;
    --vz-alert-border-color: #D4A373;
}

.free-shipping-section {
    background-color: #F5D0A9;
    border: 2px dashed #D4A373;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.free-shipping-section h5 {
    color: #A0522D;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 8px;
}

.free-shipping-section p {
    color: #8B5E3C;
    font-size: 0.9em;
}

.free-shipping-section .cta-button {
    color: #FFFFFF;
    background-color: #D4A373;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.free-shipping-section .cta-button:hover {
    background-color: #A0522D;
    color: white !important;
}

.free-shipping-section-achieved {
    background-color: #E6FFE6;
    border: 2px solid #228B22;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 20px;
}

.free-shipping-section-achieved h5, .free-shipping-section-achieved p {
    color: #228B22;
}

.bg-soft-baker {
    background-color: #D4A373;
}

.text-baker {
    --vz-text-opacity: 1;
    color: #A0522D !important;
}


.search-icon {
    top: 50% !important;
}

.btn-secondary {
    background-color: #b88b59 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}