/* WC Product Options — само product page стилове, без намеса в cart */

.wcpo-wrapper { margin:20px 0 24px; font-family:inherit; }
.wcpo-group { margin-bottom:22px; }
.wcpo-group__label { font-size:1rem; font-weight:600; color:#1a1a1a; margin-bottom:12px; }

.wcpo-items {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:flex-start !important;
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}

.wcpo-item {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    cursor:pointer;
    border:2px solid #e0e0e0 !important;
    border-radius:10px !important;
    padding:8px !important;
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    background:#fff !important;
    transition:border-color .18s, box-shadow .18s, transform .12s;
    user-select:none;
    position:relative;
    outline:none;
    box-sizing:border-box !important;
    /* reset всичко от темата */
    text-align:center !important;
    float:none !important;
    margin:0 !important;
}

.wcpo-item:hover {
    border-color:#999 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.1) !important;
    transform:translateY(-2px);
}
.wcpo-item.is-selected {
    border-color:#005ADC !important;
    background:#f0f6ff !important;
}
.wcpo-item.is-selected::after {
    content:'✓'; position:absolute; top:-8px; right:-8px;
    width:20px; height:20px; background:#005ADC; color:#fff;
    border-radius:50%; font-size:11px; line-height:20px; text-align:center; z-index:1;
}

/* ── Снимка контейнер ── */
.wcpo-item .wcpo-item__img-wrap {
    width:110px !important;
    height:110px !important;
    min-width:110px !important;
    min-height:110px !important;
    max-width:110px !important;
    max-height:110px !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    border-radius:6px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    position:relative;
    /* reset */
    float:none !important;
    clear:both !important;
}

/* ── Снимката вътре — САМО за .wcpo-item__img-wrap img ── */
.wcpo-item .wcpo-item__img-wrap img {
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:6px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border:none !important;
    border-radius:0 !important;
    float:none !important;
    display:block !important;
    transition:transform .22s;
    /* reset теми */
    box-shadow:none !important;
    position:static !important;
    top:auto !important; left:auto !important;
}
.wcpo-item:hover .wcpo-item__img-wrap img { transform:scale(1.05) !important; }

.wcpo-item__zoom {
    position:absolute !important; bottom:4px !important; right:4px !important;
    width:22px !important; height:22px !important;
    background:rgba(0,0,0,.5) !important; border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    opacity:0; transition:opacity .18s; cursor:pointer; z-index:2;
}
.wcpo-item:hover .wcpo-item__zoom { opacity:1 !important; }
.wcpo-item__zoom svg { width:12px !important; height:12px !important; stroke:#fff !important; }

.wcpo-item__label {
    font-size:.75rem !important; font-weight:600 !important;
    text-align:center !important; color:#222 !important;
    line-height:1.3 !important; word-break:break-word !important;
    width:100% !important; margin:0 !important; padding:0 !important;
    /* reset */
    float:none !important; display:block !important;
}
.wcpo-item__price {
    font-size:.73rem !important; color:#555 !important;
    margin-top:3px !important; text-align:center !important;
}

/* ── Lightbox ── */
.wcpo-lightbox { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; }
.wcpo-lb__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(4px); cursor:pointer; }
.wcpo-lb__box { position:relative; z-index:1; background:#fff; border-radius:14px; overflow:hidden; max-width:90vw; max-height:90vh; display:flex; flex-direction:column; align-items:center; box-shadow:0 24px 80px rgba(0,0,0,.45); animation:wcpo-in .22s ease; }
@keyframes wcpo-in { from{opacity:0;transform:scale(.88)} to{opacity:1;transform:scale(1)} }
.wcpo-lb__close { position:absolute; top:10px; right:14px; background:rgba(0,0,0,.55); border:none; color:#fff; font-size:22px; width:34px; height:34px; border-radius:50%; cursor:pointer; z-index:2; display:flex; align-items:center; justify-content:center; }
.wcpo-lb__close:hover { background:rgba(0,0,0,.85); }
.wcpo-lb__img { display:block; max-width:80vw; max-height:75vh; object-fit:contain; }
.wcpo-lb__caption { padding:12px 20px; font-size:.95rem; font-weight:600; color:#1a1a1a; text-align:center; }

@media(max-width:480px){
    .wcpo-item { width:90px !important; min-width:90px !important; max-width:90px !important; }
    .wcpo-item .wcpo-item__img-wrap { width:74px !important; height:74px !important; min-width:74px !important; min-height:74px !important; max-width:74px !important; max-height:74px !important; }
}