/** base **/
:root {
    --color-orange: #E7552F;
    --color-lila: #5b0fc0;
    --color-gray: #DCDAD680;
    --color-light-gray: #e8e4e3;
    --color-dark-gray: #2C2C2C;
    --color-white: #FFFFFF;
    --color-black: #000000;
}

h2 {font-size: 4.5rem}
.ea-hide {display: none}

input[type='radio'] {accent-color: var(--color-lila);transform: scale(1.8);}

.m-section--detail-event {padding-top: 16rem;}

/** base mobile **/
@media screen and (max-width: 767px){
    .o-header2__logo__icon {height: 6rem;}
    .m-hamburger {height: 6rem;width: 6rem;}
}

.ea-text {padding-top:80px}


/** menu **/
.m-hamburger {background: var(--color-orange);}
.ea-body-lang-en .ea-item-id-7,
.ea-item-id-22,
.ea-body-lang-en .ea-item-id-22,
.ea-body-lang-en .ea-item-id-30 {display:none}

/** kosik ikona **/
.ea-cart-icon a {width: 9rem; height: 9rem;padding:2rem;display: block;position: relative;border-radius: 1.6rem;border: .1rem solid rgba(255,255,255,.2);margin-right: 2rem;}
.ea-cart-icon a img {display: block;height: 5rem;left: 50%;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);width: 5rem;}
.ea-cart-icon a:hover {background: var(--color-light-gray);}
.ea-cart-icon .ea-cart-count {position: absolute;width:30px;height: 30px;text-align: center;background: var(--color-orange);color: var(--color-white);text-align: center;font-size: 16px;border-radius: 50%;right:10px;top:15px;line-height: 30px;}
@media screen and (max-width: 767px){
    .ea-cart-icon a {height: 6rem;width: 6rem;}
    .ea-cart-icon a img {height: 4rem;width: 4rem;}
    .ea-cart-icon .ea-cart-count {top:0;right: 0;}
}

/** main **/
main {min-height: 400px;max-width: 2400px;margin: 0 auto;position: relative;}
/**body.ea-product-detail main {background: #ffffff;}**/

main .m-section .m-section .container {z-index: 9;position: relative;}
@media (min-width: 62em) {
    .m-section {
        padding: 0;
    }
    .m-section .m-section{
        padding: 3.75em 0;
    }
}

/** seznam produktu **/
.ea-category-title {padding-top: 9rem;}
.o-news {margin-top: 4rem}
.o-news__item {border-radius: 16px;border:1px solid var(--color-white);}
.o-news__img {border-radius: 16px;}
.o-event__btn-buy::before {background-size: cover;}
@media (min-width: 36em) {
    .o-news__item {padding: 8px;}
}


/** detail akce **/
#detail {min-height: 62rem}

/** publikace **/
.ea-product-detail {background: #E0E0DF;}
@media screen and (max-width: 767px) {
    .ea-product-detail {padding-top:90px}
}
.ea-product-detail .m-section__hero-bg-img {position: relative;max-height: 892px;width: auto;margin: 0 auto}
body.ea-seznam .m-section .m-section::before {position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;content: '';}
.ea-bg2,
body.ea-seznam .m-section .m-section::before,
#publikace {background-image: url('../images/BG2.webp');background-repeat: no-repeat;background-position: center 400px;background-size: 95%;max-width: 1920px;margin:0 auto;margin-bottom: 40px;}
.ea-bg2 {background-position: center 0;}
body.ea-seznam .m-section .m-section::before {background-position: center 1200px;z-index: 1;}
#publikace .ea-perex {font-weight: 700;}
#publikace #ea-card {}
#publikace #ea-card .panel-body {display: none}
#publikace #ea-card footer {text-align: center !important;}
#buy .btn,
#ea-order-submit,
#delivery-table .btn,
.ea-voucher button,
#publikace #ea-card footer button {
    text-decoration: none;
    cursor: pointer;
    display: flex;
    gap:1rem;
    line-height: 1.6;
    max-width: 100%;
    min-width: auto;
    overflow: hidden;
    padding: .8rem 1.6rem;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    font-family: Arial,sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    background-color: transparent !important;
    color: #000;
    border: .2rem solid #5b0fc0;
    border-radius: .8rem;
    position: relative;
    transition: .3s;
    z-index: 1;
}
#ea-order-submit:hover,
#buy .btn:hover,
.ea-voucher button:hover,
#publikace #ea-card footer button:hover {
    background-color: #5b0fc0 !important;
    color:#fff;
}
#buy .btn::before,
#delivery-table .btn::before,
#publikace #ea-card footer button::before {
    background-color: transparent !important;
    background-image: url(../images/shopping-cart.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 2.4rem;
    position: relative;
    transition: .3s;
    width: 2.4rem;
}
@media (min-width: 36em) {

    #buy .btn,
    #delivery-table .btn,
    #publikace #ea-card footer button {
        display: inline-block;
        padding-left: 5rem;
    }

    #buy .btn::before,
    #delivery-table .btn::before,
    #publikace #ea-card footer button::before {
        left: 1.6rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (max-width: 36em) {
    #publikace #ea-card footer button {display: block;width:100%;padding-left: 5rem}
    #publikace #ea-card footer button::before {margin-right: 1rem;height: 2rem;width: 2rem;}
}
#buy .btn:hover::before,
#publikace #ea-card footer button:hover::before  {
    background-color: transparent !important;
    background-image: url(../images/shopping-cart-white.svg);
}

