/* Edits */
.c-resource_table {
vertical-align: middle;
}

.c-resource_table a {
text-decoration: none;
}

.c-resource_table a:not(.btn):hover{
text-decoration: underline;
}


/** Sub Brands **/

    .sub-brands-container {
        margin-bottom: 1rem;
    }
    
    .sub-brand-item {
		border: 1px solid #F8F9FA;
    	border-bottom: 5px solid #e41a23;
    	box-shadow: rgba(3, 72, 52, 0.1) 0px 2px 8px 0px;
		border-radius: 0.375rem;
    	transition: all 0.3s;
        background: #fff;
        overflow: hidden;
    }
    
    .sub-brand-item:hover {
		border-bottom: 5px solid #0068b3;
    	box-shadow: rgba(3, 72, 52, 0.2) 0px 8px 14px;
    }

    .sub-brand-item:hover h2.sub-brand-name{
		color: #0068b3;
    }
    
    .sub-brand-link {
        display: block;
        text-decoration: none;
        color: #1a2730;
        transition: all 0.3s;
    }
    
    .sub-brand-item a::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .sub-brand-image {
        width: 100%;
        height: 200px;
        overflow: hidden;
        background: #f8f9fa;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    .sub-brand-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-bottom: 1px solid #F3f3f3;
    }
    
    .sub-brand-info {
        padding: 1.25em;
    }
    
    h2.sub-brand-name {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
        color: #1a2730;
        line-height: 1.3;
		text-align: center;
    }

    
    /* Mobile responsiveness */
    @media (max-width: 575.98px) {
        
        .sub-brand-image img {
            height: 230px;
        }
        
        .sub-brand-info {
            padding: 1em;
        }
    }

/*-- Brands Page --*/
.brand-and-text__card {
  height: 100% !important;
  transition: all 0.3s;
}

.brand-and-text__card:hover .brand-and-text__media {
    border: 2px solid #e41a23;
}

.brand-and-text__card:hover .brand-and-text__name-link {
	    color: #e41a23;
}

.brand-and-text__card-overlay {
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
}

.brand-and-text__media {
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}

.brand-and-text__media-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.brand-and-text__logo,
.brand-and-text__logo-link {
  position: relative;
  z-index: 3;
}

.brand-and-text__logo {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
}

.brand-and-text__description p {
  font-weight: 500;
}

/* Remove any zoom/scale hover effect on the brand background image */
.brand-and-text__media-bg {
  transform: none !important;
  scale: 1 !important;
}

/* In case the zoom is only applied on hover via parent selectors */
.brand-and-text__card:hover .brand-and-text__media-bg,
.brand-and-text__media-link:hover .brand-and-text__media-bg,
.brand-and-text__media:hover .brand-and-text__media-bg {
  transform: none !important;
  scale: 1 !important;
}

/* Optional: remove the smooth zoom animation too */
.brand-and-text__media-bg {
  transition: none !important;
}

/* Remove hover zoom even if it's applied to the parent link or wrapper */
.brand-and-text__media-link,
.brand-and-text__media,
.brand-and-text__card {
  transform: none !important;
  scale: 1 !important;
}

.brand-and-text__media-link:hover,
.brand-and-text__media:hover,
.brand-and-text__card:hover {
  transform: none !important;
  scale: 1 !important;
}

/* Belt + braces: also ensure the image itself never scales */
.brand-and-text__media-link:hover .brand-and-text__media-bg,
.brand-and-text__card:hover .brand-and-text__media-bg {
  transform: none !important;
  scale: 1 !important;
}


.woocommerce .card.product img{
  width: 100% !important;
  height: 280px !important; 
  object-fit: contain !important;
  object-position: center !important;
  background: #fff;     
  display: block;
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  overflow: visible !important;
}


.sub-brand-image{
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.sub-brand-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* Scrollable tables */
.table-scroll{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
}

.table-scroll > table{
  width: max-content;   
  min-width: 100%;      
  border-collapse: collapse; 
}

.table-scroll td,
.table-scroll th{
  white-space: nowrap; 
  padding: 0.5rem 0.75rem; 
}

@media (min-width: 768px){
  .table-scroll{
    overflow-x: visible;
  }
  .table-scroll > table{
    width: 100%;
  }
}

.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
	background-color: #ffffff !important;
}
