@charset "UTF-8";
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #7d879c;
    --bs-gray-dark: #373f50;
    --bs-gray-100: #f6f9fc;
    --bs-gray-200: #f3f5f9;
    --bs-gray-300: #e3e9ef;
    --bs-gray-400: #dae1e7;
    --bs-gray-500: #aeb4be;
    --bs-gray-600: #7d879c;
    --bs-gray-700: #4b566b;
    --bs-gray-800: #373f50;
    --bs-gray-900: #2b3445;
    --bs-primary: #fe696a;
    --bs-accent: #4e54c8;
    --bs-secondary: #f3f5f9;
    --bs-success: #42d697;
    --bs-info: #69b3fe;
    --bs-warning: #fea569;
    --bs-danger: #f34770;
    --bs-light: #fff;
    --bs-dark: #373f50;
    --bs-primary-rgb: 254, 105, 106;
    --bs-accent-rgb: 78, 84, 200;
    --bs-secondary-rgb: 243, 245, 249;
    --bs-success-rgb: 66, 214, 151;
    --bs-info-rgb: 105, 179, 254;
    --bs-warning-rgb: 254, 165, 105;
    --bs-danger-rgb: 243, 71, 112;
    --bs-light-rgb: 255, 255, 255;
    --bs-dark-rgb: 55, 63, 80;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 75, 86, 107;
    --bs-font-sans-serif: "Rubik", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #4b566b;
    --bs-body-bg: #fff
}

.container.container-vlastni {
    max-width: 1350px
}

.zbozi_detail .dotazy button[data-bs-toggle=modal]:hover,
a.btn-wishlist.active,
button.btn-wishlist.active {
    color: var(--bs-primary)
}

.alert {
    position: absolute;
    left: 0;
    right: 0;
    top: 4vw;
    width: 90vw;
    margin: auto;
    z-index: 99;
    transition: opacity 1s
}

.c-pointer,
.oblibena_skupina-detail #zobraz_zmenu_nazvu {
    cursor: pointer
}

#ivyhledavanidesktop>.search-results,
#ivyhledavanimobil>.search-results {
    width: 100%;
    position: absolute;
    left: 0;
    top: 3em;
    z-index: 15;
    background-color: #fff;
    box-shadow: 0 6px 12px 3px rgb(0 0 0 / 20%)
}

#ivyhledavanidesktop>.search-results .result .picture>img,
#ivyhledavanimobil>.search-results .result .picture>img {
    max-width: unset
}

#signin-modal .nav-tabs .nav-link.active::before {
    background-color: transparent
}

.navbar-nav .nav-item .dropdown-menu .mega-dropdown-column .widget img {
    height: 117px;
    width: 207px;
    object-fit: cover
}

.index_page .popularni_kategorie img {
    height: 250px;
    object-fit: cover;
    margin: 0 auto
}

.zbozi_seznam #waiting-div {
    display: flex;
    justify-content: center;
    align-items: center
}

.zbozi_seznam #waiting-div .loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--bs-primary);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: 2s linear infinite spin
}

.zbozi_seznam .modal .product-gallery-preview-item:hover {
    cursor: auto
}

.card.product-card .card-img-top>img {
    height: 297px;
    object-fit: contain
}

.zbozi_detail .product-gallery .product-gallery-thumblist-item {
    display: flex
}

.zbozi_detail .product-gallery .product-gallery-thumblist-item>img {
    align-self: center
}

.zbozi_detail .product-details .product-badge {
    top: 30%;
    transform: translateY(-130%)
}

.zbozi_detail .dotazy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.zbozi_detail .dotazy button[data-bs-toggle=modal] {
    padding: .3em .7em
}

.zbozi_detail .dotazy button[data-bs-toggle=modal]:first-child {
    padding-left: 0
}

.zbozi_detail .podrobny_popis {
    overflow-wrap: break-word
}

.ucet_menu .uzivatel {
    overflow-wrap: anywhere
}

.oblibene_skupiny .skupina {
    border: 1px solid #f6f9fc;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: auto;
    margin: .3em
}

.oblibene_skupiny .skupina:hover {
    border-color: var(--bs-primary)
}

.oblibene_skupiny .skupina a.odkaz {
    color: var(--bs-gray)
}

.objednavka .zmena_fakt_udaju {
    color: #ff7171
}

