/* Variation Cards for WooCommerce - Game Kinley v1.1.1 */

.vcw-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 4px 0;
}

.vcw-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 14px;
}

.vcw-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 13px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 10px !important;
    cursor: pointer;
    background: #ffffff !important;
    min-height: 52px;
    box-sizing: border-box;
    user-select: none;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.vcw-card:hover {
    border-color: #f59e0b !important;
    background: #fffbf0 !important;
    box-shadow: 0 2px 6px rgba(245,158,11,0.15);
}

.vcw-card.vcw-selected,
.vcw-card.vcw-selected:hover {
    border-color: #4285f4 !important;
    background: #4285f4 !important;
    box-shadow: 0 0 0 2px #4285f4 !important;
}

.vcw-card.vcw-selected .vcw-label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.vcw-card.vcw-selected .vcw-price {
    color: #1a1a1a !important;
    background: none !important;
    padding: 0 !important;
}

/* বিজোড় হলে শেষটা full width */
.vcw-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.vcw-card.vcw-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* Name — WooCommerce override সহ */
.vcw-wrapper .vcw-card .vcw-label,
.vcw-label {
    font-size: 11px !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    flex: 1;
    padding-right: 8px;
    min-width: 0;
    margin: 0 !important;
}

/* Price — WooCommerce .price, .amount সব override */
.vcw-wrapper .vcw-card .vcw-price,
.vcw-wrapper .vcw-card .vcw-price span,
.vcw-wrapper .vcw-card .vcw-price .woocommerce-Price-amount,
.vcw-wrapper .vcw-card .vcw-price .amount,
.vcw-price,
.vcw-price span,
.vcw-price .woocommerce-Price-amount,
.vcw-price .amount {
    font-size: 11px !important;
    color: #e07b00 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    flex-shrink: 0;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vcw-price del,
.vcw-price del .amount {
    color: #bbb !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    display: block !important;
    text-decoration: line-through !important;
}

.vcw-price ins,
.vcw-price ins .amount {
    text-decoration: none !important;
    color: #e07b00 !important;
    font-size: 11px !important;
}

/* ─── Clear Button ─────────────────────────────── */
.reset_variations {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    margin-top: 4px !important;
    background: #fff !important;
    color: #555 !important;
    border: 1.5px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    letter-spacing: 0.3px !important;
    visibility: visible !important;
}

.reset_variations::before {
    content: "✕" !important;
    font-size: 11px !important;
    color: #999 !important;
    font-weight: 700 !important;
}

.reset_variations:hover {
    background: #fff0f0 !important;
    border-color: #e07b00 !important;
    color: #e07b00 !important;
}

.reset_variations:hover::before {
    color: #e07b00 !important;
}

/* Clear button — default hidden */
.reset_variations {
    display: none !important;
}
.reset_variations.vcw-visible {
    display: inline-flex !important;
}

/* Attribute label margin — variation এর উপরে */
form.cart .variations th.label {
    margin-top: 12px !important;
    margin-bottom: 6px !important;
}
form.cart .variations tr:first-child th.label {
    margin-top: 0 !important;
}

/* ─── Price Bottom Style ─────────────────────────── */
.vcw-style-price-bottom .vcw-card {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    min-height: 80px;
}

.vcw-style-price-bottom .vcw-card-top {
    flex: 1;
    padding: 12px 14px 10px !important;
    display: flex;
    align-items: flex-start;
}

.vcw-style-price-bottom .vcw-card-top .vcw-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1a1a1a;
    line-height: 1.3;
}

.vcw-style-price-bottom .vcw-card-bottom {
    border-top: 1.5px solid #e8e8e8;
    padding: 7px 14px !important;
    background: #f7f7f7;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
}

.vcw-style-price-bottom .vcw-card-bottom .vcw-price,
.vcw-style-price-bottom .vcw-card-bottom .vcw-price *,
.vcw-style-price-bottom .vcw-card-bottom .vcw-price .amount,
.vcw-style-price-bottom .vcw-card-bottom .vcw-price bdi {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #e07b00 !important;
}

/* Selected state for price-bottom */
.vcw-style-price-bottom .vcw-card.vcw-selected .vcw-card-top .vcw-label {
    color: #fff !important;
}

.vcw-style-price-bottom .vcw-card.vcw-selected .vcw-card-bottom {
    border-top-color: rgba(255,255,255,0.25) !important;
    background: rgba(0,0,0,0.15) !important;
}

.vcw-style-price-bottom .vcw-card.vcw-selected .vcw-card-bottom .vcw-price,
.vcw-style-price-bottom .vcw-card.vcw-selected .vcw-card-bottom .vcw-price * {
    color: #fff !important;
}

/* ─── Selected Variation Label ───────────────────── */
.vcw-selected-label {
    display: none;
    margin-bottom: 6px;
    padding: 7px 14px;
    background: #f0f4ff;
    border-left: 3px solid #4285f4;
    border-radius: 6px;
    font-size: 12.5px;
    color: #333;
    font-weight: 500;
}

.vcw-selected-label.vcw-label-visible {
    display: block;
}

.vcw-selected-label span {
    color: #4285f4;
    font-weight: 700;
}