/*
Use the sass files @ assets-src/sass
/*
Theme Name: Bloms Bulbs – Website
Author: BB
Version: 2.0
Description: A WordPress theme for Bloms Bulbs
Text Domain: ch-theme
*/
body main#main .section__top-filter {
    margin-bottom: 0;
}

body main#main .section__top-filter {
    color: #00000080;
    width: 100%;
}

body main#main .section__top-filter > [class^="section__top-filter--"] {
    display: flex;
    align-items: center;
    gap: 0px;
    min-height: 36px;
}

body main#main .section__top-filter--pagination {
    margin-left: auto;
}
body main#main .section__top-filter--pagination .pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

body main#main .section__top-filter .tf-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ACBDA1;
    border-radius: 8px;
    padding: 6px 40px 6px 12px;
    line-height: 1.2;
    background-color: transparent;
    color: #00000080;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'>\
      <circle cx='12' cy='12' r='10' stroke='%23ACBDA1' stroke-width='1.5'/>\
      <path d='M8 10l4 4 4-4' stroke='%2390A386' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/>\
    </svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 22px 22px;
}
body main#main .section__top-filter .tf-select::-ms-expand { display: none; }

body main#main .section__top-filter .section__top-filter--stock span {
    background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJlQTFRFAAAAqrmgq7ygrLyhrLyirL2hrL2grb2hq7yhrbyir72grryhncSdrr2hrL2iq7yhrb2ir76gr7ufq7qgq72hq7uhscSdrL2hqbmfq7ufrcKjrLugrL6grL2gqLyhrL2jrsOhp7qdqruiq7ygqrugq7yirbyirMCjrbygrryirLyiq7+frbyirr+hrb2jq7efrL2frLqgrLygViW8WAAAADN0Uk5TADNzs7/Mpn+zmVkmDaayTLIzQHOmgA2mTUAZpmZZJlkmGmaMZnOMWXO/mUBzTH9ATVmZU61ifgAAAU9JREFUeJyt0mFPgkAYB/DnDgtUZqIpabHhZtaWL/r+36JcvciiZUPThkJDRQUuDg7irPXKewHb/Xi4/909CP4b6DCK6IieW/JbkUjRlQkREHL2FFfQIv2w5lQtTk/R2v1Zo0nwNKe4/snHaYRWpmee7/LatEKSqqRMOGuPQQm+mColk8OLacmBokcSbUjvedQ+4HgJmhkmqoqjHJa30H4D0G070SMxl6kzCTSD5pr7THd0FqPn6CX7gT6MP6OzVAtSVKubUNm40HutLeM/NRdMhXO67tULKsp4Wi6N41J9ZyZ6vYwzd0aYoK4zZslnG7bf1mMSaDWH3gNLp87YfkEI2ZX2VwbD1tpOT1IJwr1zlv3LQarQx/e8Nqrxttj9qqqRq5aL3P1G1aPOXYpI1IbAKdwOhBtr7sq1OjKyJsr1pFLwPOg+kZOswQ7V7X+Mb5q4cB7gv0vZAAAAAElFTkSuQmCC)
    90% center / 25px no-repeat !important;
    border: #ACBDA1 1px solid;
    padding: 3px 45px 3px 15px;
    color: #00000080;
    white-space: nowrap;
    border-radius: 8px;
    margin-top: -3px;
    cursor: pointer;
}
body main#main .section__top-filter .section__top-filter--stock.active span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAMAAADjLDWuAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAUFQTFRFAAAArL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrr+j2eHUy9XEytXD2eHUr7+krL2h7fHr////4uje4efd7/LtrL2hrL2hwM244Obc3uXaws+6+fv53eTZ2+LW+vv6r8ClrL2hrL2hxtK//f382uLV2ODT/f79yNTByNPA////1t/R1NzO///+/v79zNfG0dvL/v7+/v7+z9nIrL2hrL2hz9nJ5+zk0tvMrL2hrL2h1d7P19/SrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2hrL2h0a703AAAAGt0Uk5TAAYoTWRyfXdsXDoVB0B5gGYeAzd1WRYvfgtrDTMJREx8EIGvnZywgjDS/7671gFWkbq3lO+2svKCJHCY+LGu+pqZ/quo/vufpf38oixgosalIByqrW0uAmEiD3EYUhI5Pl4aP2lXDjI9OB1By3SrAAABqUlEQVR4nI2T20sCQRTGz8EybxFpdy8VgYaEQhBYIEFEQZQPvnQheuzP6qUHuzwEIgRFBBUUFAhGWBFZWRQWVqhZCm5ndlx3Tanm4ezZ77dz5pszswi/D/w/R3lkKrmBZMWnr+XciJgvq6vGhJK3YvbnwtpHmetqK53p8UHillQ163pVnPP2TPVdNtxx3vlWFUMjxhg35LRgQnxWohbEJ7EA8V4y2oGA9zK2FkBFxb/sEeLuG+jOkVh3LeGeTwraK5ISxGv0YDJ+MMOXHDvSFOoxCuA8JD50BtCHSdJMEYbdLxSaMcx2dk68i/W6v0D+2vAEYID1xRIT21tIEdfUsdQjkD+zcDyItzQFD8SVvCHiU3tiPpwnYNblWNTvcicjG8Rt7/xFnMkGVeFJVp0m7t8pbms0yp/O7aKQy7L+uBxbxfcm0YnhQurD+JrY/8l9SWA7l7pAmXeVn+/MpiTZM3IXYSJQPP85DEma56iEC+xW8JOfD1beAN8ylDgsBIVymp0NRxQcjL6ARoH9uMQTua51DNd5JkynA5Jatu7iqQsxbltJytJf/983nHRqH5rm4SIAAAAASUVORK5CYII=) !important;
    background-position: 90% center !important;
    background-size: 25px 25px !important;
}

