/* Veebihai Soovikorv Styles */

/* Smiley toggle button */
[data-vw-toggle] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%;
    background: rgba(255,255,255,0.92); border: 1.5px solid #e5e7eb;
    cursor: pointer; transition: all 0.2s; color: #d1d5db;
    position: relative; z-index: 5;
}
[data-vw-toggle]:hover { color: #5ED6A0; border-color: #5ED6A0; transform: scale(1.1); }
[data-vw-toggle].vw-active { color: #5ED6A0; border-color: #5ED6A0; background: rgba(94,214,160,0.08); }

/* Inside product cards (absolute top-right) */
.product-card [data-vw-toggle],
.catalog__card [data-vw-toggle] {
    position: absolute; top: 8px; right: 8px;
}

/* On single product page — beside title */
.vw-heart-single {
    width: 40px; height: 40px; border-radius: 10px;
    flex-shrink: 0; background: var(--gray-50, #f9fafb); border: 1.5px solid #e5e7eb;
}

/* Toast notification */
.vw-toast {
    position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px);
    background: #18163B; color: #fff; padding: 10px 24px;
    border-radius: 10px; font-size: 0.8125rem; font-weight: 600;
    z-index: 10000; opacity: 0; transition: all 0.3s;
    pointer-events: none; white-space: nowrap;
}
.vw-toast--show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* Header badge */
.vw-badge {
    position: absolute; top: -2px; right: 0;
    width: 16px; height: 16px; background: #5ED6A0; color: #18163B;
    font-size: 0.5625rem; font-weight: 700; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* Wishlist page */
.vw-wishlist__loading {
    text-align: center; padding: 40px 0; color: #9ca3af;
}
.vw-wishlist__empty {
    text-align: center; padding: 60px 0;
    display: flex; flex-direction: column; align-items: center;
}
.vw-wishlist__empty h3 { font-size: 1.25rem; font-weight: 700; color: #18163B; margin: 12px 0 8px; }
.vw-wishlist__empty p { color: #6b7280; margin-bottom: 20px; }
.vw-btn {
    display: inline-block; padding: 12px 28px; background: #18163B;
    color: #fff; border-radius: 10px; text-decoration: none; font-weight: 600;
}

/* Wishlist grid */
.vw-wishlist__grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}

.vw-card {
    background: #fff; border: 1.5px solid #f3f4f6; border-radius: 14px;
    overflow: hidden; transition: all 0.2s;
}
.vw-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }

.vw-card__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f9fafb; }
.vw-card__img img { width: 100%; height: 100%; object-fit: contain; }

.vw-card__info { padding: 12px 14px 0; }
.vw-card__brand { font-size: 0.6875rem; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px; }
.vw-card__name {
    display: block; font-size: 0.875rem; font-weight: 600; color: #18163B;
    text-decoration: none; line-height: 1.3; margin: 4px 0 6px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.vw-card__name:hover { color: #4BBF8C; }
.vw-card__price { font-size: 0.875rem; font-weight: 700; color: #18163B; }

.vw-card__actions {
    display: flex; align-items: center; gap: 8px; padding: 12px 14px;
}
.vw-card__btn {
    flex: 1; text-align: center; padding: 8px 12px;
    background: #18163B; color: #fff; border-radius: 8px;
    font-size: 0.75rem; font-weight: 600; text-decoration: none;
    transition: all 0.15s;
}
.vw-card__btn:hover { opacity: 0.9; }
.vw-card__remove {
    width: 32px; height: 32px; border: 1.5px solid #f3f4f6;
    border-radius: 8px; background: none; color: #d1d5db;
    cursor: pointer; font-size: 1.125rem; transition: all 0.15s;
    display: flex; align-items: center; justify-content: center;
}
.vw-card__remove:hover { background: #fef2f2; color: #ef4444; border-color: #fecaca; }

/* Share section */
.vw-wishlist__share {
    display: flex; align-items: center; gap: 12px;
    margin-top: 24px; padding-top: 20px; border-top: 1px solid #f3f4f6;
}
.vw-share-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 20px; border: 1.5px solid #e5e7eb;
    border-radius: 10px; background: #fff; color: #18163B;
    font-size: 0.8125rem; font-weight: 600; cursor: pointer;
    font-family: inherit; transition: all 0.15s;
}
.vw-share-btn:hover { background: #f9fafb; }
.vw-share-msg { font-size: 0.8125rem; color: #5ED6A0; font-weight: 600; }

@media (max-width: 480px) {
    .vw-wishlist__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* Fix overflow hidden on cards */
.product-card, .catalog__card { overflow: visible !important; position: relative; }
.product-card [data-vw-toggle],
.catalog__card [data-vw-toggle] {
    position: absolute !important; top: 8px; right: 8px; z-index: 10;
}

/* Quickview wishlist button */
.qv-wishlist-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 20px; border-radius: 10px;
    background: #f9fafb; border: 1.5px solid #e5e7eb;
    color: #6b7280; font-size: 0.875rem; font-weight: 600;
    cursor: pointer; font-family: inherit; transition: all 0.2s;
    width: auto; height: auto;
}
.qv-wishlist-btn:hover { border-color: #5ED6A0; color: #5ED6A0; }
.qv-wishlist-btn.vw-active { border-color: #5ED6A0; color: #5ED6A0; background: rgba(94,214,160,0.06); }

/* Quickview image smiley */
.qv-img-wishlist {
    position: absolute !important; top: 12px; right: 12px; z-index: 10;
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(255,255,255,0.92); border: 1.5px solid #e5e7eb;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all 0.2s; color: #d1d5db;
}
.qv-img-wishlist:hover { color: #5ED6A0; border-color: #5ED6A0; transform: scale(1.1); }
.qv-img-wishlist.vw-active { color: #5ED6A0; border-color: #5ED6A0; background: rgba(94,214,160,0.08); }

/* Quickview wishlist - small round button */
.qv-wishlist-btn {
  width: 44px !important; height: 44px !important; padding: 0 !important;
  border-radius: 50% !important; flex-shrink: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: #f9fafb !important; border: 1.5px solid #e5e7eb !important;
  color: #6b7280 !important; cursor: pointer; transition: all 0.2s;
  font-size: 0; line-height: 0;
}
.qv-wishlist-btn:hover { border-color: #5ED6A0; color: #5ED6A0; transform: scale(1.08); }
.qv-wishlist-btn.vw-active { border-color: #5ED6A0; color: #5ED6A0; background: rgba(94,214,160,0.08); }
.qv-wishlist-btn svg { margin: 0 !important; }

/* Quickview actions: Lisa korvi + Vaata lähemalt + smiley in row */
.quickview__actions { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap; }
.quickview__actions .quickview__add,
.quickview__actions .quickview__link { flex: 1; min-width: 140px; }