/* GlowUp Card Grid - Main CSS */

/* ── לב ── */
.gcg-heart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    border: none;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: all 0.2s;
    position: relative;
    z-index: 10;
}
.gcg-heart-btn svg { width: 22px; height: 22px; stroke: #ccc; fill: none; transition: all 0.2s; }
.gcg-heart-btn:hover svg { stroke: #e74c8b; }
.gcg-heart-btn.liked svg { stroke: #6ABFB0; fill: #6ABFB0; }
.gcg-heart-btn:disabled { opacity: 0.6; cursor: default; }

/* ── לשוניות ── */
.gcg-tabs { display: flex; gap: 8px; border-bottom: 2px solid #eee; margin-bottom: 16px; flex-wrap: wrap; direction: rtl; }
.gcg-tab { padding: 10px 20px; background: none; border: none; border-bottom: 3px solid transparent; font-size: 15px; cursor: pointer; color: #888; margin-bottom: -2px; transition: all 0.2s; font-weight: 500; font-family: inherit; }
.gcg-tab:hover { color: #6ABFB0; }
.gcg-tab.active { color: #6ABFB0; border-bottom-color: #6ABFB0; font-weight: 700; }
.gcg-rules { background: #f9f5f2; border-radius: 10px; padding: 12px 16px; margin-bottom: 16px; font-size: 13px; color: #666; direction: rtl; }

/* ── פופאפ ── */
.gcg-popup-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gcg-popup {
    background: #fff;
    border-radius: 20px;
    max-width: 820px;
    width: 95%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    padding: 28px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    direction: rtl;
}
.gcg-popup-close {
    position: absolute; top: 14px; left: 14px;
    background: #f0ebe6; border: none;
    width: 32px; height: 32px; border-radius: 50%;
    font-size: 16px; cursor: pointer; color: #555;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.15s;
}
.gcg-popup-close:hover { background: #e0d5cc; }

/* ── פרטי כרטיס ── */
.gcg-detail-cols { display: flex; gap: 24px; flex-wrap: wrap; }
.gcg-detail-right { flex: 1; min-width: 240px; }
.gcg-detail-left  { width: 280px; flex-shrink: 0; }
.gcg-detail-fields { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.gcg-detail-field { padding: 10px 14px; background: #fdf8f4; border-radius: 10px; font-size: 14px; }
.gcg-detail-label { font-weight: 600; color: #888; margin-left: 6px; }
.gcg-detail-val   { color: #333; }

/* גלריה */
.gcg-detail-gallery { display: flex; flex-direction: column; gap: 10px; }
.gcg-detail-main-img { width: 100%; height: 280px; object-fit: cover; border-radius: 14px; display: block; }
.gcg-detail-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.gcg-detail-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid transparent; opacity: 0.7; transition: all 0.15s; }
.gcg-detail-thumb.active, .gcg-detail-thumb:hover { border-color: #6ABFB0; opacity: 1; }

/* כפתורי תגובה */
.gcg-response-box { padding: 16px; background: #f9f5f2; border-radius: 12px; }
.gcg-resp-title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 12px; }
.gcg-resp-btn { display: block; width: 100%; padding: 12px 20px; margin-bottom: 8px; border: none; border-radius: 25px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.18s; font-family: inherit; text-align: center; }
.gcg-resp-btn:last-child { margin-bottom: 0; }
.gcg-resp-btn.interested { background: #6ABFB0; color: #fff; }
.gcg-resp-btn.interested:hover { background: #5aafa0; }
.gcg-resp-btn.busy { background: #f9c74f; color: #7a5c00; }
.gcg-resp-btn.busy:hover { background: #f0b800; }
.gcg-resp-btn.not-match { background: #f0f0f0; color: #555; }
.gcg-resp-btn.not-match:hover { background: #e0e0e0; }
.gcg-match-banner { background: linear-gradient(135deg,#6ABFB0,#5aafa0); color: #fff; text-align: center; }
.gcg-match-banner p { font-size: 18px; font-weight: 700; margin: 0; }

/* ── Toast ── */
.gcg-toast { position: fixed; bottom: 24px; right: 24px; background: #333; color: #fff; padding: 12px 20px; border-radius: 12px; font-size: 14px; z-index: 999999; opacity: 0; transform: translateY(10px); transition: all 0.3s; pointer-events: none; direction: rtl; max-width: 320px; }
.gcg-toast.show { opacity: 1; transform: translateY(0); }
.gcg-toast.gcg-toast-success { background: #6ABFB0; }
.gcg-toast.gcg-toast-error   { background: #e74c3c; }

/* ── Responsive ── */
@media (max-width: 600px) {
    .gcg-detail-cols { flex-direction: column; }
    .gcg-detail-left { width: 100%; }
    .gcg-popup { padding: 16px; }
    .gcg-detail-main-img { height: 220px; }
}

/* ── לשוניות חדשות ── */
.gcg-tabs-widget { direction: rtl; }
.gcg-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; justify-content: center; }
.gcg-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s;
    color: #fff;
    background: #c9b99a;
}
.gcg-tab-btn.active { background: #6ABFB0 !important; }
.gcg-tab-btn:hover { filter: brightness(1.08); }
.gcg-tab-icon { display: inline-flex; align-items: center; }
.gcg-tab-icon i, .gcg-tab-icon svg { font-size: inherit; }
.gcg-tab-content { width: 100%; }
.gcg-tab-content-inner { }
.gcg-tab-drop-zone { }