/* HIDE BUTTON */
.hdi-hide-btn {display:inline-block;clear:both;margin:4px 12px 12px 12px;text-decoration:none;height:32px;padding:0!important;}
.hdi-hide-btn:hover {text-decoration:none;}
.simple-prod .hdi-hide-btn {margin:3px 0 1px 0;}
.hdi-hide-btn.hdi-is-nothidden > .hdi-box-hidden, .hdi-hide-btn.hdi-is-hidden > .hdi-box-nothidden {display:none;}
.hdi-hide-btn .hdi-btn-box {display:flex;position:relative;width:32px;height:32px;padding:6px;text-align:center;flex-direction:row;align-items:center;justify-content:center;}
.hdi-hide-btn.hdi-with-border .hdi-btn-box {border:1px solid #ccc;border-radius:5px;transition:0.2s;}
.hdi-hide-btn.hdi-with-border .hdi-btn-box:hover {border-color:#aaa;background:#f0f0f0;}
.hdi-hide-btn.hdi-with-text .hdi-btn-box {width:auto;}
.hdi-hide-btn .hdi-icon {width:20px;height:20px;line-height:20px;position:relative;}
.hdi-hide-btn.hdi-with-text .hdi-icon {margin:0 1px;}
.hdi-hide-btn .hdi-icon .hdi-icon-main {display:block;text-indent:0;}
.hdi-hide-btn .hdi-icon .hdi-icon-hover {display:none;text-indent:0;}
.hdi-hide-btn:hover .hdi-icon .hdi-icon-main {display:none;}
.hdi-hide-btn:hover .hdi-icon .hdi-icon-hover {display:block;}
.hdi-hide-btn.hdi-is-hidden.hdi-changed-label .hdi-icon .hdi-icon-main {display:block;}
.hdi-hide-btn.hdi-is-hidden.hdi-changed-label .hdi-icon .hdi-icon-hover {display:none;}
.hdi-hide-btn.hdi-is-nothidden.hdi-changed-label:hover .hdi-icon .hdi-icon-main {display:block;}
.hdi-hide-btn.hdi-is-nothidden.hdi-changed-label:hover .hdi-icon .hdi-icon-hover {display:none;}
.hdi-hide-btn .hdi-icon svg {color:inherit;fill:none;stroke:currentColor;width:20px;height:20px;text-align:center;}
.hdi-hide-btn .hdi-text {margin:2px 4px;line-height:16px;white-space:nowrap;font-size:14px;font-weight:600;color:#2c2c2c;}
.hdi-hide-btn .hdi-message {display:none;transition:0.2s;position:absolute;z-index:5;border-radius:4px;transform:translate(-50%, 0);left:50%;top:calc(100% + 2px);background:rgba(0,0,0,0.8);padding:0;font-size:13px;line-height:15px;color:#fff;width:auto;white-space:nowrap;text-align:center;max-width:160px;}
.hdi-hide-btn .hdi-message:before {position:absolute;content:"";width:10px;height:10px;top:-9px;left:calc(50% - 5px);border:5px solid transparent;border-bottom-color:rgba(0,0,0,0.8);}
.hdi-hide-btn:hover .hdi-message {display:block;}
.hdi-hide-btn.hdi-changing-state .hdi-message {display:none!important;}
.hdi-hide-btn.hdi-changed-label .hdi-message {display:block;}
.hdi-hide-btn .hdi-message .hdi-info {padding:8px 10px;}
.hdi-hide-btn .hdi-message .hdi-show-hidden-modal {transition:0.2s;border-radius:0 0 5px 5px;font-size:10px;color:#e6e2ab;text-decoration:none;border-top:1px solid rgba(255,255,255,0.25);padding:3px 5px 4px 5px;}
.hdi-hide-btn .hdi-message .hdi-show-hidden-modal:hover {text-decoration:none;color:#fff;background:rgba(255,255,255,0.15);}
.hdi-hide-btn .hdi-message .hdi-show-hidden-modal em {font-style:normal;margin-left:2px;}

/* TOOLTIP POSITIONS */
.hdi-tooltip-top-center .hdi-message, .hdi-tooltip-top-left .hdi-message, .hdi-tooltip-top-right .hdi-message {bottom:calc(100% + 2px);top:auto;}
.hdi-tooltip-top-center .hdi-message:before, .hdi-tooltip-top-left .hdi-message:before, .hdi-tooltip-top-right .hdi-message:before {bottom:-9px;top:auto;border-color:transparent;border-top-color:rgba(0,0,0,0.8);}
.hdi-tooltip-top-left .hdi-message, .hdi-tooltip-bottom-left .hdi-message {transform:translate(0,0);left:0;}
.hdi-tooltip-top-left .hdi-message:before, .hdi-tooltip-bottom-left .hdi-message:before {left:11px;}
.hdi-tooltip-top-right .hdi-message, .hdi-tooltip-bottom-right .hdi-message {transform:translate(0,0);right:0;left:auto;}
.hdi-tooltip-top-right .hdi-message:before, .hdi-tooltip-bottom-right .hdi-message:before {right:11px;left:auto;}

/* HEADER LINK */
.hdi-show-hidden .hdi-count {font-style:normal;display:inline-block;margin:0 0 0 3px;vertical-align:2px;font-size:12px;padding:2px 3px;text-align:center;line-height:14px;height:18px;min-width:18px;background:#333;color:#fff;border-radius:100px;}

/* SEARCH UNDO OVERLAY */
.hdi-is-hidden-card {position:relative;}
.hdi-undo-wrap {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:absolute;z-index:6;top:0;left:0;right:0;bottom:0;margin:0;padding:16px;background:rgba(255,255,255,0.96);border:none;border-radius:12px;font-size:14px;line-height:18px;color:#2c2c2c;text-align:center;}
.hdi-undo-wrap .hdi-undo-info {flex:0 1 auto;}
.hdi-undo-wrap .hdi-undo-search-btn {flex:0 0 auto;padding:6px 14px;border:1px solid #aaa;border-radius:5px;font-weight:600;color:#2c2c2c;text-decoration:none;}
.hdi-undo-wrap .hdi-undo-search-btn:hover {border-color:#666;text-decoration:none;}

/* HIDDEN ITEMS */
.hdi-items {display:flex;padding:24px 16px;flex-direction:row;flex-wrap:wrap;align-items:stretch;}
.hdi-items .hdi-empty {width:100%;text-align:center;height:20px;position:absolute;top:calc(50% - 10px);left:0;font-size:18px;line-height:20px;color:#777;}
.hdi-items .hdi-simple-prod + .hdi-empty {display:none;}
.hdi-items .hdi-simple-prod {width:calc(33.33% - 16px);margin:0 8px 16px 8px;padding:8px;display:flex;flex-direction:column;font-size:14px;line-height:18px;color:#2c2c2c;}
.hdi-simple-prod .hdi-item-img {border-radius:5px;width:100%;height:180px;object-fit:cover;background:#e0e0e0;margin:0 0 12px 0;}
.hdi-simple-prod .hdi-location {font-size:13px;line-height:16px;color:#777;margin:0 0 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hdi-simple-prod .hdi-location svg {display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:2px;color:#777;}
html[dir="rtl"] .hdi-simple-prod .hdi-location svg {margin-right:0;margin-left:2px;}
.hdi-simple-prod .hdi-title {font-size:16px;line-height:18px;margin:0 0 8px 0;height:37px;overflow:hidden;}
.hdi-simple-prod .hdi-title > a {color:#000;text-decoration:none;}
.hdi-simple-prod .hdi-title > a:hover {color:#000;text-decoration:underline;}
.hdi-simple-prod .hdi-price-wrap {margin:0 0 12px 0;}
.hdi-simple-prod .hdi-price {font-size:16px;font-weight:bold;}
.hdi-simple-prod .hdi-hidden-date {font-size:13px;line-height:16px;color:#777;margin:0 0 12px 0;}
.hdi-simple-prod .hdi-btns .hdi-unhide-btn {width:100%;text-align:center;align-items:center;justify-content:center;display:flex;padding:6px;border:1px solid #aaa;border-radius:5px;position:relative;}
.hdi-simple-prod .hdi-btns .hdi-unhide-btn:hover {border-color:#666;text-decoration:none;}
.hdi-simple-prod .hdi-unhide-btn .hdi-icon {margin:0 2px;width:20px;height:20px;}
.hdi-simple-prod .hdi-unhide-btn .hdi-icon svg {width:20px;height:20px;text-align:center;fill:none;stroke:currentColor;}
.hdi-simple-prod .hdi-unhide-btn .hdi-text {margin:2px 2px;line-height:16px;font-weight:600;color:#2c2c2c;}
.hdi-simple-prod.hdi-is-removed .hdi-title {height:auto;}
.hdi-unhide-btn .hdi-message {display:none;transition:0.2s;position:absolute;z-index:5;border-radius:4px;transform:translate(-50%, 0);left:50%;bottom:calc(100% + 4px);background:rgba(0,0,0,0.8);padding:5px 8px;font-size:13px;line-height:15px;color:#fff;width:auto;white-space:nowrap;text-align:center;max-width:160px;}
.hdi-unhide-btn .hdi-message:before {position:absolute;content:"";width:10px;height:10px;bottom:-9px;left:calc(50% - 5px);border:5px solid transparent;border-top-color:rgba(0,0,0,0.8);}
.hdi-unhide-btn:hover .hdi-message {display:block;}
.hdi-unhide-btn .hdi-btn-box {width:100%;text-align:center;align-items:center;justify-content:center;display:flex;position:relative;}
.hdi-unhide-btn .hdi-box-hover {display:none;}
.hdi-unhide-btn:hover .hdi-box-main {display:none;}
.hdi-unhide-btn:hover .hdi-box-hover {display:flex;}

/* HIDDEN ITEMS LIST VIEW */
.hdi-items.hdi-view-list {padding:16px 24px 24px 24px;flex-direction:column;flex-wrap:nowrap;}
.hdi-items.hdi-view-list .hdi-simple-prod {width:100%;margin:0;padding:14px 0;border:none;border-bottom:1px solid #e5e5e5;border-radius:0;display:flex;flex-direction:row;align-items:center;gap:14px;}
.hdi-items.hdi-view-list .hdi-simple-prod:nth-last-child(2) {border-bottom:none;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-img {flex:0 0 100px;width:100px;height:100px;max-height:100px;margin:0;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-body {flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-location {display:flex;align-items:center;gap:4px;margin:0 0 6px 0;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-location svg {flex:0 0 14px;width:14px;height:14px;color:#777;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-title {height:auto;max-height:54px;line-height:18px;margin:0 0 8px 0;font-weight:bold;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-title > a {font-weight:bold;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-hidden-date {margin:0;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-side {flex:0 0 160px;width:160px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;padding-left:0;border-left:none;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-price-wrap {margin:0;text-align:right;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-price {font-size:22px;line-height:26px;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-btns {width:100%;}
.hdi-items.hdi-view-list .hdi-simple-prod .hdi-btns .hdi-unhide-btn {width:100%;}

/* USER PAGE */
#hdi-hidden {display:block;width:100%;}
#hdi-hidden .hdi-head {margin:0 0 16px 0;}
#hdi-hidden .hdi-head h1 {margin:0 0 8px 0;font-size:22px;line-height:26px;}
#hdi-hidden .hdi-notification {font-size:14px;line-height:20px;color:#777;}
#hdi-hidden .hdi-items {position:relative;min-height:80px;padding:0;}
#hdi-hidden .hdi-items .hdi-empty {position:relative;top:auto;left:auto;height:auto;padding:32px 0;}

/* MODAL */
.modal-cover.hdi-modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);}
#hdiModal {display:none;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width:calc(100% - 20px);max-height:calc(100% - 20px);z-index:995;box-shadow:0 5px 30px rgb(0 0 0 / 70%);}
#hdiModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#hdiModal .modal-close {display:block;cursor:pointer;border-radius:5px;padding:8px 0;transition:0.1s;position:absolute;z-index:99;color:#555;background:rgba(0,0,0,0.05);text-align:center;box-shadow:0 0px 2px rgb(0 0 0 / 20%);top:10px;right:15px;width:34px;height:34px;font-size:16px;}
#hdiModal .modal-close i {line-height:34px;display:inline-block;}
#hdiModal .modal-close:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
#hdiModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#hdiModal .modal-content .modal-iframe, #hdiModal .modal-loader {background:#fff;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#hdiModal .modal-loader:after {content:"";display:block;width:32px;height:32px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #ddd;border-top-color:#777;border-radius:50%;animation:hdi-spin 0.8s linear infinite;}
#hdiModal, #hdiModal .modal-content, #hdiModal .modal-content .modal-iframe {border-radius:5px;}
#hdiModal .modal-is-inline .modal-content {overflow-y:auto;scrollbar-width:thin;}

@keyframes hdi-spin {to {transform:rotate(360deg);}}

/* DARK MODE */
html[mode="dark"] .hdi-hide-btn.hdi-with-border .hdi-btn-box {border-color:var(--mb-color-dark9, #ccc);}
html[mode="dark"] .hdi-hide-btn.hdi-with-border .hdi-btn-box:hover {border-color:var(--mb-color-dark11, #aaa);background:var(--mb-color-dark5, #f0f0f0);}
html[mode="dark"] .hdi-hide-btn .hdi-text {color:var(--mb-color1, #2c2c2c);}
html[mode="dark"] .hdi-show-hidden .hdi-count {background:var(--mb-color-secondary, #333);color:var(--mb-color-secondary-text, #fff);}
html[mode="dark"] .hdi-undo-wrap {background:rgba(30,30,30,0.96);border:none;color:var(--mb-color2, #2c2c2c);}
html[mode="dark"] .hdi-undo-wrap .hdi-undo-search-btn {border-color:var(--mb-color-dark9, #aaa);color:var(--mb-color1, #2c2c2c);}
html[mode="dark"] .hdi-items .hdi-empty {color:var(--mb-color4, #777);}
html[mode="dark"] .hdi-items .hdi-simple-prod {color:var(--mb-color2, #2c2c2c);}
html[mode="dark"] .hdi-items.hdi-view-list .hdi-simple-prod {border-bottom-color:var(--mb-color-dark9, #e5e5e5);background:transparent;}
html[mode="dark"] .hdi-simple-prod .hdi-item-img {background:var(--mb-color-dark5, #e0e0e0);}
html[mode="dark"] .hdi-simple-prod .hdi-location {color:var(--mb-color4, #777);}
html[mode="dark"] .hdi-items.hdi-view-list .hdi-simple-prod .hdi-location svg {color:var(--mb-color4, #777);}
html[mode="dark"] .hdi-simple-prod .hdi-title > a, html[mode="dark"] .hdi-simple-prod .hdi-title > a:hover {color:var(--mb-color1, #000);}
html[mode="dark"] .hdi-simple-prod .hdi-price {color:var(--mb-color-primary, #2c2c2c);}
html[mode="dark"] .hdi-simple-prod .hdi-hidden-date {color:var(--mb-color4, #777);}
html[mode="dark"] .hdi-simple-prod .hdi-btns .hdi-unhide-btn {border-color:var(--mb-color-dark9, #aaa);background:var(--mb-color-dark5, #f0f0f0);}
html[mode="dark"] .hdi-simple-prod .hdi-btns .hdi-unhide-btn:hover {border-color:var(--mb-color-primary, #666);}
html[mode="dark"] .hdi-simple-prod .hdi-unhide-btn .hdi-text {color:var(--mb-color1, #2c2c2c);}
html[mode="dark"] #hdi-hidden .hdi-notification {color:var(--mb-color4, #777);}
html[mode="dark"] #hdiModal {background:var(--mb-color-dark3, #fff);}
html[mode="dark"] #hdiModal .modal-close {color:var(--mb-color2, #555);background:var(--mb-color-dark5, rgba(0,0,0,0.05));}
html[mode="dark"] #hdiModal .modal-close:hover {background:var(--mb-color-dark6, #f0f0f0);}
html[mode="dark"] #hdiModal .modal-content .modal-iframe, html[mode="dark"] #hdiModal .modal-loader {background-color:var(--mb-color-dark3, #fff);}
html[mode="dark"] .hdi-hide-btn .hdi-message .hdi-show-hidden-modal {color:var(--mb-color-secondary, #e6e2ab);}

/* RTL */
html[dir="rtl"] .hdi-items, html[dir="rtl"] #hdiModal {direction:rtl;}
html[dir="rtl"] .hdi-show-hidden .hdi-count {margin-left:0;margin-right:3px;}
html[dir="rtl"] .hdi-hide-btn .hdi-message .hdi-show-hidden-modal em {margin-left:0;margin-right:2px;}
html[dir="rtl"] #hdiModal .modal-close {left:15px;right:auto;}
html[dir="rtl"] .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-side {align-items:flex-start;}
html[dir="rtl"] .hdi-items.hdi-view-list .hdi-simple-prod .hdi-price-wrap {text-align:left;}
html[dir="rtl"] .hdi-tooltip-top-left .hdi-message, html[dir="rtl"] .hdi-tooltip-bottom-left .hdi-message {left:auto;right:0;}
html[dir="rtl"] .hdi-tooltip-top-left .hdi-message:before, html[dir="rtl"] .hdi-tooltip-bottom-left .hdi-message:before {left:auto;right:11px;}
html[dir="rtl"] .hdi-tooltip-top-right .hdi-message, html[dir="rtl"] .hdi-tooltip-bottom-right .hdi-message {right:auto;left:0;}
html[dir="rtl"] .hdi-tooltip-top-right .hdi-message:before, html[dir="rtl"] .hdi-tooltip-bottom-right .hdi-message:before {right:auto;left:11px;}

@media screen and (max-width: 767px) {
 .hdi-items .hdi-simple-prod {width:calc(50% - 16px);}
 .hdi-items.hdi-view-list .hdi-simple-prod {flex-wrap:wrap;gap:12px;padding:12px 0;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-img {flex:0 0 100px;width:100px;height:100px;max-height:100px;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-body {flex:1 1 calc(100% - 114px);}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-side {flex:1 1 100%;width:100%;align-items:stretch;padding-top:8px;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-price-wrap {text-align:left;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-price {font-size:18px;line-height:22px;}
 html[dir="rtl"] .hdi-items.hdi-view-list .hdi-simple-prod .hdi-price-wrap {text-align:right;}
}

@media screen and (max-width: 540px) {
 .hdi-items {padding:16px 16px 0 16px;}
 .hdi-items .hdi-simple-prod {width:100%;margin:0 0 20px 0;}
 .hdi-items.hdi-view-list {padding:16px 20px 20px 20px;}
 .hdi-items.hdi-view-list .hdi-simple-prod {padding:12px 0;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-img {flex:0 0 100px;width:100px;height:100px;max-height:100px;}
 .hdi-items.hdi-view-list .hdi-simple-prod .hdi-item-body {flex:1 1 calc(100% - 114px);}
 .hdi-undo-wrap {padding:12px;}
}