.objednavka_platba_dodani img {
    max-width: 60px
}

.objednavka .objednavka_platba_dodani .img_nazev-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    text-align: center
}

.objednavka .objednavka_platba_dodani .img_nazev-wrapper>:first-child {
    flex: 1 1 15%
}

.objednavka .objednavka_platba_dodani .img_nazev-wrapper>:nth-child(2) {
    flex: 1 1 85%
}

.objednavka .objednavka_platba_dodani table tbody>tr>td:first-child {
    width: 3%
}

.objednavka .objednavka_obsah {
    position: sticky;
    top: 120px
}

.objednavka .objednavka_formular-souhlasy a,
.registrace .registrace-souhlasy a {
    color: var(--bs-body-color);
    text-decoration: underline
}

.objednavka a.btn-vyber_platby_a_dopravy button {
    border: 0;
    padding: 0;
    background-color: transparent;
    color: inherit
}

.clanky .blog-entry-thumb>img {
    height: 300px;
    object-fit: cover
}

.captcha>input[type=text] {
    max-width: 20em
}

.objednavky .paginate_button.page-item.active>a {
    box-shadow: none
}

.objednavka_detail_public .polozka,
.objednavky_detail .informace_k_objednavce .polozka {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #e3e9ef;
    padding: 0 0 .5em;
    margin: 0 0 .5em;
    flex-direction: row
}

.objednavka_detail_public .polozka:last-child,
.objednavky_detail .informace_k_objednavce .polozka:last-child {
    border-bottom: 0
}

.objednavka_detail_public .polozka .polozka-info,
.objednavky_detail .informace_k_objednavce .polozka .polozka-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    width: 50%
}

.objednavka_detail_public .polozka .foto>img,
.objednavky_detail .informace_k_objednavce .polozka .foto>img {
    width: 150px;
    height: 150px;
    object-fit: contain
}

.objednavka_detail_public .polozka .polozka-info .cislo_zbozi,
.objednavka_detail_public .polozka .polozka-info .nazev,
.objednavky_detail .informace_k_objednavce .polozka .polozka-info .cislo_zbozi,
.objednavky_detail .informace_k_objednavce .polozka .polozka-info .nazev,
.objednavky_detail .zahlavi_objednavky .balikobot_zasilky,
.objednavky_detail .zahlavi_objednavky .souvisejici_faktury {
    flex-basis: 100%
}

.objednavky_detail .zahlavi_objednavky h3 {
    font-size: 1.2em
}

.objednavky_detail .zahlavi_objednavky a {
    color: var(--bs-primary) !important;
    font-weight: 500
}

.objednavky_detail .zahlavi_objednavky .souvisejici_faktury a.faktura {
    display: block;
    font-weight: 400;
    color: var(--bs-primary)
}

.objednavka_detail_public .informace_k_objednavce label,
.objednavky_detail .informace_k_objednavce label {
    margin-bottom: 0;
    color: #999;
    font-weight: 400;
    font-size: .7em;
    text-transform: uppercase
}

.objednavky_detail .informace_k_objednavce .vertikalni_rozdelovac {
    width: 1px;
    height: 50px;
    background-color: #ccc;
    margin: 0 1.5em
}

.objednavka_detail_public .informace_k_objednavce h5,
.objednavky_detail .informace_k_objednavce h5 {
    color: #999;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    padding: .7em;
    margin-bottom: 0
}

.objednavka_detail_public .informace_k_objednavce .cena_celkem>div,
.objednavky_detail .informace_k_objednavce .cena_celkem>div {
    color: var(--light-background);
    font-weight: 600
}

.objednavky_detail .informace_k_objednavce .wrapper-dod-adresa {
    border-left: 0;
    display: flex;
    flex-direction: column
}

.objednavky_detail .informace_k_objednavce .wrapper-adresa,
.objednavky_detail .informace_k_objednavce .wrapper-adresa .obsah,
.objednavky_detail .informace_k_objednavce .wrapper-dod-adresa .obsah {
    display: flex;
    flex-direction: column
}

.objednavky_detail .informace_k_objednavce span.adresa {
    color: #666
}

.objednavka_detail_public .informace_k_objednavce .vertikalni_rozdelovac {
    width: 1px;
    height: 50px;
    background-color: #e3e9ef;
    margin: 0 .8em
}

