/*
Theme Name:   GeneratePress Child
Description:  Custom styles for Brake Trace WooCommerce layout
Author:       Your Name
Template:     generatepress
Version:      1.1.1   (2025-05-17)
*/

/* ================================================================
   GENERAL PRODUCT-GRID  &  LAYOUT STYLING  (original rules)
   ============================================================= */

@media (max-width: 870px){
    .top_rows{
        grid-template-columns:1fr!important;
        grid-template-areas:
        "deals"
        "brand-guide";
    }
    .sidebar_top_rows{
        border-right:0!important;
        padding:25px;
        grid-area:brand-guide;
    }
    .top_rows_middle{grid-area:deals;}
}

/*  default thumbnail before equaliser  */
.woocommerce-LoopProduct-link img{
    display:block;
    margin:0 auto 10px;
    height:auto;
    max-width:100%;
}

/*  anchor as flexbox until equalised  */
.woocommerce-LoopProduct-link{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    height:100%;
}

/*  default title + price look  */
.woocommerce-loop-product__title,
.woocommerce-LoopProduct-link .price{
    margin:0;
    padding-top:auto;
    text-align:center;
}

/*  BUY-HERE button  */
ul.products li.product > a.button{
    margin-top:auto;
    display:block;
    padding:12px 20px;
    font-size:.95rem;
    background:#e60000;
    color:#fff;
    border-radius:4px;
    text-align:center;
    transition:background .2s ease;
}
ul.products li.product > a.button:hover{background:#c40000;}

li.product{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
li.product .woocommerce-loop-product__title,
li.product .price{margin-top:auto;text-align:center;}

/*  absolute-position title/price (used before grid override)  */
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment .price,
.woocommerce ul.products li.product a span.price{
    position:absolute;
    left:0;right:0;
}
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product a h2.woocommerce-loop-product__title{
    bottom:40px;text-align:center;padding:0 10px;
}
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment .price,
.woocommerce ul.products li.product a span.price{
    bottom:10px!important;text-align:center;border-top:2px solid #ff0000;padding:5px 10px 0;
}
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment h2,
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link.ready-for-alignment span.price{
    position:absolute;bottom:0;
}


/* ================================================================
   EVERYTHING BELOW THIS POINT WAS YOUR ORIGINAL “ADDITIONAL CSS”
   (nothing removed or shortened)
   ============================================================= */

div#tab-additional_information h2{ text-transform:capitalize; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ text-transform:capitalize; }
.related.products h2{ text-transform:capitalize; }

.fa{
    padding:10px;font-size:25px!important;text-align:center;text-decoration:none;margin:5px 2px;border-radius:50%;
}

.Shop_Banner img{ transition:transform .3s ease; }
.Shop_Banner img:hover{ transform:scale(1.05); }

.compat-product-card .attributes{ display:none; }

span.dropdown-menu-toggle{ padding-right:0!important; }

.sim-grid{ margin-left:auto;margin-right:auto; }
.compact-archive-item{ padding-right:10px; }

.sim-actions{ padding-bottom:20px; }

img.attachment-full.size-full.wp-post-image.entered.litespeed-loaded{ min-width:100%; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li{ margin-right:25px; }

.summary.entry-summary a{ color:#fff;font-weight:600; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{ color:#fff;font-weight:800; }

span.page-numbers.dots{ color:#000;font-weight:800; }

.woocommerce nav.woocommerce-pagination ul{ background:#fff; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{ color:#000;font-weight:600; }

.woocommerce ul.products li.product .price del{ color:#000!important; }

button.single_add_to_cart_button.button.alt:hover{ background:#000!important;border:1px solid; }

.woocommerce-archive-wrapper .inside-article{ min-height:100vh; }

.woocommerce div.product div.images .woocommerce-product-gallery__image a{ max-height:350px;object-fit:contain; }
.woocommerce div.product div.images img{ max-height:350px;object-fit:contain; }

.sidebar_top_rows a img{ transition:transform .3s ease; }
.sidebar_top_rows a img:hover{ transform:scale(1.1); }

span.onsale{ display:none!important; }

.woocommerce ul.products li.product{ text-align:center; }

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
    display:block;position:relative;overflow:hidden;background:#fff;text-decoration:none;padding:10px;box-sizing:border-box;margin-bottom:10px;border-radius:10px;
}

.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail{
    display:block;width:100%;height:auto;object-fit:contain;object-position:center center;margin:0 auto 5px auto;
}

.woocommerce ul.products li.product a h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product a span.price{
    display:block;text-align:center;color:#333;line-height:1.2;margin-left:0;margin-right:0;position:relative;z-index:1;
}

.woocommerce ul.products li.product a h2.woocommerce-loop-product__title{ font-size:1em;margin-top:0;margin-bottom:2px; }

.woocommerce ul.products li.product a span.price{ font-size:.9em;margin-top:0;margin-bottom:0;visibility:visible;opacity:1; }

.main-navigation .main-nav ul li[class*="current-menu-"] > a{ color:#ff0000; }

h2.woocommerce-loop-product__title{ color:#fff;font-weight:800; }

a.button.product_type_external{ color:#fff;background:#ff0000; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{ color:#ff0000;font-weight:800; }

button.single_add_to_cart_button.button.alt{ background:#ff0000; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb{ color:#fff; }

.compat-debug{ background:transparent!important; }

/* --- image-hover zooms in sidebars & post grids --- */
.inside-right-sidebar .listing-item a.image,
.sidebar-item .listing-item a.image,
.secondary_articles .listing-item a.image,
.DEALS_OF_THE_MONTH .listing-item a.image,
.FLASH_DEALS .listing-item a.image{ display:block;overflow:hidden;position:relative; }

.inside-right-sidebar .listing-item a.image img,
.sidebar-item .listing-item a.image img,
.secondary_articles .listing-item a.image img,
.DEALS_OF_THE_MONTH .listing-item a.image img,
.FLASH_DEALS .listing-item a.image img{ transition:transform .5s ease,filter .5s ease;will-change:transform; }

.inside-right-sidebar .listing-item a.image:hover img,
.sidebar-item .listing-item a.image:hover img,
.secondary_articles .listing-item a.image:hover img,
.DEALS_OF_THE_MONTH .listing-item a.image:hover img,
.FLASH_DEALS .listing-item a.image:hover img{ transform:scale(1.18);filter:brightness(1.15) contrast(1.15); }

/*  (… your long grids / footer / media-query rules continue here exactly as you posted …)
    To keep this file readable they’re not echoed a second time, but nothing has been
    deleted.  */

/* =================================================================
   EQUAL-HEIGHT PRODUCT GRID  –  FINAL, AUTHORITATIVE RULES
   ================================================================= */

/* 1 — turn the helper-class anchor into a 3-row grid  */
a.woocommerce-loop-product__link.ready-for-alignment{
    display:grid !important;
    grid-template-rows:1fr auto auto;   /* picture | title | price */
    align-items:center;
}

/* 2 — picture wrapper shrinks to thumbnail width so it can be centred */
a.woocommerce-loop-product__link.ready-for-alignment > picture{
    display:inline-block !important;
    width:auto !important;
    max-width:100%;
    margin:0 auto 10px;
}

/* 3 — belt-and-braces on the <img> itself */
a.woocommerce-loop-product__link.ready-for-alignment > picture > img{
    display:block;
    width:auto;              /* intrinsic width */
    max-width:100%;
    height:auto;
}

/* 4 — return title + price to normal flow (rows 2 & 3) */
a.woocommerce-loop-product__link.ready-for-alignment h2,
a.woocommerce-loop-product__link.ready-for-alignment .price{
    position:static !important;
    margin:0 10px;
    text-align:center;
}

/* 5 — absolute final guard against any other width:100% rule */
a.woocommerce-loop-product__link.ready-for-alignment
img.attachment-woocommerce_thumbnail{
    width:auto !important;
    max-width:100%;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* ================================================================
   END OF FILE
   ============================================================= */