/* ==================================================
   Split from home-sections.css
   File generated for Blocksy child theme modular CSS.
================================================== */

/* ==================================================
   3. HOMEPAGE PRODUCT GRID – LIGHT PRODUCT CARDS
   IMPORTANT: scoped to homepage to avoid archive conflicts
================================================== */

/* Grid wrapper */
.home .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 30px 22px;
    align-items: stretch;
}

/* Product list item = layout wrapper only */
.home .woocommerce ul.products li.product,
.home ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #111111 !important;
}

/* Main visual card */
.home .woocommerce ul.products li.product .ct-card-product,
.home ul.products li.product .ct-card-product {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.16),
        0 0 0 1px rgba(255, 255, 255, 0.55) inset;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.home .woocommerce ul.products li.product .ct-card-product:hover,
.home ul.products li.product .ct-card-product:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 0, 0, 0.38);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(184, 0, 0, 0.08) inset;
}

/* Product image area */
.home .woocommerce ul.products li.product .ct-card-product .ct-image-container,
.home .woocommerce ul.products li.product .ct-media-container,
.home ul.products li.product .ct-card-product .ct-image-container,
.home ul.products li.product .ct-media-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 20px 18px 12px;
    background: #ffffff;
    border-radius: 18px 18px 0 0;
    overflow: hidden;
    aspect-ratio: 1 / 1 !important;
}

.home .woocommerce ul.products li.product .ct-card-product .ct-image-container img,
.home .woocommerce ul.products li.product .ct-media-container img.wp-post-image,
.home ul.products li.product .ct-card-product .ct-image-container img,
.home ul.products li.product .ct-media-container img.wp-post-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 235px;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.25s ease;
}

.home .woocommerce ul.products li.product .ct-card-product:hover .ct-image-container img,
.home .woocommerce ul.products li.product .ct-card-product:hover .ct-media-container img.wp-post-image,
.home ul.products li.product .ct-card-product:hover .ct-image-container img,
.home ul.products li.product .ct-card-product:hover .ct-media-container img.wp-post-image {
    transform: scale(1.04);
}

/* Inner content spacing */
.home .woocommerce ul.products li.product .ct-card-product > *:not(.ct-media-container):not(.ct-image-container),
.home ul.products li.product .ct-card-product > *:not(.ct-media-container):not(.ct-image-container) {
    padding-left: 18px;
    padding-right: 18px;
}

