/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

#easyprotect-cart-container {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

#easyprotect-cart-container svg {
    width: 100%;
}

.ep-cart-content {
    display: grid;
    grid-template-columns: 10% 33% 10% 22% 15% 10%;
    grid-auto-flow: row;
    border-bottom: 1px solid #3E1E6D;
    padding-bottom: 15px;
    padding-top: 15px;
}

.ep-cart-content:last-child {
    border-bottom: none !important;
}

.ep-content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.ep-content-item-description {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ep-content-item-description-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.ep-content-item-warranty-select {
    display: flex;
    flex-direction: column;
}

.ep-content-item-image img {
    width: 100%;
}

.ep-content-item-description-container .bold-ep {
    color: #5B5B5B;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
}

.ep-content-item-description-container .normal-ep {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #4a4a4a;
    text-align: center;
}

.ep-content-item-description-container .normal-ep b {
    color: #3E1E6D;
}

.ep-content-item-description-container a {
    /* text-decoration: underline; */
    color: #5B5B5B;
    display: flex;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    flex-direction: column;

}

.ep-content-item-description-container a svg {
    margin-bottom: 6px;
}

.ep-content-item-quantity select {
    background: #E3E3E3 !important;
    border: 1px solid #B4AACD !important;
    border-radius: 5px;
    width: 100%;
    padding: 0 !important;
    height: 35px !important;
    cursor: pointer;
    text-align: center;
    transition-duration: 0.2s;
    color: #442D6F !important;
    font-weight: 700;
}

.ep-content-item-quantity select:hover {
    border: 1px solid #3e1e6d85 !important
}

.ep-content-item-quantity option {
    font-size: 14px;
    color: #303030;
}

.ep-content-item-warranty-select label {
    margin-bottom: 0px;
    transition-duration: 0.2s;
}

.ep-content-item-warranty-select input {
    display: none !important;
}

.ep-content-item-warranty-select input:checked + span {
    border: 1px solid #3E1E6D !important;
    color: #3E1E6D !important;
}

.ep-content-item-warranty-select label:hover span {
    border: 1px solid #3e1e6d85 !important;
}

.ep-content-item-warranty-select span {
    font-size: 13px;
    cursor: pointer;
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    margin: 3px;
    padding: 6px 22px;
    text-align: center !important;
    color: #303030;
    font-weight: 600;
    display: flex;
    justify-content: center;
    background: #E3E3E3 !important;
    border: 1px solid #B4AACD !important;
    color: #442D6F !important;
}

.ep-content-item-price span {
    font-size: 14px;
    color: #442D6F;
    font-weight: 600;

}

.ep-content-item-submit a {
    height: 35px !important;
    display: flex !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E3E3E3 !important;
    border: 1px solid #B4AACD !important;
    border-radius: 5px !important;
    color: #442D6F !important;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    transition-duration: 0.2s;
    font-weight: 700;
}

.ep-content-item-submit a:hover {
    border: 1px solid #3e1e6d85 !important
}

.ep-content-item-description-icon svg {
    transform: rotate(-90deg);
    min-height: 26px;
    height: 31px;
    width: 31px;
}

.ep-warranty-price {
    text-align: center;

}

a.ep-disabled {
    pointer-events: none;
    opacity: .5 !important;
    cursor: not-allowed;
}

.add-ajax-easyprotect,
.remove-ajax-easyprotect,
.info-ajax-easyprotect {
    cursor: pointer;
}

.easyprotect-cart-btn {
    position: relative;
}

.easyprotect-cart-btn .tooltip-ep {
    display: none;
    position: absolute;
    background: white;
    padding: 4px;
    border: 1px solid #c4c4c4;
    bottom: 34px;
    width: 199px;
    font-size: 12px;
    line-height: normal;
    right: 0;
    border-radius: 6px;
    text-align: center;
    z-index: 2;
    color: #303030;
}

.easyprotect-cart-btn .tooltip-ep::after {
    content: '';
    display: flex;
    position: absolute;
    bottom: -6px;
    right: 6px;
    height: 12px;
    width: 12px;
    background: white;
    transform: rotate(45deg);
    z-index: 2;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    color: #303030;
}

.easyprotect-cart-btn:hover .tooltip-ep {
    display: block;
}

#cart {
    scroll-behavior: smooth
}

.ep-cart-content-1.ep-cart-content {
    padding-right: 10px;
}

.ep-cart-content {
    transition-duration: 0.3s;
    scroll-margin-top: 60px;
    background: #F0F0F0;
}