.objednavka_platba a.btn {
    max-width: 230px
}

.glosar .pismena {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.glosar .pismena a.h2 {
    border: 1px solid #cacaca;
    padding: .3em;
    margin-right: .1em
}

.faq .otazky a,
.glosar .vsechny_pojmy a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #dae1e7;
    margin-bottom: .5em;
    padding: .4em;
    font-size: 1.2rem
}

.rs_autor .clanek .foto>img {
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    object-fit: contain
}

.vlastni_formular form.form-horizontal.was-validated {
    max-width: 600px;
    margin: 0 auto
}

.or {
    margin-top: 25px;
    margin-bottom: 25px;
    color: #e3e9ef;
    border: 0;
    border-top: 1px solid;
    opacity: 1
}

.auth-social {
    margin-top: 20px;
    display: flex;
    align-items: center;
    position: relative
}

.auth-social .fb:hover {
    background-color: #4267b2
}

.auth-social .svg-icon {
    margin-top: 11px;
    height: 14px;
    width: 14px;
    opacity: .75
}

.auth-social .mojeid
{
    background-image: url("../img/mojeid.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.auth-social .mojeid:hover
{
    background-color: #000;
    background-image: url("../img/mojeid_dark.svg");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 .5rem 1.125rem -.5rem #000;
    opacity: 1
}

.auth-social .bankid
{
    background-image: url("../img/bank-id-logo.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.auth-social .bankid:hover
{
    background-color: #000;
    background-image: url("../img/bank-id-logo_dark.svg");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 .5rem 1.125rem -.5rem #000;
    fill: #fff;
    opacity: 1
}

.auth-social .seznam:hover .svg-icon {
    fill: #fff;
    opacity: 1
}

.auth-social .seznam:hover {
    background-color: #000;
    box-shadow: 0 .5rem 1.125rem -.5rem #000
}

.auth-social .google {
    opacity: 1.2
}

.auth-social .ci-facebook,
.auth-social .ci-google {
    color: #000;
    opacity: .75
}

.auth-social .fb:hover .ci-facebook,
.auth-social .google:hover .ci-google {
    color: #fff;
    opacity: 1
}

.auth-social .fb:hover {
    box-shadow: 0 .5rem 1.125rem -.5rem #4267b2
}

.auth-social .svg-google {
    margin-top: 11px;
    height: 35px;
    width: 35px
}

h3.accordion-header {
    font-size: .9375rem;
    margin-bottom: .375rem;
}

.widget-categories .accordion-item .accordion-header a.w-100{
    font-size: 1rem;
    color: #4b566b;
}

.widget-categories .accordion-item .accordion-header a.w-100:hover,
.widget-categories .accordion-item .accordion-header a.w-100.active{
    color: #fe696a;
}

.widget-categories .podkategorie-wrapper {
    display: flex;
    justify-content: space-between;
}

.widget-categories .accordion-button {
    padding: 0px;
    width: initial;
}

.widget-list-item.active .podkategorie-wrapper a.widget-list-link.active {
    color: #fe696a;
}

.zbozi_porovnani img{
    max-height: 300px;
}

.zbozi_detail .dotazy{
    row-gap: 0.3em;
    column-gap: 0.5em;
}

.zbozi_detail .dotazy button,
.zbozi_detail .dotazy button[data-bs-toggle=modal] {
    padding: 0;
}

@media (min-width:768px) {
    .alert {
        width: 66vw
    }
    .objednavka .objednavka_platba_dodani .img_nazev-wrapper {
        text-align: left
    }
}

@media (min-width:992px) {
    .navbar-nav .dropdown-menu{
        width: 80vw;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.has-error + .invalid-feedback {
    display: block;
}

.was-validated .form-control.has-error:valid, .form-control.has-error.is-valid {
    border-color: #f34770 !important;;
    padding-right: calc(1.5em + 1.25rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23f34770' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='6' cy='6' r='5'%3e%3c/circle%3e%3cline x1='8' y1='4' x2='4' y2='8'%3e%3c/line%3e%3cline x1='4' y1='4' x2='8' y2='8'%3e%3c/line%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.3125rem) center;
    background-size: calc(0.75em + 0.625rem) calc(0.75em + 0.625rem);
}