/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Make WP Admin Bar top. Some sticky nav stylesheet currently takes z-index precedence over WP Admin bar */
#wpadminbar {
	z-index: 99999999999 !important;
}

.product-filter-form {
	
}

h4.wpgb-facet-title {
color: #000;
font-family: "Trade Gothic", Sans-serif !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal !important;
margin: 0 0 14px !important;
}



.wpgb-radio-label, .wpgb-checkbox-label, .wpgb-checkbox-label span {
	font-family: "Montserrat", Sans-serif;
	font-size: 15px;
	color: #000 !important;
}

.wpgb-facet .wpgb-radio-facet .wpgb-radio-control {
  border: 1px solid #232323;
  border-radius: 2px !important; 
  background-color: transparent;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background-color 0.25s ease;
}


.wpgb-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-control {
  background-color: #232323;
}

.wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after {
  content: none;
}

.wpgb-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-control::before {
  content: "\f00c"; /* Unicode for fa-check */
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free" !important;
  font-weight: 900; /* solid style */
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

.wpgb-facet .wpgb-radio-control, .wpgb-facet .wpgb-checkbox-control {
	background: #fff !important;
	border: 1px solid #232323 !important;
}

.wpgb-facet.wpgb-style-1 .wpgb-radio[aria-pressed="true"] .wpgb-radio-control {
  border-color: #C82329 !important;
  background-color: #C82329 !important; /* keep dark background for white checkmark */
}


.wpgb-facet.wpgb-style-1 .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control {
      border-color: #C82329 !important;
  background-color: #C82329 !important; 
}

.wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after {
  display: none !important;
}

.wpgb-facet .wpgb-hierarchical-list li {
    margin: 16px 0 0;
}

.wp-grid-builder .wpgb-card .wpgb-card-body, .wp-grid-builder .wpgb-card .wpgb-card-footer {
	background: rgba(0,0,0,0) !important;
}



.wp-grid-builder .wpgb-card .wpgb-card-body {
	padding-top:15px;
}

.wpgb-card-body h3.wpgb-block-1 {
	    font-family: "Montserrat", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    text-align: left !important;
}

.wpgb-card-footer a.wpgb-block-2 strong {
	    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 21px;
	color: var(--e-global-color-primary);
}




.wp-grid-builder .wpgb-card [class*=wpgb-block-] {
    transition-duration: 300ms !important;
}



.wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a {
    color: #808080 !important;
    border: 1px solid #C5C5C5 !important;
	background: #fff !important;
}

.wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a[aria-current=true] {
    background: #C82329 !important;
    color: #fff !important;
	border: 1px solid #C82329 !important;
}


.wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    color: #000 !important;
    text-align: center !important;
    font-family: "Trade Gothic", Sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    line-height: normal !important;
    text-transform: none !important;
	font-weight: normal !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-2:hover {
    transform: translateY(-3%);
	
}

.wp-grid-builder .wpgb-card-1:hover .wpgb-block-2 {
	color: #C82329 !important;
}

.wp-grid-builder  .wpgb-card-footer {
	display: none !important;
}




@media and (min-width:768px) and (max-width:1024px) {	
	h4.wpgb-facet-title {
		font-size: 19px !important;
	}
	.wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    	font-size: 24px !important;
	}
}

@media and (max-width:767px) {	
	h4.wpgb-facet-title {
		font-size: 18px !important;
	}
	.wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    	font-size: 20px !important;
	}
}



/* Recipe Overrides */

.post-type-archive-recipes .wp-grid-builder .wpgb-card .wpgb-card-content {
	background: #C82329 !important;
	padding: 30px !important;
	border-radius: 0 0 15px 15px !important;
	align-items: center;
    display: flex;
	justify-content: center;
}

.post-type-archive-recipes  .wp-grid-builder .wpgb-card .wpgb-card-body {
	padding-top:20px;
}

.post-type-archive-recipes .wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    font-size: 30px !important;
}

.post-type-archive-recipes .wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail {
	border-radius: 15px 15px 0 0 !important;
}

.post-type-archive-recipes .wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a {
    color: #808080 !important;
    border: 1px solid #808080 !important;
	font-weight: 700 !important;
	transition: 300ms !important;
}

.post-type-archive-recipes .wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a[aria-current=true] {
	border: 1px solid #C82329 !important;
}


.post-type-archive-recipes .wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a:hover {
    background: #C82329 !important;
	border: 1px solid #C82329 !important;
	color: #fff !important;
}

.post-type-archive-recipes .wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a[aria-current=true] {
	color: #fff !important;
}


.post-type-archive-recipes .wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    color: #fff !important;
}

.post-type-archive-recipes .wp-grid-builder .wpgb-card-1:hover .wpgb-block-2 {
	color: #fff !important;
}

.post-type-archive-recipes .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control {
	background: #C82329 !important;
    border-color: #C82329 !important;
}

