/* ================================
   CATEGORÍAS - PÁGINA INICIAL
   Mercat de l'Abaceria
================================ */

.categories-abaceria {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    gap: 22px 36px;
    width: 100%;

    padding: 28px 20px;
    
}

.categories-abaceria a {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #3f3f3f;
    text-decoration: none !important;

    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;

    white-space: nowrap;

    padding: 9px 16px;

    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 20px;

    box-shadow: 0 2px 7px rgba(0,0,0,0.08);

    transition: all 0.2s ease;
}

.categories-abaceria a:hover {
    text-decoration: none !important;
    border-color: #cccccc;

    box-shadow: 0 4px 10px rgba(0,0,0,0.13);

    transform: translateY(-2px);
}

.categories-abaceria .punt {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    display: inline-block;

    transition: background-color 0.2s ease,
                transform 0.2s ease;
}

.categories-abaceria a:hover .punt {
    transform: scale(1.12);
}


/* AVIRAM */
.cat-home-aviram .punt {
    background: #BC8C14;
}
.cat-home-aviram:hover {
    color: #8B680F;
}
.cat-home-aviram:hover .punt {
    background: #8B680F;
}


/* BARS I CAFETERIES */
.cat-home-bars .punt {
    background: #9A6840;
}
.cat-home-bars:hover {
    color: #795132;
}
.cat-home-bars:hover .punt {
    background: #795132;
}


/* BISUTERIA */
.cat-home-bisuteria .punt {
    background: #C85A8E;
}
.cat-home-bisuteria:hover {
    color: #A34873;
}
.cat-home-bisuteria:hover .punt {
    background: #A34873;
}


/* CARNISSERIES */
.cat-home-carnisseries .punt {
    background: #D8311A;
}
.cat-home-carnisseries:hover {
    color: #861E10;
}
.cat-home-carnisseries:hover .punt {
    background: #861E10;
}


/* COMPLEMENTS DONA */
.cat-home-complements-dona .punt {
    background: #A46CB7;
}
.cat-home-complements-dona:hover {
    color: #825591;
}
.cat-home-complements-dona:hover .punt {
    background: #825591;
}


/* CONSERVES */
.cat-home-conserves .punt {
    background: #3B8491;
}
.cat-home-conserves:hover {
    color: #2F6973;
}
.cat-home-conserves:hover .punt {
    background: #2F6973;
}


/* ESPÈCIES */
.cat-home-especies .punt {
    background: #5E7C63;
}
.cat-home-especies:hover {
    color: #304033;
}
.cat-home-especies:hover .punt {
    background: #304033;
}

/* FLORISTERIES */
.cat-home-floristeries .punt {
    background: #283F19;
}
.cat-home-floristeries:hover {
    color: #17240E;
}
.cat-home-floristeries:hover .punt {
    background: #17240E;
}


/* FORMATGERIES */
.cat-home-formatgeries .punt {
    background: #E3D51B;
}
.cat-home-formatgeries:hover {
    color: #867E10;
}
.cat-home-formatgeries:hover .punt {
    background: #867E10;
}


/* FRUITES I VERDURES */
.cat-home-fruites .punt {
    background: #5B9E45;
}
.cat-home-fruites:hover {
    color: #477C36;
}
.cat-home-fruites:hover .punt {
    background: #477C36;
}


/* FRUITS SECS */
.cat-home-fruits-secs .punt {
    background: #B88A5A;
}
.cat-home-fruits-secs:hover {
    color: #926D47;
}
.cat-home-fruits-secs:hover .punt {
    background: #926D47;
}


/* GÈNERES DE PUNT */
.cat-home-generes-punt .punt {
    background: #6276B8;
}
.cat-home-generes-punt:hover {
    color: #4E5E93;
}
.cat-home-generes-punt:hover .punt {
    background: #4E5E93;
}


/* LLEGUMS */
.cat-home-llegums .punt {
    background: #D97925;
}
.cat-home-llegums:hover {
    color: #AD611E;
}
.cat-home-llegums:hover .punt {
    background: #AD611E;
}


/* OLIVES */
.cat-home-olives .punt {
    background: #677C34;
}
.cat-home-olives:hover {
    color: #4D5C26;
}
.cat-home-olives:hover .punt {
    background: #4D5C26;
}


/* OUS */
.cat-home-ous .punt {
    background: #E3B625;
}
.cat-home-ous:hover {
    color: #816611;
}
.cat-home-ous:hover .punt {
    background: #816611;
}


/* PANADERIES */
.cat-home-panaderies .punt {
    background: #B9B14F;
}
.cat-home-panaderies:hover {
    color: #716C2D;
}
.cat-home-panaderies:hover .punt {
    background: #716C2D;
}


/* PASTA FRESCA */
.cat-home-pasta .punt {
    background: #E6B85C;
}
.cat-home-pasta:hover {
    color: #C99836;
}
.cat-home-pasta:hover .punt {
    background: #C99836;
}


/* PEIX I MARISC */
.cat-home-peix .punt {
    background: #26C6DA;
}
.cat-home-peix:hover {
    color: #205F86;
}
.cat-home-peix:hover .punt {
    background: #205F86;
}


/* PESCA SALADA */
.cat-home-pesca-salada .punt {
    background: #3F51B5;
}
.cat-home-pesca-salada:hover {
    color: #303F9F;
}
.cat-home-pesca-salada:hover .punt {
    background: #303F9F;
}


/* PRECUINATS */
.cat-home-precuinats .punt {
    background: #8B5BA7;
}
.cat-home-precuinats:hover {
    color: #704886;
}
.cat-home-precuinats:hover .punt {
    background: #704886;
}


/* ROBA */
.cat-home-roba .punt {
    background: #8EAD3C;
}
.cat-home-roba:hover {
    color: #718A30;
}
.cat-home-roba:hover .punt {
    background: #718A30;
}


/* XARCUTERIES */
.cat-home-xarcuteries .punt {
    background: #D86B7A;
}
.cat-home-xarcuteries:hover {
    color: #B35462;
}
.cat-home-xarcuteries:hover .punt {
    background: #B35462;
}


/* MÒBIL */
@media (max-width: 1024px) {

    .categories-abaceria {
        gap: 15px 22px;
    }

    .categories-abaceria a {
        font-size: 15px;
        gap: 8px;
    }

    .categories-abaceria .punt {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }
}

/* MÒBIL */
@media (max-width: 700px) {

    .categories-abaceria {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 12px;
        padding: 24px 5px;
    }

    .categories-abaceria a {
        width: 100%;
        justify-content: flex-start;

        font-size: 15px;
        gap: 8px;

        padding: 9px 12px;
    }

    .categories-abaceria .punt {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }

    /* Categorías largas: ocupan toda la fila */
    /* Solo categorías que realmente necesitan toda la fila */
	.cat-home-complements-dona {
		grid-column: span 2;
	}
}