/**
 * navico-prdct-card.css
 * Product card styling. All colors pulled from navico-prdct-root.css
 * variables — do not add hex values here.
 * Requires: navico-prdct-root.css loaded first.
 */

.navico_prdct_card { list-style: none; }

.navico_prdct_card_inner {
    display: flex;
    flex-direction: column;
    gap: var(--navico_prdct_gap);
    border: 1px solid var(--navico_prdct_border);
    border-radius: var(--navico_prdct_radius);
    padding: 10px;
    text-align: left;
    width: 100%;          /* NEW */
    height: 100%;         /* NEW */
}

.navico_prdct_info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Image area */
.navico_prdct_thumb {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: var(--navico_prdct_radius);
    overflow: hidden;
    background: var(--navico_prdct_surface);
    display: block;
}
.navico_prdct_thumb_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .25s ease;
}

.navico_prdct_thumb--has-hover:hover .navico_prdct_thumb_img--primary { opacity: 0; }
.navico_prdct_thumb--has-hover:hover .navico_prdct_thumb_img--secondary { opacity: 1; }


/* Category label */
.navico_prdct_category {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--navico_prdct_heading_accent);
    margin-bottom: 4px;
    text-align: left;
}

/* Title */
.navico_prdct_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 4px;
    text-align: left;
}
.navico_prdct_title a {
    color: var(--navico_prdct_headings);
    text-decoration: none;
}
.navico_prdct_title a:hover { color: var(--navico_prdct_heading_accent); }

/* Specs line */
.navico_prdct_specs {
    font-size: 12px;
    color: var(--navico_prdct_muted);
    margin-bottom: 6px;
}

/* Color variation dots */
.navico_prdct_colors {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}
.navico_prdct_color_dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--navico_prdct_border);
    display: inline-block;
}
.navico_prdct_color_dot[data-color="clear"]      { background: #eaf6ff; }
.navico_prdct_color_dot[data-color="frosted"]    { background: #d9d9d9; }
.navico_prdct_color_dot[data-color="green-tint"] { background: #cfe8d8; }

/* Price */
.navico_prdct_price_row { margin-bottom: 2px; }
.navico_prdct_price_label {
    font-size: 11px;
    color: var(--navico_prdct_muted);
    display: block;
}
.navico_prdct_price {
    font-size: 17px;
    font-weight: 700;
    color: var(--navico_prdct_accent);
}


/* Equal card heights in any row (shop, category, related, anywhere) */
.woocommerce ul.products li.navico_prdct_card,
.woocommerce-page ul.products li.navico_prdct_card {
    display: flex;
    height: auto;
}



/* Action buttons */
.navico_prdct_actions {
    display: flex;
    gap: 8px;
    margin-top: auto;     /* NEW - buttons hamesha bottom pe */
}
.navico_prdct_btn {
    flex: 1;
    text-align: center;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--navico_prdct_radius_sm);
    text-decoration: none;
    border: 1px solid transparent;
}
.navico_prdct_btn--view {
    background: transparent;
    color: var(--navico_prdct_accent);
    border-color: var(--navico_prdct_accent);
}
.navico_prdct_btn--view:hover {
    background: var(--navico_prdct_accent);
    color: var(--navico_prdct_secondary);
}
.navico_prdct_btn--order {
    background: var(--navico_prdct_heading_accent);
    color: var(--navico_prdct_secondary);
}
.navico_prdct_btn--order:hover {
    background: var(--navico_prdct_accent);
    color: var(--navico_prdct_secondary) !important;
}

@media (max-width: 420px) {
    .navico_prdct_actions { flex-direction: column; }
}