.post-type-archive-recipes .wp-grid-builder .wpgb-card-2 .wpgb-block-2 {
	color: #fff !important;
    font-family: "Trade Gothic", Sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: normal !important;
}

.post-type-archive-recipes .wp-grid-builder .wpgb-card:hover .wpgb-block-2 {
	color: #000 !important;
}

@media (min-width: 768px) and (max-width: 1024px)  {
.post-type-archive-recipes .wp-grid-builder .wpgb-card .wpgb-card-body {
	padding: 15px !important;
}
	.post-type-archive-recipes .wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    font-size: 26px !important;
}
	.wpgb-radio-label, .wpgb-checkbox-label, .wpgb-checkbox-label span {
		font-size:13px !important
	}
}

@media (max-width:767px) {
.post-type-archive-recipes .wp-grid-builder .wpgb-card .wpgb-card-body {
	padding: 15px !important;
}
		.post-type-archive-recipes .wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    font-size: 22px !important;
}
}


.post-type-archive-recipes .wpgb-card-footer {
	width: 100% !important;
	display: block !important;
}

.wpgb-block-9, .wpgb-block-7 {
	display:none !important;
}

/* Row: keep badges side-by-side */
.wpgb-card .meal-time-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:40px !important; /* your Elementor row gap */
	border-top: 1px solid #C2C2C2 !important;
	margin-top:20px !important;
	min-height:70px !important;
}

/* Each badge may grow/shrink but never exceed 50% */
.wpgb-card .meal-time-row > .badge{
  flex:1 1 50% !important;    /* share the row */
  max-width:50% !important;
  min-width:0 !important;     /* allow text to wrap instead of overflowing */
}

/* Badge ≈ Elementor icon-box (horizontal) */
.wpgb-card .badge{
  display:flex !important;
  align-items:center !important;  /* center icon vertically to multi-line text */
  gap:10px !important;            /* icon ↔ text spacing */
  color:#fff !important;
  font-size:15px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  /* prevent long content from forcing row wider */
  overflow-wrap:break-word !important;
  word-break:normal !important;
	padding-top:20px !important;
}

.wpgb-card .badge.badge--time {
  gap:5px !important;            /* icon ↔ text spacing */
}

/* 1) Hide the literal comma span (it's the only child span without a class) */
.wpgb-card .badge .wpgb-block-8 > span:not([class]){
  display:none !important;
}

/* 2) Add ", " after every term except the last term */
.wpgb-card .badge .wpgb-block-8 .wpgb-block-term:not(:last-of-type)::after{
  content:", ";
}

/* 3) Make sure terms behave like normal inline text (no odd wrapping) */
.wpgb-card .badge .wpgb-block-8,
.wpgb-card .badge .wpgb-block-8 .wpgb-block-term{
  display:inline !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}



/* Ensure all nested text inherits white + 15px */
.wpgb-card .badge a,
.wpgb-card .badge .wpgb-block-term,
.wpgb-card .badge p,
.wpgb-card .badge span,
.wpgb-card .badge .wpgb-block-10{
  color:#fff !important;
  font-size:15px !important;
  margin:0 !important;
  text-decoration:none !important;
  white-space:normal !important;   /* allow wrapping for multiple terms */
}

/* Remove the empty HTML icon block (we render icon via ::before) */
.wpgb-card .badge .wpgb-block-7,
.wpgb-card .badge .icon{ display:none !important; }

/* Icons: left of text, exact 21px, solid white using your uploaded SVGs */
.wpgb-card .badge::before{
  content:"";
  background-color:#fff;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center;     mask-position:center;
  -webkit-mask-size:contain;        mask-size:contain;
}

.wpgb-card .badge--meal::before{
  -webkit-mask-image:url('/wp-content/uploads/2025/09/chef-hat.svg');
          mask-image:url('/wp-content/uploads/2025/09/chef-hat.svg');
	 width:21px; height:21px;          /* exact size */
  flex:0 0 21px;
}
.wpgb-card .badge--time::before{
  -webkit-mask-image:url('/wp-content/uploads/2025/09/clock-regular-full.svg');
          mask-image:url('/wp-content/uploads/2025/09/clock-regular-full.svg');
	width: 25px;
    height: 25px;
    flex: 0 0 25px;
}

@media only screen and (min-width:1025px) and (max-width:1167px) {
	.wpgb-card .badge--meal::before{
	 width:18px; height:18px;          /* exact size */
  flex:0 0 18px;
}
	.wpgb-card .badge--time::before{
	width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
	.wpgb-card .badge a,
.wpgb-card .badge .wpgb-block-term,
.wpgb-card .badge p,
.wpgb-card .badge span,
.wpgb-card .badge .wpgb-block-10{
  font-size:13px !important;
}
	.wpgb-card .badge.badge--meal {
  gap:5px !important;            /* icon ↔ text spacing */
}
}