/*
Theme Name: Wallstreet Pro Child
Template: wallstreet-pro
*/


/* =========================
   HERO (kategori-bild)
========================= */
.category-hero {
    height: 260px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-overlay {
    background: rgba(0,0,0,0.5);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}


/* =========================
   KNAPPAR (kategori + startsida)
========================= */
.category-buttons {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* ALLA KNAPPAR */
.category-buttons a,
.age-buttons a,
.reseller-buttons a {
    padding: 8px 16px;
    border-radius: 6px; /* mindre rund */
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    background: transparent;
    transition: all 0.25s ease;
    font-size: 14px;
    display: inline-block;
}

/* HOVER */
.category-buttons a:hover,
.age-buttons a:hover,
.reseller-buttons a:hover {
    background: #ffffff;
    color: #000000;
}

/* AKTIV KATEGORI */
.category-buttons a.current {
    background: #a6ce39;
    border-color: #a6ce39;
    color: #000000;
}

/* VISA ALLA KNAPP */
.category-buttons .all-products {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.category-buttons .all-products:hover {
    background: #ffffff;
    color: #000000;
}


/* =========================
   RUBRIK I HERO
========================= */
.category-hero h1 {
    margin-bottom: 10px;
    font-size: 32px;
}


/* =========================
   (VALFRITT) TA BORT GAMLA RUBRIKER
========================= */
.woocommerce-products-header__title {
    display: none;
}


/* =========================
   MOBIL
========================= */
@media (max-width: 768px) {
    .category-hero {
        height: 200px;
    }

    .category-buttons a {
        padding: 6px 12px;
        font-size: 13px;
    }
}