/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.rank-math-breadcrumb a {
    text-decoration: none;
    color: inherit;
    font-weight: 400;
}

.rank-math-breadcrumb .last {
    color: var(--bricks-color-dxptwk);
}

.rank-math-breadcrumb p {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.detail__content {
  counter-reset: step-counter; /* Start the counter */
}

.detail__content .wp-block-group {
  counter-increment: step-counter; /* Increase counter for each item */
  position: relative;
  padding-left: 2.5em; /* Space for the number */
  margin-bottom: 32px;
}

.detail__content .wp-block-group::before {
    content: counter(step-counter) ".";
    position: absolute;
    left: 0;
    top: 5px;
    font-weight: 700;
    font-size: 21px;
    line-height: 1;
    color: var(--bricks-color-dxptwk);
    font-family: "Noto Serif";
}

.box .fluentform {
    text-align: left;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    accent-color: var(--bricks-color-wuibpn);
    transform: scale(1.1);
}

.recept__filter label input ~ .brx-option-text::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: var(--bricks-color-dxptwk); /* Default icon color */
  -webkit-mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-masa.svg');
  mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-masa.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: middle;
  margin-right: 0.5em;
  transition: background-color 0.3s ease;
}

.recept__filter label input[value="bez-lepku"] ~ .brx-option-text::before {
    -webkit-mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-lepku.svg');
  mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-lepku.svg');
}

.recept__filter label input[value="pro-vegany"] ~ .brx-option-text::before {
    -webkit-mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/pro-vegany.svg');
  mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/pro-vegany.svg');
}

.recept__filter label input[value="bez-mleka"] ~ .brx-option-text::before {
    -webkit-mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-mleka.svg');
  mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-mleka.svg');
}

.recept__filter label input[value="bez-vajec"] ~ .brx-option-text::before {
    -webkit-mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-vajec.svg');
  mask-image: url('https://odvilmy.cz/wp-content/uploads/2025/05/bez-vajec.svg');
}

/* 👆 Add this to change the icon color on hover */
.recept__filter label:hover input ~ .brx-option-text::before, .recept__filter .brx-option-active label input ~ .brx-option-text::before{
  background-color: white;
}