/*!
/*
Theme Name: Blocksy Child
Theme URI: http://example.com/blocksy-child/
Description: Child theme for the Blocksy theme
Author: Invisual for CroMarkt
Author URI: http://example.com
Template: blocksy
Version: 1.0.0
*/

/* Add your custom styles below */

/*edited secondary navigation on the shop page*/
.toggle {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #0092db;
    float: right; /* Floats the button to the right */
    line-height: 1; /* Adjust the line height to align it with your text */
    margin-left: 10px; /* Add some space between the text and the button */
}

/* Clearfix for floated toggle buttons */
.wc-block-product-categories-list-item {
    overflow: hidden; /* This is a common method to contain floated elements */
}

/* Adjust the spacing for the button */
.wc-block-product-categories-list-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Icon adjustment */
.toggle i.fas {
    transition: transform 0.3s ease; /* Smooth rotation animation */
}

.toggle.is-open i.fas {
    transform: rotate(90deg); /* Rotate icon for open state */
}