.bg-primary {
    background-color: rgb(192, 113, 18, var(--tw-bg-opacity));
}

/* .font-fill-primary-toggle {
    color: #C07112;
} */
.font-fill-primary-toggle {
    color: #842a12;
}
header nav .text-primary {
    color: #842a12;
}

.font-fill-primary {
    color: #c07112;
}

.focus-within\:border-primary:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(192, 113, 18, var(--tw-border-opacity, 1));
}

.paper-link:hover svg,
.paper-link:hover span {
    stroke: rgb(132, 42, 18, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(132, 42, 18, var(--tw-bg-opacity));
}
.footer-part {
    --tw-bg-opacity: 1;
    background-color: rgb(132, 42, 18, var(--tw-bg-opacity));
}
.footer-part .text-primary {
    --tw-text-opacity: 1;
    color: rgb(192, 113, 18, var(--tw-text-opacity, 1));
}

.product-card-grid-footer-group .text-primary {
    --tw-text-opacity: 1;
    color: rgb(192, 113, 18, var(--tw-text-opacity, 1));
}
.product-card-grid-cart-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(192, 113, 18, var(--tw-bg-opacity, 1));
}

.info-btn:hover .font-fill-paragraph {
    color: #c07112;
}
.size-tabs .active {
    --tw-border-opacity: 1;
    border-color: rgb(192, 113, 18, var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #c072123e;
}
.size-tabs .active .custom-radio-field:checked + .custom-radio-span {
    --tw-border-opacity: 1;
    border-color: rgb(192, 113, 18, var(--tw-border-opacity, 1));
}

#item-variation-modal .text-primary {
    --tw-text-opacity: 1;
    color: rgb(192, 113, 18, var(--tw-text-opacity, 1));
}
#item-variation-modal .hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(192, 113, 18, var(--tw-bg-opacity, 1));
}
#item-variation-modal .border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(192, 113, 18, var(--tw-bg-opacity, 1));
}

#item-variation-modal .indec-plus:hover,
#item-variation-modal .indec-minus:hover {
    color: #fff !important;
}

.product-card-list .text-primary {
    color: #c07112;
}

.product-card-list .product-card-list-cart-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(192, 113, 18, var(--tw-bg-opacity, 1));
}

#cart .text-primary {
    --tw-text-opacity: 1;
    color: #c07112;
}
#cart .border-primary {
    --tw-border-opacity: 1;
    border-color: #c07112;
}
#cart .hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: #c07112;
}
#cart .indec-plus:hover,
#cart .indec-minus:hover {
    color: #fff !important;
}

.cart-switch:checked + label {
    --tw-bg-opacity: 1;
    background-color: #c07112;
    --tw-text-opacity: 1;
    color: #fff;
}

.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
    --tw-bg-opacity: 1;
    background-color: #842a12;
}

.menu-slides .menu-category-active {
    --tw-border-opacity: 1;
    border-color: #c07112;
    --tw-bg-opacity: 1;
    background-color: #c072123e;
}
.text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 179 165 / var(--tw-text-opacity, 1));
}

.active-group .active {
    border-color: #c07112 !important;
    background-color: #f1ece4 !important;
}

.active-group .active input:checked + .custom-radio-span {
    border-width: 3px !important;
    --tw-border-opacity: 1 !important;
    border-color: #c07112 !important;
}

input:checked + .custom-radio-span {
    border-width: 3px !important;
    --tw-border-opacity: 1 !important;
    border-color: #c07112 !important;
}
.lab-color-blue {
    color: #842a12;
}

.db-order-status.check::before {
    --tw-bg-opacity: 1;
    background-color: #c07112;
    text-align: center;
    font-family: "Font Awesome 6 Free";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-content: "\f00c";
    content: var(--tw-content);
}

.db-order-status.active::before {
    content: var(--tw-content);
    border-width: 5px;
}

.branch-navs .active {
    background-color: #842a12;
    font-weight: 500;
    color: #fff;
}
.branch-navs .active:hover {
    background-color: #842a12;
    font-weight: 500;
    color: #fff;
}

.chat-user .chat-text {
    border-radius: 1rem;
    background-color: #f1ece4 !important;
}
.banner-swiper .swiper-pagination-bullet {
    background-color: #842a12 !important;
}
.xmark-btn:hover {
    background-color: #f1ece4;
    color: #842a12;
}

#confirmBtn {
    background-color: #842a12 !important;
}
#paymentForm .text-primary {
    color: #842a12;
}