.hover-ep {
    background: #3E1E6D;
    transition-duration: 0.3s;
}

.hover-ep  .ep-cart-content-btn-a,
.hover-ep  .ep-warranty-price,
.hover-ep  .normal-ep,
.hover-ep  .normal-ep b,
.hover-ep  .bold-ep {
    color: white !important;
}

.ep-cart-content-btn-a:hover {
    color: #3E1E6D !important
}

.loading-ep {
    transition-duration: 0.2s;
}

.loading-ep {
    opacity: 0.3;
}

.easyprotect-content-product {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 5px;
}

.ep-bottom {
    display: flex;
}

@media (max-width: 450px) {
    .ep-bottom {
        flex-wrap: wrap;
        gap: 10px 0px;
    }

    .ep-single {
        width: 50% !important;
    }
}

.ep-single {
    width: 25%;
}

.ep-single label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.ep-single div {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ep-single div span {
    font-size: 13px;
    color: #2e2e2e;
}

.ep-single div .name {
    font-weight: 700;
}

.ep-single .cost {
    color: #3E1E6D !important;
    margin-top: 2px;
    font-weight: 600;
    font-size: 15px;
}

.ep-single .cost span {
    color: #3E1E6D !important;
    margin-top: 2px;
    font-weight: 700;
    font-size: 15px;
}

/* .ep-bottom input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    margin: 0;
    font: inherit;
    color: #ACACAC;
    width: 1.65em;
    height: 1.65em;
    border: 0.15em solid #3E1E6D;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    cursor: pointer;
    place-content: center;
}

.ep-bottom input[type=radio]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em white;
    background-color: CanvasText;
}

.ep-bottom input[type=radio]:checked {
    transform: scale(1);
    box-shadow: inset 1em 1em #3E1E6D;
    border: 0.7em solid #3E1E6D !important;
}

.ep-bottom input[type=radio]:checked::before {
    transform: scale(1);
    box-shadow: inset 1em 1em white;
}

.ep-bottom input[type=radio]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
} */

.ep-product-top h2 {
    color: #5B5B5B;
    font-size: 18px;
    font-weight: 700;
}

.ep-product-top .ep-product-top-content {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1.65px solid #D9DADA;
}

.ep-product-top .ep-product-top-content img {
    width: 80px;
    object-fit: contain;
}

.ep-product-top .ep-product-top-content p {
    margin-bottom: 0;
    color: #5B5B5B;
    font-size: 15px;
    
}

.ep-product-top a {
    font-size: 15px;
    color: #4D2F81;
    margin-bottom: 20px;
    display: inline-block;
    /* text-decoration: underline; */
}

@media (max-width: 675px) {
    .ep-cart-content {
        grid-template-columns: inherit !important;
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
        "image description"
        "quantity select"
        "price price"
        "submit submit";
        gap: 6px 0px;
    }

    .ep-content-item-image {
        grid-area: image;
    }
    
    .ep-content-item-description {
        grid-area: description;
    }
    
    .ep-content-item-quantity {
        grid-area: quantity;
    }
    
    .ep-content-item-warranty-select {
        grid-area: select;
    }
    
    .ep-content-item-price {
        grid-area: price;
    }
    
    .ep-content-item-submit {
        grid-area: submit;
    }
}

.easyprotect-modal-info.show {
    display: block;
}

.easyprotect-modal-info {
    display: none;
    position: fixed;
    top: 20px;
    z-index: 20000;
    max-width: 600px;
    background: white;
    right: 0;
    margin: 0 auto;
    left: 0;
    padding: 20px;
    /* border: 1px solid gray; */
    border-radius: 9px;
    box-shadow: 0px 0px 24px 0px rgb(66 68 90 / 21%);
}

.easyprotect-modal-info-content {
    color: rgb(255, 39, 39);
    position: relative;
}

.easyprotect-modal-info-content .easyprotect-close {
    right: -13px;
    top: -16px;
    position: absolute;
}



/*  DRUGIE WIDOKI */


.easyprotect-content-product input[type=radio], .ep-cart-content-2 input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    /* background-color: white; */
    margin: 0;
    font: inherit;
    /* color: #ACACAC; */
    width: 23px;
    height: 26px;
    min-width: 23px;
    min-height: 26px;
    /* border: 0.15em solid #3E1E6D; */
    /* border-radius: 50%; */
    /* transform: translateY(-0.075em); */
    display: grid;
    cursor: pointer;
    place-content: center;

    background-image: url('data:image/svg+xml,<svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7.08215L11.4475 1.14996L21.8949 7.08215V18.9179L11.4475 24.85L1 18.9178V7.08215Z" fill="white" stroke="%233E1E6D" stroke-width="2"/></svg>');

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.easyprotect-content-product input[type=radio]::before, .ep-cart-content-2 input[type=radio]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    min-height: 0.65em;
    min-width: 0.65em;
    border-radius: 50%;
    /* transform: scale(0); */
    transition: 120ms transform ease-in-out;
    /* box-shadow: inset 1em 1em white; */
    /* background-color: red; */
}