#publikace-params {margin-top: 120px;}
#publikace-params p {columns: 3;line-height: 3.2rem}
@media screen and (max-width: 767px) {
    #publikace-params p {columns: 1}
}
#publikace-params table tr {background: transparent !important;}
#publikace-params table tr td {font-size: 1.6rem;line-height: 2.2rem;padding:0.5rem;}

#publikace .fotogallery .container {background: #5b0fc0;border-radius: 1.6rem;padding: 2.4rem;display: grid;grid-gap: 1.6rem;margin-bottom: 80px}
@media (min-width: 62em) {
    #publikace .fotogallery .container {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto;
        padding-bottom: 0;
    }
}


/** nakup **/
#ea-sell-form {padding: 64px 0;}
#ea-sell-form h3 {margin-bottom: 32px;text-align: center}
#ea-sell-form .ea-row {}
#ea-sell-form .row {justify-content: center;}
#ea-sell-form .item-col .ea-group-item {padding: 0.8rem 1.6rem;background: rgba(220, 218, 214, 0.5);border: 1px solid rgba(255, 255, 255, 0.5);font-size: 2.4rem;line-height: 2.8rem;border-radius: 1.6rem;position: relative}
#ea-sell-form .item-col .ea-group-item input {display: none}
#ea-sell-form .item-col .ea-group-item .ea-group-text div {height: 5.6rem;overflow: hidden;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity {background: var(--color-white);border-radius: 1.6rem;margin-top: 40px;display: block;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div,
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity input {display: inline-block;width: 30%;text-align: center;font-size: 1.8rem;line-height: 1;border: none;font-weight: 500;position: relative;user-select: none;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity input {width: 40%}

#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-minus {padding:19px 0 19px 24px;text-align: left; border-bottom-left-radius: 1.6rem;border-top-left-radius: 1.6rem;position: relative}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-plus  {padding:19px 24px 19px 0;text-align: right;border-bottom-right-radius: 1.6rem;border-top-right-radius: 1.6rem;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-minus:before {position: absolute;content: "";right:1px;top:16px;bottom: 16px;background: #DCDAD6;width:1px;height: calc(100% - 32px);display: block;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-plus:before {position: absolute;content: "";left:-1px;top:16px;bottom: 16px;background: #DCDAD6;width:1px;height: calc(100% - 32px);display: block;}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div:hover {cursor: pointer;color:var(--color-white);}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-minus:hover {background: var(--color-orange);}
#ea-sell-form .item-col .ea-group-item .ea-group-select-quantity div.ea-plus:hover {background: var(--color-lila);}

#buy .btn {margin-top: 3.2rem;}
@media screen and (max-width: 991px) and (min-width: 450px) {
    #ea-sell-form .item-col .ea-group-item {display: block}
    #ea-sell-form .item-col .ea-group-item .ea-group-text {display: inline-block;width: 60%;}
    #ea-sell-form .item-col .ea-group-item .ea-group-select-quantity {display: inline-block;width: 40%;}
}
#buy .ea-header {text-align: center;}
#buy .ea-header p strong {font-size: 3.2rem;font-weight: 700;}

/** kosik **/
body.ea-card h2.ea-page-title {margin-top: 120px;text-align: center}
body.ea-card .m-section__bg-box {gap:0;margin-bottom: 32px;}
body.ea-card .m-section__bg-box h2 {font-size: 2.4rem;font-weight: 500;margin-bottom: 32px;}

#payment-list,
#delivery-list,
.ea-card-items {margin: 0 !important;}
.ea-card-items th {display: none}
.ea-suma tr,
#payment-list tr,
#delivery-list tr,
.ea-card-items tr {background: transparent!important;}
#payment-list td,
#delivery-list td,
.ea-card-items td {text-align: right;padding:0.4rem 0 !important;}
#payment-list td:first-child,
#delivery-list td:first-child,
.ea-card-items tr td:first-child {text-align: left;}
#payment-list tr td:last-child,
#delivery-list tr td:last-child,
.ea-card-items tr td:last-child {padding-left: 16px !important;text-align: center;width: 24px;}
.ea-card-items tr td:last-child a {font-size: 0;width:24px;height:24px;display: block;background-image: url('../images/Trash.svg');background-size: contain;background-repeat: no-repeat;background-position: center;}

@media screen and (max-width: 767px) {
    .ea-card-items tr:not(.active) {display: block;margin-bottom: 20px;}
    .ea-card-items tr td {display: block;width: 100% !important;text-align: left;position: relative;padding: 0 !important;}
    .ea-card-items tr td a {position: absolute;right:0;top: -50px;width: 40px;height: 40px;}
}

.ea-suma {background: rgba(91, 15, 192, 0.15);}
.ea-suma h2 {display: none;}
.ea-suma tr td:last-child {text-align: right;padding-right: 40px;}
.ea-suma tr td {font-size: 2.4rem;padding:0.4rem 0;}

.ea-order {max-width: 620px;width:100%;margin: 0px auto;}
.ea-order h2 {text-align: center;margin-bottom: 2rem;}
.ea-order .col-12 {margin-bottom: 0 !important;}
.ea-order .col-md-9,
.ea-order .col-md-3,
.ea-order .col-md-6 {flex: 0 0 100%;max-width: 100%;}
.ea-voucher input[type="text"],
.ea-order .form-control {border-radius: 1.6rem;background: var(--color-white);width: 100%;padding: 1.6rem;font-size: 1.8rem;border: 1px solid #fff;margin-bottom: 10px;}
.ea-order label[for=pozn],
.ea-order label.control-label {display: none;}
body.ea-card .ea-bg2 {padding-top: 60px;min-height: 800px;}

#buy,
body.ea-seznam .m-section .m-section,
body.ea-card .m-section .m-section {background-image: url('../images/decor1.webp');background-repeat: no-repeat;background-position: center 300px;background-size: 95%;max-width: 1920px;margin:0 auto;position: relative;}
@media screen and (max-width: 767px) {
    #buy,
    body.ea-seznam .m-section .m-section,
    body.ea-card .m-section .m-section {background-size: 900px auto}
}
#buy {background-position: center 500px;}
.ea-order .row:last-child .col-md-9 {margin-bottom: 16px;}
.ea-order input[type="checkbox"] {
    width: 30px;
    height: 30px;
    appearance: none;          /* zruší nativní styl */
    -webkit-appearance: none;  /* Safari */
    background: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

/* vzhled zaškrtnutí */
.ea-order input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 12px;
    height: 20px;
    border-right: 3px solid var(--color-lila);
    border-bottom: 3px solid var(--color-lila);
    transform: rotate(45deg);
}
.ea-order label[for=OP],
.ea-order label[for=NEWSLETTER] {line-height: 30px;display: inline-block;padding-left: 8px;}
#ea-order-submit {padding-left: 1.6rem;background: var(--color-lila) !important;color: var(--color-white);}
#ea-order-submit:hover {color: var(--color-lila);background: var(--color-white) !important;}

.ea-metody p {margin: 0.6rem 0;}
#delivery-list {margin-top: 2.5rem !important;}
#delivery-table {padding-right: 1.5rem;padding-left: 1.5rem;}
#delivery-table .btn {position: relative}
#delivery-table .btn::before {
    background-image: url(../images/map-pin-lila.svg);
}
#delivery-table label {display: none}
#delivery-table textarea {background: transparent;border: none;width: 100%;font-size: 1rem;}

.ea-sub-cats {margin-top: 32px;margin-bottom: 32px;text-align: center;}
.ea-sub-cats h2 {display: none;}
.ea-sub-cats a {margin:0.4rem;}
.ea-sub-cats a.ea-active {background-color: #449aa4;border: .1rem solid #449aa4;color: #fff;}

/** order page **/
.well-lg {border-radius: 1.6rem;border: 1px solid var(--color-gray); text-align: center;padding: 1.6rem;}
.list-group {margin-top: -40px;}
.list-group .list-group-item {border: 1px solid var(--color-gray);border-bottom: 0px;display: block;padding: 0.8rem}
.list-group .list-group-item:last-child {border-bottom: 1px solid var(--color-gray);}

/** vouchery **/
.ea-voucher {text-align: center}
.ea-voucher h4 {margin: 0;font-size: 2.4rem;font-weight: 500;}
.ea-voucher p {font-size: 1.8rem;margin-top: 0}
.ea-voucher input[type="text"] {max-width: 450px}
.ea-voucher button {padding: .8rem 1.6rem;margin-left: 16px;}

/** terminy **/
#ea-terminy {margin-top: 3rem;}
#ea-terminy .ea-month {display: none;}
#ea-terminy .ea-month.ea-show {display: block;}
#ea-terminy .ea-item {background: rgba(220, 218, 214, 0.5);border: 1px solid var(--color-white);padding: 1.8rem;border-radius: 1.6rem;height: 100%}
#ea-terminy .ea-item h4 {font-size: 2rem;font-weight: 500;margin-bottom: 1rem;line-height: 1;}
#ea-terminy .ea-item h4 small {text-transform: lowercase;font-size: 1.4rem;}
#ea-terminy .ea-item h4 span {padding-right: 10px}
#ea-terminy .ea-ava-0 {opacity: 0.5;}
#ea-terminy .ea-item label {padding-left: 16px;cursor: pointer;display: inline-block;width: calc(100% - 50px);}
#ea-terminy .ea-item label:hover {color: var(--color-lila);}
#ea-terminy .ea-item .form-check {line-height: 26px;margin-bottom: 10px;}
#ea-selected-term {display: none}
#ea-selected-term a {color: var(--color-orange);text-decoration: underline;cursor: pointer;}
.ea-disabled .item-col .ea-group-item:after {content: "";position: absolute;left: 0;right:0;top: 0;bottom: 0;width: 100%;height: 100%; background: rgba(220, 218, 214, 0.5);border-radius: 1.6rem;}


/** skoly **/
.ea-school {}
.ea-school .o-event__btn-buy::before {background-image: url(../images/calendar-lila.svg);}
.ea-school .o-event__btn-buy:hover::before {background-image: url(../images/calendar-white.svg);}
.ea-school .m-section__sticky-box p {margin: 0;}

.ea-rezervace {margin-top: 4rem;}
.ea-rezervace label {display: block !important;}


/** alert **/
.alert {border-radius: 1.6rem;padding: 1.6rem;font-size: 1.6rem;line-height: 2.4rem;margin: 3.2rem 0;background: rgba(91, 15, 192, 0.8);color: var(--color-white);}
.alert button {display: none;}
.alert h5 {color: var(--color-white);margin:0;}

/** loading **/
#ea-loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);z-index: 9999;display: flex;justify-content: center;align-items: center;opacity: 0;transition: opacity .3s ease;visibility: hidden}
#ea-loading img {transform: rotateY(180deg);transform-origin: 50% 50% ;animation: loading-rotate2 4s ease-in infinite normal;max-width:80%;min-width: 140px;}

@keyframes loading-rotate2 {
    0% {
        transform: rotateY(180deg);
    }
    50% {
        transform: rotateY(-180deg);
    }
    100% {
        transform: rotateY(180deg);
    }
}