/*---------------------------------------------------------------------
Cancel Style
cancel.css
-----------------------------------------------------------------------
Copyright 2025 (c) linkpath Allrights Reserved.
Created: linkpath
Created url: https://linkpath.jp/
Coding: Hinako Hayashi
Last Update: 2025.06.12

このCSSは、EC-CUBE内にあるCSSを打ち消す為のCSS
---------------------------------------------------------------------*/
/*===========================================================
    body
===========================================================*/
.ec-layoutRole {
    background: transparent;
}

/*===========================================================
    header
===========================================================*/
.ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}

/* search */
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,
.ec-headerSearch .ec-headerSearch__keyword {
    border-radius: 0;
    background: none;
}
.ec-headerSearch .ec-headerSearch__keyword {
    border: none;
}
header .ec-input input::placeholder {
    opacity: 0.7;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
    transform: translateY(-46%);
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
    padding-right: 0;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}

.ec-cartNaviNull,
.ec-cartNaviIsset {
    display: block;
    transition: all 0.65em;
    opacity: 0;
    pointer-events: none;
}
.ec-cartNaviNull.is-active,
.ec-cartNaviIsset.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* cart */
.ec-cartNavi {
    min-width: fit-content;
    padding: 0;
    height: fit-content;
    background: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
}
.ec-cartNavi .ec-cartNavi__badge {
    position: absolute;
    left: auto;
    top: -0.75em;
    right: -1.5em;
}
.ec-cartNaviIsset::before,
.ec-cartNaviNull::before {
    content: none;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
    font-size: 80%;
    font-weight: 400;
    color: var(--color-accent);
    background: none;
    border: none;
    padding: 0;
}
.ec-cartNaviIsset__cart {
    color: var(--color-accent);
}

@media screen and (max-width: 959px) {
.ec-cartNavi {
    gap: 0.65em;
}
.ec-cartNaviIsset,
.ec-cartNaviNull {
    max-width: 300px;
    top: 60px;
    right: 10px;
    left: auto;
}
}

@media screen and (max-width: 767px) {
/* cart */
.ec-cartNavi__price {
    display: none;
}
.ec-cartNavi {
    display: flex;
    flex-direction: column;
}
.ec-cartNavi__label::after {
    content: "カート";
    font-size: 70%;
    line-height: 1em;
    color: var(--color-base);
    display: block;
    padding-bottom: 1em;
}
}

/*===========================================================
    footer
===========================================================*/
.ec-blockTopBtn {
    display: none !important;
}