.easyprotect-content-product input[type=radio]:checked, .ep-cart-content-2 input[type=radio]:checked {
    transform: scale(1);
    /* box-shadow: inset 1em 1em #3E1E6D; */
    /* border: 0.7em solid #3E1E6D !important; */
}

.easyprotect-content-product input[type=radio]:checked::before,  .ep-cart-content-2 input[type=radio]:checked::before {
    /* transform: scale(1); */
    /* box-shadow: inset 1em 1em white; */
    background: #3E1E6D;
}

.easyprotect-content-product input[type=radio]:focus, .ep-cart-content-2 input[type=radio]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

.easyprotect-content-product.second-easyprotect .cart-content-title span {
    font-size: 17px;
    color: #472c8d;
    font-weight: 700;
    display: flex;
    margin-bottom: 13px;
}


.easyprotect-content-product.second-easyprotect .cart-content-items {
    margin-bottom: 5px;
}

.easyprotect-content-product.second-easyprotect .cart-content-item {

}

.easyprotect-content-product.second-easyprotect .cart-content-item label {
    color: #57585a;
    cursor: pointer;
    display: flex;
    align-items: center;
    /* gap: 7px; */
    font-size: 13px;
    margin-bottom: 11px !important;
    justify-content: flex-start;
}

.easyprotect-content-product.second-easyprotect .warranty-top {
    font-weight: 700;
    color: #57585a;
    font-size: 15px;
}

.easyprotect-content-product.second-easyprotect .cost {
    font-size: 15px;
    color: #57585a;
}

.easyprotect-content-product.second-easyprotect .name {
    color: #472c8d;
    font-size: 15px;
    font-weight: 600;
}

.ep-button-2 {
    margin-top: 13px;
}

.ep-button-2-a {
    color: #472c8d;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.ep-button-2-a:hover {
    color: #472c8d;
}

.ep-button-2-a svg {
    width: 15px;
    transform: rotate(-90deg);
    height: 8px;
}

.main-span-ep {
    margin-left: 13px;
    text-align: left;
}

/*  cart 2 */

.ep-cart-content-2 {
    display: flex;
    flex-direction: column;
}

.ep-cart-content-2 .ep-cart-2-title {
    font-size: 18px;
    color: #472c8d;
    font-weight: 700;
    display: flex;
    margin-bottom: 25px;
}
.ep-cart-content-2 .ep-cart2-container {

}

.ep-cart-content-2 .ep-cart2-item {

    
}

.ep-cart-content-2 .ep-cart2-item-top {
    display: flex;
    border-bottom: 2px solid #d1d2d4;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media (max-width: 800px) {
    .ep-cart-content-2 .ep-cart2-item {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

.ep-cart-content-2 .ep-cart2-el {
    display: flex;
    align-items: center;
    width: 25%;
}

.ep-cart-content-2 .ep-cart2-icon {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    min-width: 45px;
}

.ep-cart-content-2 .ep-cart2-icon img {
    /* width: 100%;
    height: 100%; */
    height: 45px;
    object-fit: contain;
}

.ep-cart-content-2 .ep-cart2-field {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 3px;
}
.ep-cart-content-2 .ep-cart2-field-name {
    font-weight: 700;
    color: #57585a;
    font-size: 15px;
}

.ep-cart-content-2 .ep-cart2-field-value {
    color: #472c8d;
    font-size: 15px;
    font-weight: 700;
}

/*  */
.ep-cart-content-2 .ep-cart2-item-bottom {
    display: flex;

}
.ep-cart-content-2 .ep-cart2-label-second,
.ep-cart-content-2 label.ep-cart2-el-bottom {
    width: 25%;
    display: flex;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 2px solid #d1d2d4;
}


.ep-cart-content-2 .ep-cart2-label-second,
.ep-cart-content-2 label.ep-cart2-el-bottom:nth-child(4) {
    border-bottom: none !important;
}

.ep-cart-content-2 .ep-cart2-el-bottom-input {
    min-width: 45px;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.ep-cart-content-2 .ep-cart2-el-bottom-input input {

}

.ep-cart-content-2 .ep-cart2-el-bottom-content {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}

.ep-cart-content-2 span.el-bottom-content-top {
    text-align: left;
    color: #6c6c6e;
    font-size: 14px;
    font-weight: 400;
}

.ep-cart-content-2 span.el-bottom-content-top span {
    text-align: left;
    color: #472c8d;
    font-size: 14px;
    margin-right: 5px;
    font-weight: 700;
}

.ep-cart-content-2 .el-bottom-content-bottom {
    text-align: left;
    color: #472c8d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
}

.ep-cart-content-2 .ep-cart2-el-bottom-last .ep-cart2-el-bottom-content {
    justify-content: flex-start;
}

.ep-cart-content-2 .ep-cart2-el-bottom-last {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


.ep-cart-content-2 .ep-cart2-item-btn {
    margin-left: 10px;
}
.ep-cart-content-2 .ep-cart2-item-btn-a {
    color: #472c8d;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.ep-cart-content-2 .ep-cart2-item-btn-a:hover {
    color: #472c8d;
}

.ep-cart-content-2 .ep-cart2-item-btn-a svg {
    width: 15px !important;
    transform: rotate(-90deg);
    height: 8px;
}

@media (max-width: 800px) {
    .ep-cart-content-2 .ep-cart2-item-top {
        flex-direction: column;
    }

    .ep-cart-content-2 .ep-cart2-item-bottom {
        flex-direction: column;
    }

    .ep-cart-content-2 .ep-cart2-item {
        display: flex;
    }

    .ep-cart-content-2 .ep-cart2-el-bottom {
        width: 100% !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        height: 90px !important;

    }
    .ep-cart-content-2 .ep-cart2-item-top {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    
    .ep-cart-content-2 .ep-cart2-el {
        width: 100% !important;
        height: 90px !important; 
        border-bottom: 2px solid #d1d2d4 !important;
    }

    .ep-cart-content-2 .ep-cart2-el-bottom-input {
        align-items: center;
    }

    .ep-cart-content-2 .ep-cart2-el:nth-child(4) .ep-cart2-field-value {
        display: none !important;
    }

    .ep-cart-content-2 .ep-cart2-el-bottom-last .ep-cart2-label-second {
        padding-bottom: 0px !important;
    }

    .ep-cart-content-2 .ep-cart2-el-bottom-last {
        justify-content: space-around !important;
    }

    .ep-cart-content-2 .ep-cart-2-title {
        margin-bottom: 12px;
    }

    .ep-cart-content-2 .ep-cart2-icon img {
        height: 36px;
    }

    .ep-cart-content-2  .ep-cart2-icon {
        min-width: 35px !important;
    }

    .ep-cart-content-2 .ep-cart2-el-bottom-input {
        min-width: 35px !important;
        margin-right: 5px !important;
    }

    .ep-cart-content-2 .ep-cart2-el:nth-child(4) {
        border-bottom: none !important;
    }

    .ep-cart-content-2 .ep-cart2-item-top {
        border-bottom: none !important;
    }
}

#easyprotect-cart-container .ep-cart-content-2 ~ .ep-cart-content-2 {
    margin-top: 10px;
}

#easyprotect-cart-container .ep-cart-content-2 ~ .ep-cart-content-2 .ep-cart-2-title {
    display: none !important;
}

.ep-cart-content-2.hover-ep span, .ep-cart-content-2.hover-ep a {
    color: white !important;
}

.ep-cart-content-2.hover-ep img {
    filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(135deg) brightness(109%) contrast(100%);
}

.easyprotect-content-product .ep-product-top .ep-product-top-content p {
    display: flex;
    flex-direction: column;
}

.easyprotect-content-product .ep-product-top .ep-product-top-content p a {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hiddenep {
    display: none !important;
}

.ep-cart-content-2 .ep-cart2-item {
    display: flex;
    align-items: center;
}

.ep-cart-content-2 .ep-cart-2-additional-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.normal-ep-2 {
    display: inline-block;    font-size: 14px;
    margin-bottom: 10px;
}

.normal-ep-2 b {
    color: #472c8d;
}

.ep-cart-content-2 {
    padding-left: 10px;
    background: transparent;
}