@media (min-width: 1400px) {
    body main#main .section__top-filter {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        column-gap: 10px;
        row-gap: 0;
    }

    body main#main .section__top-filter > .col-xxl-2,
    body main#main .section__top-filter > .col-xxl-3 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    body main#main .section__top-filter--pagination { margin-left: auto; }
}

body main#main .section__top-filter .tf-select {
    height: 36px;
    padding: 6px 40px 6px 12px;
    line-height: 1;
    margin-bottom: 0;
}

body main#main .section__top-filter--stock span {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 45px 0 15px;
    margin-bottom: 0;
}

body main#main .section__top-filter > [class^="section__top-filter--"] {
    display: flex;
    align-items: center;
    min-height: 36px;
    margin-bottom: 0;
}

body.woocommerce main#main a#back-link {
    margin: 0 0 15px 0 !important;
}

body main#main .article--product .image .wp-block-woocommerce-product-sale-badge {
    border-radius: 0 0 0 40px;
    background-color: #fff;
    letter-spacing: 1px;
    position: absolute;
    padding: 20px 30px;
    color: #2a4d3b;
    border: 0;
    top: 40px;
    right: 0
}

body main#main .article--product .image .wp-block-woocommerce-product-sale-badge:before {
    content: "DEAL!"
}

body main#main .article--product .image .wp-block-woocommerce-product-sale-badge span {
    display: none
}

body main#main .section--product-archive .filter-bar__main .accordion-title a, .accordion-title button {
    font-weight: 500 !important;
    font-size: 18px !important;;
    min-height: 30px !important;;
    padding: 10px 0 !important;;
}

body main#main .section--product-archive .filter-bar__main .accordion-content .custom-checkbox span.label {
    font-size: 16px !important;;
}

body main#main .section--product-archive .filter-bar__main .accordion-title:has(> button.is-active) {
    border-bottom: 0 !important;
}

body main#main .section--product-archive .filter-bar__main .accordion-content .accordion .accordion-title {
    min-height: 34px !important;
}