/* ═══════════════════════════════════════════
   WC Price Toggle v2.2
═══════════════════════════════════════════ */

.wcpt-wrapper { margin: 18px 0 22px; font-family: inherit; direction: rtl; }

/* ══ מצב פשוט ══ */
.wcpt-options { display: flex; flex-direction: column; gap: 10px; }
.wcpt-option {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px; border: 2px solid #e0e0e0; border-radius: 10px;
    cursor: pointer; background: #fff;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.wcpt-option:hover { border-color: #aaa; }
.wcpt-option.is-selected { border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 3px rgba(34,113,177,.12); }
.wcpt-option input[type="radio"] { width:18px; height:18px; flex-shrink:0; accent-color:#2271b1; cursor:pointer; }
.wcpt-option__inner { display:flex; flex:1; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.wcpt-option__title { font-size:15px; font-weight:600; color:#1a1a1a; display:flex; align-items:center; gap:8px; }
.wcpt-option__price { font-size:17px; font-weight:700; color:#2271b1; white-space:nowrap; }
.wcpt-option__price small { font-size:12px; font-weight:400; color:#666; }

/* ══ מצב טבלה ══ */
.wcpt-table-wrap {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

.wcpt-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
}

/* כותרות */
.wcpt-table thead th {
    padding: 12px 16px;
    background: #f8f9fa;
    font-size: 13px; font-weight: 700; color: #555;
    text-align: center;
    border-bottom: 2px solid #e0e0e0;
}
.wcpt-table thead th:first-child {
    text-align: right;
    border-left: 1px solid #e0e0e0;
}
.wcpt-table thead th:nth-child(2) { border-left: 1px solid #e0e0e0; }

/* שורות */
.wcpt-table tbody tr { transition: background .15s; }
.wcpt-table tbody tr:not(:last-child) td { border-bottom: 1px solid #f0f0f0; }
.wcpt-table tbody tr:hover { background: #fafafa; }

/* תווית שורה */
.wcpt-row-label {
    padding: 14px 16px;
    font-size: 14px; font-weight: 700; color: #222;
    border-left: 1px solid #e8e8e8;
    white-space: nowrap;
    background: #fcfcfc;
}

/* תאי בחירה */
.wcpt-cell { padding: 8px; border-left: 1px solid #e8e8e8; }
.wcpt-cell:last-child { border-left: none; }

.wcpt-cell-label {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 14px; border-radius: 8px; cursor: pointer;
    border: 2px solid #e0e0e0; background: #fff;
    transition: border-color .2s, box-shadow .2s, background .2s;
    white-space: nowrap;
}
.wcpt-cell-label:hover { border-color: #aaa; background: #f9f9f9; }
.wcpt-cell-label.is-selected {
    border-color: #2271b1; background: #f0f6fc;
    box-shadow: 0 0 0 3px rgba(34,113,177,.12);
}
.wcpt-cell-label input[type="radio"] { width:16px; height:16px; accent-color:#2271b1; cursor:pointer; flex-shrink:0; }
.wcpt-cell-price { font-size:14px; font-weight:700; color:#2271b1; }
.wcpt-cell-price small { font-size:11px; font-weight:400; color:#666; }

/* Badge */
.wcpt-badge {
    display: inline-block; background: #e74c3c; color: #fff;
    font-size: 11px; font-weight: 700; padding: 2px 8px;
    border-radius: 20px; margin-right: 4px;
}

/* שגיאה */
.wcpt-error {
    margin: 10px 0 0; padding: 10px 14px;
    background: #fef2f2; border: 1px solid #fca5a5;
    border-radius: 8px; color: #b91c1c; font-size: 14px; font-weight: 500;
}
.wcpt--error .wcpt-options,
.wcpt--error .wcpt-table-wrap { animation: wcpt-shake .4s ease; }

@keyframes wcpt-shake {
    0%,100%{transform:translateX(0)} 20%{transform:translateX(-6px)}
    40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(4px)}
}

@media (max-width: 520px) {
    .wcpt-cell-label { padding: 8px 6px; gap: 5px; }
    .wcpt-cell-price { font-size: 13px; }
    .wcpt-row-label { font-size: 13px; padding: 12px 10px; }
    .wcpt-table thead th { font-size: 12px; padding: 10px 8px; }
}
