.elementor-1663 .elementor-element.elementor-element-4161ab1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1663 .elementor-element.elementor-element-bbc3550{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1663 .elementor-element.elementor-element-688285d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -240px) -45px;z-index:102;font-family:"Perestiwa", serif;font-size:220px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1663 .elementor-element.elementor-element-5562305{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;z-index:101;}.elementor-1663 .elementor-element.elementor-element-5a21696{--display:flex;--margin-top:-136px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1663 .elementor-element.elementor-element-414433a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:101;}.elementor-1663 .elementor-element.elementor-element-c355be4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Erode", serif;font-size:136px;font-weight:300;line-height:0.7em;color:var( --e-global-color-text );}.elementor-1663 .elementor-element.elementor-element-cb317c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"Erode", serif;font-size:136px;font-weight:300;line-height:0.7em;color:var( --e-global-color-text );}.elementor-1663 .elementor-element.elementor-element-cb317c6.elementor-element{--align-self:flex-end;}.elementor-1663 .elementor-element.elementor-element-ca46727{--display:flex;--min-height:168px;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-1663 .elementor-element.elementor-element-ca46727:not(.elementor-motion-effects-element-type-background), .elementor-1663 .elementor-element.elementor-element-ca46727 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1663 .elementor-element.elementor-element-83c700f{--display:flex;--position:fixed;--min-height:100px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:-4px;--z-index:100;}.elementor-1663 .elementor-element.elementor-element-83c700f:not(.elementor-motion-effects-element-type-background), .elementor-1663 .elementor-element.elementor-element-83c700f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}body:not(.rtl) .elementor-1663 .elementor-element.elementor-element-83c700f{left:0px;}body.rtl .elementor-1663 .elementor-element.elementor-element-83c700f{right:0px;}.elementor-1663 .elementor-element.elementor-element-dd18ac4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:64px;--margin-bottom:128px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-items.wps-items-list{grid-template-columns:repeat(2,1fr);grid-column-gap:64px;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-products-title{color:#111111;font-family:"Erode", serif;font-size:22px;font-weight:300;text-transform:uppercase;letter-spacing:0.5px;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-component-products-description{color:#111111;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-component-products-pricing *{font-family:"Erode", serif;font-size:18px;font-weight:400;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-thumbnails-wrapper{display:none;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-product-image-wrapper{justify-content:flex-start;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-add-to-cart{background-color:#415aff;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-add-to-cart span{color:#FFFFFF;}.elementor-1663 .elementor-element.elementor-element-bb82921 .wps-btn-dropdown .wps-btn.wps-icon-dropdown{background-color:#FFF;color:#FFFFFF;}@media(min-width:768px){.elementor-1663 .elementor-element.elementor-element-bbc3550{--width:700px;}.elementor-1663 .elementor-element.elementor-element-dd18ac4{--width:700px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );}.elementor-1663 .elementor-element.elementor-element-688285d{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + -41vw) -9vw;font-size:40vw;}.elementor-1663 .elementor-element.elementor-element-5a21696{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1663 .elementor-element.elementor-element-c355be4{font-size:66px;}.elementor-1663 .elementor-element.elementor-element-cb317c6{font-size:66px;}.elementor-1663 .elementor-element.elementor-element-ca46727{--margin-top:-166px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1663 .elementor-element.elementor-element-83c700f{--min-height:81px;}}/* Start custom CSS for html, class: .elementor-element-5562305 *//* Your fit text styling */
.fittextmenu{
  font-family: "Federo", sans-serif !important;
  color: #000 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  vertical-align: bottom;
  width: 100%;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for shopwp-products, class: .elementor-element-bb82921 */```css
/* === Make the ShopWP product list a 2-col grid === */
.swp-items-list,
.wps-items-list,
.swp-items,
.wps-items{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
}

/* Remove default component spacing */
.swp-component{
  margin-bottom: 0px !important;
}

/* Ensure list items don't fight the grid + allow equal height */
.swp-items-list > li.swp-item,
.wps-items-list > li.swp-item,
li.swp-item{
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  height: 100% !important;
}

/* ===== Card ===== */
.bfb-grid-card{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;
  align-items: center;
}

/* ===== Media: ONLY one border (pseudo element) ===== */
.bfb-grid-card__media{
  position: relative;
  width: 100%;
  max-width: 500px !important;
  padding: 0px;
  box-sizing: border-box;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Kill any borders ShopWP/theme might add inside */
.bfb-grid-card__media .swp-component,
.bfb-grid-card__media .swp-product-image-feat-wrapper,
.bfb-grid-card__media .wps-product-images,
.bfb-grid-card__media .swp-product-images,
.bfb-grid-card__media img{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* The single border frame */
.bfb-grid-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  border: 0px solid #ffffff;
  pointer-events: none;
  box-sizing: border-box;
  transition: inset 250ms ease;
  will-change: inset;
}

/* Hover: border hugs the image edge */
li.swp-item:hover .bfb-grid-card__media::after{
  inset: 8px;
}

/* Force ShopWP image wrappers to behave inside the frame */
.bfb-grid-card__media .swp-component,
.bfb-grid-card__media .swp-product-image-feat-wrapper,
.bfb-grid-card__media .wps-product-images,
.bfb-grid-card__media .swp-product-images{
  width: 100% !important;
  max-width: 100% !important;
}

/* Image fills the inner (padded) area */
.bfb-grid-card__media img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Sold-out Customization */
/* Replace "Sold out" with "Sold" */
.swp-sold-out-label{
  font-size: 0 !important;
  background: #941111 !important;
  
}

.swp-sold-out-label::after{
  content: "Sold" !important;
  font-size: 14px !important; /* set to whatever you want */
    background: #941111 !important;
  font-family: "erode";
  font-weight: 500;
  text-transform: capitalize !important;
}

/* ===== Info (title + price) ===== */
.bfb-grid-card__info{
  width: 100%;
  max-width: 500px;
  text-align: center;
  gap: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Make ShopWP blocks span full width */
.bfb-grid-card__info .swp-component,
.bfb-grid-card__info .swp-product-title,
.bfb-grid-card__info .swp-product-pricing,
.bfb-grid-card__info .wps-product-title,
.bfb-grid-card__info .wps-product-pricing{
  width: 100% !important;
  max-width: none !important;
}

/* Push pricing down so it aligns across cards in the same row */
.bfb-grid-card__info .swp-product-pricing,
.bfb-grid-card__info .wps-product-pricing{
  margin-top: auto !important;
}

/* Append CAD with the EXACT same styling as the price */
.bfb-grid-card__info .wps-product-pricing::after{
  content: " CAD";
}

/* Title font-weight changes on hover (300 -> 400) */
.bfb-grid-card__info .swp-product-title,
.bfb-grid-card__info .wps-product-title,
.bfb-grid-card__info .swp-product-title a,
.bfb-grid-card__info .wps-product-title a{
  font-weight: 300 !important;
  transition: font-weight 200ms ease;
}

li.swp-item:hover .bfb-grid-card__info .swp-product-title,
li.swp-item:hover .bfb-grid-card__info .wps-product-title,
li.swp-item:hover .bfb-grid-card__info .swp-product-title a,
li.swp-item:hover .bfb-grid-card__info .wps-product-title a{
  font-weight: 400 !important;
}

/* Fade sold-out cards */
.bfb-grid-card.is-soldout {
  opacity: 0.35 !important;
  filter: grayscale(1) !important;
}

/* ===== Mobile ===== */
@media (max-width: 767px){
  .swp-items-list,
  .wps-items-list,
  .swp-items,
  .wps-items{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

   .swp-items-wrapper {
        padding: 0 0px!important;
    }

  .bfb-grid-card__media,
  .bfb-grid-card__info{
    max-width: 100% !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Perestiwa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Peristiwa-BF64723cfa7f6a9.eot');
	src: url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Peristiwa-BF64723cfa7f6a9.eot?#iefix') format('embedded-opentype'),
		url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Peristiwa-BF64723cfa7f6a9.woff2') format('woff2'),
		url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Peristiwa-BF64723cfa7f6a9.woff') format('woff'),
		url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Peristiwa-BF64723cfa7f6a9.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Erode';
	font-display: auto;
	src: url('https://bagsforbreakfast.co/wp-content/uploads/2025/12/Erode-Variable-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */