/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* ******* ******* ******* *******
*   HIDE CATEGORY LABEL ON SINGLE PRODUCT PAGE
******* ******* ******* ******* */
.product[class*=gallery] .product_meta>span.posted_in {
    display: none;
}


/* ******* ******* ******* *******
*   SEARCH AND FILTER
******* ******* ******* ******* */
.searchandfilter ul {
    padding-inline-start: 0;
}

.archive.tax-product_cat.term-trailers li:is(
    .sf-field-taxonomy-pa_horsepower,
    .sf-field-taxonomy-pa_power-source,
    .sf-field-taxonomy-pa_top-speed
    ) {
    display: none;
}
.archive.tax-product_cat.term-accessories li:is(
    .sf-field-taxonomy-pa_color,
    .sf-field-taxonomy-pa_model,
    .sf-field-taxonomy-pa_product-year,
    .sf-field-taxonomy-pa_horsepower,
    .sf-field-taxonomy-pa_power-source,
    .sf-field-taxonomy-pa_top-speed
    ) {
    display: none;
}

/* ******* ******* ******* *******
*   OFF CANVAS TRIGGER FOR PRODUCT FILTERS
******* ******* ******* ******* */
/* .ocs-trigger {
    padding: 5px;
    text-transform: uppercase;
    border-radius: 4px;
}
.ocs-trigger .icon.dashicons {
    vertical-align: sub;
}
.ocs-trigger .label {
    padding: 3px;
    font-size: small;
}
@media (max-width:479px) {
    [data-block="hook:1954"] {
        text-align: center;
        margin-bottom: 20px;
    }
} */


/* DYNAMIC MENU RESIZING */
:root {
	--scaler: calc(1.4vw * log(2.4));
}

ul.menu li a.ct-menu-link, #header a.wp-element-button.wp-block-button__link {
	font-size: clamp(11px, var(--scaler), var(--theme-font-size));
	white-space: wrap;
}
.menu-container > ul > li > a.ct-menu-link {
	--menu-item-padding: 0px;
} 
ul.menu {
	gap: max(var(--menu-items-gap), var(--scaler));
}

.ct-header-cta a.ct-button {
    white-space: nowrap;
}

/* SHOPPING CTA */
ul#menu-shopping > li > a.ct-menu-link {
    color: var(--theme-button-text-initial-color);
    border: var(--theme-button-border);
    background-color: var(--theme-button-background-initial-color);
    border-radius: var(--theme-button-border-radius, 3px);
    padding: 20px;
    height: 30px;
}
ul#menu-shopping span.ct-toggle-dropdown-desktop svg {
    fill: var(--theme-button-text-initial-color);
}