/* Compare Pro for WooCommerce — frontend */

/* ---------- Buton ---------- */
.wccp-wrap{margin:8px 0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.wccp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer;border:1px solid var(--wccp-primary);border-radius:var(--wccp-radius);transition:background .15s,color .15s,border-color .15s;box-shadow:none}
.wccp-btn .wccp-icon{display:inline-flex;font-size:var(--wccp-icon)}
.wccp-btn.wccp-icon-right{flex-direction:row}
.wccp-style-solid{background:var(--wccp-primary);color:var(--wccp-primary-text)}
.wccp-style-solid:hover{background:var(--wccp-hover);border-color:var(--wccp-hover);color:var(--wccp-primary-text)}
.wccp-style-outline{background:transparent;color:var(--wccp-primary)}
.wccp-style-outline:hover{background:var(--wccp-primary);color:var(--wccp-primary-text)}
.wccp-style-ghost{background:transparent;border-color:transparent;color:var(--wccp-primary)}
.wccp-style-ghost:hover{background:rgba(0,0,0,.06);color:var(--wccp-hover)}
.wccp-btn.is-added{border-color:var(--wccp-added);color:var(--wccp-added)}
.wccp-style-solid.is-added{background:var(--wccp-added);color:#fff}
.wccp-btn.is-loading{opacity:.6;pointer-events:none}
.wccp-type-link{border:0;background:none!important;padding:0;color:var(--wccp-primary)!important;text-decoration:underline}
.wccp-type-link:hover{color:var(--wccp-hover)!important}
.wccp-type-icon{padding:8px}
.wccp-type-icon .wccp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wccp-full{display:flex;justify-content:center;width:100%}
.wccp-browse{font-size:13px}
.wccp-browse[hidden]{display:none}
.wccp-wrap.wccp-overlay{position:absolute;top:8px;right:8px;z-index:5;margin:0;background:rgba(255,255,255,.92);border-radius:var(--wccp-radius);padding:2px}
.wccp-wrap.wccp-overlay .wccp-browse{display:none}
ul.products li.product,.wc-block-grid__product,.wp-block-woocommerce-product-template>li{position:relative}
@media(min-width:769px){
	.wccp-hover-only{opacity:0;transition:opacity .2s}
	li.product:hover .wccp-hover-only,.wc-block-grid__product:hover .wccp-hover-only,.wccp-hover-only:focus-within{opacity:1}
}

/* ---------- Tabel ---------- */
.wccp-table-wrap{font-size:var(--wccp-font);margin:1em 0}
.wccp-table-wrap.wccp-empty{text-align:center;padding:30px 10px}
.wccp-toolbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:12px}
.wccp-tools{display:inline-flex;flex-wrap:wrap;gap:8px}
.wccp-tool{display:inline-block;padding:6px 12px;font-size:13px;line-height:1.2;color:var(--wccp-head-text);background:var(--wccp-head-bg);border:1px solid var(--wccp-border);border-radius:var(--wccp-radius);text-decoration:none;cursor:pointer}
.wccp-tool:hover{border-color:var(--wccp-primary);color:var(--wccp-primary)}
.wccp-switch{display:inline-flex;gap:6px;align-items:center;cursor:pointer;user-select:none}
.wccp-share{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}
.wccp-share input{width:220px;max-width:100%;padding:5px 8px;font-size:12px;border:1px solid var(--wccp-border);border-radius:var(--wccp-radius)}
.wccp-shared-note{background:var(--wccp-diff);border:1px solid var(--wccp-border);padding:10px 14px;margin-bottom:12px;border-radius:var(--wccp-radius)}
.wccp-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--wccp-border);border-radius:var(--wccp-radius);background:#fff}
.wccp-shadow .wccp-scroll{box-shadow:0 4px 18px rgba(0,0,0,.08)}
.wccp-table{width:100%;border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;min-width:calc(var(--wccp-labelw) + var(--wccp-minw) * 2)}
.wccp-table[data-cols="1"]{min-width:0}
.wccp-table:not([data-cols="1"]):not([data-cols="2"]):not([data-cols="3"]):not([data-cols="4"]){min-width:max-content}
.wccp-table:not([data-cols="1"]):not([data-cols="2"]):not([data-cols="3"]):not([data-cols="4"]) td{width:max(var(--wccp-minw),240px);min-width:max(var(--wccp-minw),240px)}
.wccp-table th,.wccp-table td{padding:12px 14px;border:0;border-right:1px solid var(--wccp-border);border-bottom:1px solid var(--wccp-border);vertical-align:top;text-align:left;background:#fff;position:relative}
.wccp-table tr>*:last-child{border-right:0}
.wccp-table tr:last-child>*{border-bottom:0}
.wccp-table th.wccp-label-col{width:var(--wccp-labelw);min-width:var(--wccp-labelw);background:var(--wccp-head-bg);color:var(--wccp-head-text);font-weight:600;vertical-align:middle}
.wccp-table td{min-width:var(--wccp-minw)}
.wccp-zebra .wccp-table tr:nth-child(even) td{background:var(--wccp-stripe)}
.wccp-hl-diff .wccp-table tr.wccp-diff td{background:var(--wccp-diff)}
.wccp-hover .wccp-table tr:hover td{background:rgba(0,0,0,.035)}
.wccp-table img{max-width:100%;height:auto;display:block;margin:0 auto}
.wccp-row-image td{text-align:center}
.wccp-row-title .wccp-title{font-weight:600;text-decoration:none}
.wccp-row-price td{font-weight:600}
.wccp-empty-val{opacity:.5}
.wccp-cart-btn{display:inline-block}
.wccp-stock.out-of-stock{color:#b32d2e}.wccp-stock.in-stock{color:var(--wccp-added)}
.wccp-badge{display:inline-block;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.3;color:#fff;background:var(--wccp-best);border-radius:20px;vertical-align:middle;white-space:nowrap}
.wccp-best{outline:2px solid var(--wccp-best);outline-offset:-2px}
.wccp-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:18px;line-height:1;color:#666;background:rgba(255,255,255,.9);border:1px solid var(--wccp-border);border-radius:50%;text-decoration:none;cursor:pointer}
.wccp-remove:hover{color:#fff;background:#b32d2e;border-color:#b32d2e}
.wccp-has-remove .wccp-remove{position:absolute;top:6px;right:6px;z-index:3}
.wccp-row-remove td{text-align:center;padding:6px}

/* Fixare */
.wccp-sticky-head .wccp-table tr:first-child>*{position:sticky;top:var(--wccp-sticky);z-index:3}
.wccp-sticky-col .wccp-table th.wccp-label-col{position:sticky;left:0;z-index:2}
.wccp-sticky-head.wccp-sticky-col .wccp-table tr:first-child>th{z-index:4}
.wccp-sticky-head .wccp-scroll{overflow:auto;max-height:90vh}

/* Doar diferențele */
.wccp-only-diff .wccp-table tr[data-diff="0"]:not(.wccp-row-image):not(.wccp-row-title):not(.wccp-row-add_to_cart):not(.wccp-row-remove):not(.wccp-row-price){display:none}

/* Produse similare */
.wccp-related{margin-top:28px}
.wccp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.wccp-rel-item{text-align:center;border:1px solid var(--wccp-border);border-radius:var(--wccp-radius);padding:12px}
.wccp-rel-item a{text-decoration:none}
.wccp-rel-item .wccp-title{display:block;margin:6px 0;font-weight:600}
.wccp-rel-item .wccp-wrap{justify-content:center}

/* ---------- Listă / widget ---------- */
.wccp-list{list-style:none;margin:0;padding:0}
.wccp-list-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--wccp-border)}
.wccp-list-thumb{flex:0 0 44px}
.wccp-list-thumb img{width:44px;height:44px;object-fit:cover;border-radius:var(--wccp-radius);display:block}
.wccp-list-title{flex:1;font-size:13px;line-height:1.3;text-decoration:none}
.wccp-no-thumbs .wccp-list-thumb{display:none}
.wccp-list-footer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:10px}
.wccp-go{display:inline-block;padding:8px 14px;background:var(--wccp-primary);color:var(--wccp-primary-text);border-radius:var(--wccp-radius);text-decoration:none;font-size:14px}
.wccp-go:hover{background:var(--wccp-hover);color:var(--wccp-primary-text)}
.wccp-clear{font-size:13px;cursor:pointer}
.wccp-list-empty{margin:0;font-size:13px;opacity:.7}

/* ---------- Bară plutitoare ---------- */
.wccp-bar{position:fixed;left:0;right:0;z-index:9990;background:#fff;border:1px solid var(--wccp-border);box-shadow:0 0 18px rgba(0,0,0,.15);padding:10px 16px;display:flex;align-items:center;gap:14px;transition:transform .25s}
.wccp-bar[hidden]{display:none}
.wccp-bar-bottom{bottom:0;border-bottom:0}
.wccp-bar-top{top:0;border-top:0}
.wccp-bar .wccp-list-inner{display:flex;flex:1;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}
.wccp-bar .wccp-list{display:flex;gap:12px;overflow-x:auto;flex:1}
.wccp-bar .wccp-list-item{border:0;padding:0;flex:0 0 auto;max-width:200px}
.wccp-bar .wccp-list-footer{margin:0}
.wccp-bar-toggle{border:1px solid var(--wccp-border);background:var(--wccp-head-bg);border-radius:var(--wccp-radius);cursor:pointer;padding:4px 8px}
.wccp-bar.is-collapsed .wccp-list-inner{display:none}
.wccp-bar-bottom.is-collapsed{transform:translateY(calc(100% - 44px))}
.wccp-bar-top.is-collapsed{transform:translateY(calc(-100% + 44px))}
@media(max-width:768px){.wccp-bar-nomobile{display:none!important}.wccp-bar .wccp-list-title{display:none}}

/* ---------- Contor ---------- */
.wccp-counter{display:inline-flex;align-items:center;gap:6px;text-decoration:none;position:relative}
.wccp-counter .wccp-icon{display:inline-flex;font-size:var(--wccp-icon)}
.wccp-count{display:inline-block;min-width:20px;padding:1px 6px;font-size:12px;line-height:18px;text-align:center;color:var(--wccp-primary-text);background:var(--wccp-primary);border-radius:20px}
.wccp-count.is-zero{display:none}

/* ---------- Notificări ---------- */
.wccp-toasts{position:fixed;right:16px;bottom:16px;z-index:100000;display:flex;flex-direction:column;gap:8px;max-width:340px}
.wccp-bar-bottom:not([hidden])~.wccp-toasts{bottom:90px}
.wccp-toast{padding:12px 16px;color:#fff;background:#1d2327;border-radius:var(--wccp-radius);box-shadow:0 4px 14px rgba(0,0,0,.25);font-size:14px;animation:wccp-in .25s}
.wccp-toast.is-error{background:#b32d2e}
.wccp-toast.is-ok{background:var(--wccp-added)}
@keyframes wccp-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- Popup ---------- */
.wccp-popup-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,var(--wccp-overlay))}
.wccp-popup{position:relative;width:100%;max-width:var(--wccp-popup-w);max-height:92vh;overflow:auto;background:#fff;border-radius:var(--wccp-radius);padding:22px}
.wccp-popup-title{margin:0 40px 14px 0;font-size:20px}
.wccp-popup-close{position:absolute;top:10px;right:12px;width:32px;height:32px;font-size:24px;line-height:1;border:0;background:none;cursor:pointer}
.wccp-popup-loading{padding:40px;text-align:center;opacity:.6}
.wccp-anim-fade .wccp-popup{animation:wccp-in .25s}
.wccp-anim-slide .wccp-popup{animation:wccp-slide .3s}
@keyframes wccp-slide{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
body.wccp-lock{overflow:hidden}
.wccp-in-popup .wccp-sticky-head .wccp-scroll{max-height:70vh}

/* ---------- Tipărire ---------- */
@media print{
	.wccp-no-print,.wccp-bar,.wccp-toasts,.wccp-wrap,.wccp-remove,.wccp-popup-close{display:none!important}
	.wccp-scroll{overflow:visible;max-height:none!important;border:0}
	.wccp-table{min-width:0;table-layout:auto}
	.wccp-table th,.wccp-table td{position:static!important;padding:6px 8px}
}

/* Custom scrollbar for comparison table when products > 4 */
.wccp-scroll {
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--wccp-primary) var(--wccp-border);
}
.wccp-scroll::-webkit-scrollbar {
	height: 8px;
}
.wccp-scroll::-webkit-scrollbar-track {
	background: var(--wccp-border);
	border-radius: 4px;
}
.wccp-scroll::-webkit-scrollbar-thumb {
	background: var(--wccp-primary);
	border-radius: 4px;
}