/*
Theme Name: AsaTea Store
Description: Botiga Child Theme
Author: André Santos
Template: botiga
Text Domain: asatea
Version: 1.2.1
*/
/* Add your custom styles here */

body {
	background-color: red;
}

/* Wrapper */
.custom-category-header {
    width: 100vw;
    margin-top: -100px; /* Adjust based on your header height */
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    min-height: 16rem; /* min-h-64 */
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 1rem;  /* rounded-b-xl */
    border-bottom-right-radius: 1rem;
    overflow: hidden;
}

/* Inner container */
.custom-category-header-inner {
    max-width: 1200px; /* container */
    margin: 0 auto;
    padding: 2rem 1rem; /* px-4 py-8 */
    text-align: left;
}

/* Title */
.custom-category-title {
    font-size: 2.25rem; /* text-4xl */
    font-weight: 500;   /* font-medium */
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: #fff!important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* drop-shadow-lg */
}


@media (min-width: 768px) {
    .custom-category-title {
        font-size: 3rem; /* md:text-5xl */
    }
}

/* Description */
.custom-category-description {
    font-size: 0.9rem;
    font-weight: 300; /* thin */
    max-width: 60rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

@media (min-width: 768px) {
    .custom-category-description {
        font-size: 0.95rem;
    }
}

.subcategory-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}

.subcategory-item {
  font-weight: 100;
  text-decoration: none;
  color: inherit;
}
.subcategory-item:hover {
  text-decoration: underline;
}

@media screen and (max-width: 719px) {
    ul.wc-block-grid__products, ul.products {
        gap: 5px;
    }
    ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, .product-category-item-layout4 ul.products li.wc-block-grid__product, ul.products li.product {
        padding: 10px !important;
    }
    ul.products li.product .woocommerce-loop-category__title {
        font-size: 14px !important;
    }
}