/* Product title */
.home .woocommerce ul.products li.product .woocommerce-loop-product__title,
.home .woocommerce ul.products li.product .woocommerce-loop-product__title a,
.home .woocommerce ul.products li.product .ct-card-product h2,
.home .woocommerce ul.products li.product .ct-card-product h2 a,
.home .woocommerce ul.products li.product .product-title,
.home .woocommerce ul.products li.product .product-title a,
.home ul.products li.product .woocommerce-loop-product__title,
.home ul.products li.product .woocommerce-loop-product__title a,
.home ul.products li.product .ct-card-product h2,
.home ul.products li.product .ct-card-product h2 a,
.home ul.products li.product .product-title,
.home ul.products li.product .product-title a {
    color: #111111 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

.home .woocommerce ul.products li.product .ct-card-product .woocommerce-loop-product__title,
.home .woocommerce ul.products li.product .ct-card-product h2,
.home .woocommerce ul.products li.product .ct-card-product h3,
.home ul.products li.product .ct-card-product .woocommerce-loop-product__title,
.home ul.products li.product .ct-card-product h2,
.home ul.products li.product .ct-card-product h3 {
    min-height: 64px;
    margin: 0 0 10px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    transition: color 0.2s ease;
}

/* Product title hover */
.home .woocommerce ul.products li.product .ct-card-product:hover .woocommerce-loop-product__title,
.home .woocommerce ul.products li.product .ct-card-product:hover .woocommerce-loop-product__title a,
.home .woocommerce ul.products li.product .ct-card-product:hover h2,
.home .woocommerce ul.products li.product .ct-card-product:hover h2 a,
.home .woocommerce ul.products li.product .ct-card-product:hover h3,
.home .woocommerce ul.products li.product .ct-card-product:hover h3 a,
.home ul.products li.product .ct-card-product:hover .woocommerce-loop-product__title,
.home ul.products li.product .ct-card-product:hover .woocommerce-loop-product__title a,
.home ul.products li.product .ct-card-product:hover h2,
.home ul.products li.product .ct-card-product:hover h2 a,
.home ul.products li.product .ct-card-product:hover h3,
.home ul.products li.product .ct-card-product:hover h3 a {
    color: #b80000 !important;
}

/* Product meta / categories */
.home .woocommerce ul.products li.product .ct-taxonomies,
.home .woocommerce ul.products li.product .ct-taxonomies *,
.home .woocommerce ul.products li.product .ct-product-categories,
.home .woocommerce ul.products li.product .ct-product-categories *,
.home .woocommerce ul.products li.product .product-categories,
.home .woocommerce ul.products li.product .product-categories *,
.home .woocommerce ul.products li.product .posted_in,
.home .woocommerce ul.products li.product .posted_in *,
.home .woocommerce ul.products li.product [rel="tag"],
.home .woocommerce ul.products li.product .ct-woo-card-extra,
.home .woocommerce ul.products li.product .ct-woo-card-extra *,
.home ul.products li.product .ct-taxonomies,
.home ul.products li.product .ct-taxonomies *,
.home ul.products li.product .ct-product-categories,
.home ul.products li.product .ct-product-categories *,
.home ul.products li.product .product-categories,
.home ul.products li.product .product-categories *,
.home ul.products li.product .posted_in,
.home ul.products li.product .posted_in *,
.home ul.products li.product [rel="tag"],
.home ul.products li.product .ct-woo-card-extra,
.home ul.products li.product .ct-woo-card-extra * {
    color: #222222 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

.home .woocommerce ul.products li.product .ct-card-product .ct-taxonomies,
.home .woocommerce ul.products li.product .ct-card-product .ct-product-categories,
.home .woocommerce ul.products li.product .ct-card-product .product-categories,
.home .woocommerce ul.products li.product .ct-card-product .posted_in,
.home .woocommerce ul.products li.product .ct-card-product .ct-woo-card-extra,
.home ul.products li.product .ct-card-product .ct-taxonomies,
.home ul.products li.product .ct-card-product .ct-product-categories,
.home ul.products li.product .ct-card-product .product-categories,
.home ul.products li.product .ct-card-product .posted_in,
.home ul.products li.product .ct-card-product .ct-woo-card-extra {
    min-height: 42px;
    margin: 0 0 12px;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: center;
    text-transform: uppercase;
}

/* Product price */
.home .woocommerce ul.products li.product .price,
.home .woocommerce ul.products li.product .price *,
.home ul.products li.product .price,
.home ul.products li.product .price * {
    color: #b80000 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.home .woocommerce ul.products li.product .ct-card-product .price,
.home ul.products li.product .ct-card-product .price {
    display: block;
    min-height: 30px;
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
    text-align: left;
}

/* Rating */
.home .woocommerce ul.products li.product .star-rating,
.home ul.products li.product .star-rating,
.home .woocommerce ul.products li.product .star-rating::before,
.home .woocommerce ul.products li.product .star-rating span::before,
.home ul.products li.product .star-rating::before,
.home ul.products li.product .star-rating span::before {
    color: #ffcc00 !important;
}

.home .woocommerce ul.products li.product .ct-card-product .star-rating,
.home ul.products li.product .ct-card-product .star-rating {
    margin: 0 auto 12px;
}

/* Short description / stock */
.home .woocommerce ul.products li.product .ct-short-description,
.home .woocommerce ul.products li.product .ct-stock-info,
.home .woocommerce ul.products li.product .stock,
.home ul.products li.product .ct-short-description,
.home ul.products li.product .ct-stock-info,
.home ul.products li.product .stock {
    color: #222222 !important;
    opacity: 1 !important;
}

/* Action area */
.home .woocommerce ul.products li.product .ct-card-product .ct-woo-card-actions,
.home .woocommerce ul.products li.product .ct-card-product .product-actions,
.home ul.products li.product .ct-card-product .ct-woo-card-actions,
.home ul.products li.product .ct-card-product .product-actions {
    margin-top: auto;
    padding: 4px 18px 18px;
}

/* Add to cart button */
.home .woocommerce ul.products li.product .button,
.home .woocommerce ul.products li.product .add_to_cart_button,
.home ul.products li.product .button,
.home ul.products li.product .add_to_cart_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    width: 100%;
    padding: 12px 16px !important;
    border-radius: 0 !important;
    background: #b80000 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 1px solid #b80000 !important;
    box-shadow: none !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.home .woocommerce ul.products li.product .button *,
.home .woocommerce ul.products li.product .add_to_cart_button *,
.home ul.products li.product .button *,
.home ul.products li.product .add_to_cart_button * {
    color: #ffffff !important;
}

.home .woocommerce ul.products li.product .button:hover,
.home .woocommerce ul.products li.product .add_to_cart_button:hover,
.home ul.products li.product .button:hover,
.home ul.products li.product .add_to_cart_button:hover {
    background: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Sale / label badges */
.home .woocommerce ul.products li.product .onsale,
.home ul.products li.product .onsale,
.home .woocommerce span.onsale {
    background: #b80000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* Emergency override for homepage product links */
.home .woocommerce ul.products li.product a:not(.button):not(.add_to_cart_button),
.home .woocommerce ul.products li.product a:not(.button):not(.add_to_cart_button) *,
.home ul.products li.product a:not(.button):not(.add_to_cart_button),
.home ul.products li.product a:not(.button):not(.add_to_cart_button) * {
    color: #111111 !important;
}

/* Keep cart button text white after emergency link override */
.home .woocommerce ul.products li.product .button,
.home .woocommerce ul.products li.product .button *,
.home .woocommerce ul.products li.product .add_to_cart_button,
.home .woocommerce ul.products li.product .add_to_cart_button *,
.home ul.products li.product .button,
.home ul.products li.product .button *,
.home ul.products li.product .add_to_cart_button,
.home ul.products li.product .add_to_cart_button * {
    color: #ffffff !important;
}

/* Remove forced white text from selected browser states */
.home .woocommerce ul.products li.product ::selection,
.home ul.products li.product ::selection {
    background: rgba(184, 0, 0, 0.18);
    color: #111111;
}
