.elementor-kit-49{--e-global-color-primary:#EEECED;--e-global-color-secondary:#7D6B60;--e-global-color-text:#7D6B60;--e-global-color-accent:#CF8258;--e-global-typography-primary-font-family:"Cabin";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cabin";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:10px;--e-global-typography-accent-font-family:"Cabin";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:10px;color:var( --e-global-color-secondary );font-family:"Cabin", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;}.elementor-kit-49 e-page-transition{background-color:#FFBC7D;}.elementor-kit-49 a{color:#CF8258;font-family:"Cabin", Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;}.elementor-kit-49 a:hover{color:#CF8258A1;font-family:"Cabin", Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;}.elementor-kit-49 h1{color:var( --e-global-color-secondary );font-family:"Raleway", Sans-serif;font-size:30px;font-weight:900;line-height:1.2em;}.elementor-kit-49 h2{color:#7D6B60;font-family:"Raleway", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;}.elementor-kit-49 h3{color:#7D6B60;font-family:"Raleway", Sans-serif;font-size:20px;font-weight:800;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Force horizontal free-scroll on the parent and common Elementor wrappers */
.other-recipes,
.other-recipes .elementor-container,
.other-recipes .elementor-row,
.other-recipes .elementor-widget-wrap,
.other-recipes .elementor-column,
.other-recipes .e-con,
.other-recipes .elementor-column-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 16px !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

/* Hide WebKit scrollbar */
.other-recipes::-webkit-scrollbar { display: none !important; }

/* Make direct children never shrink and keep a readable width */
.other-recipes > *,
.other-recipes .elementor-widget,
.other-recipes .elementor-column,
.other-recipes .e-con > * {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 200px !important;    /* adjust smaller or larger to taste */
  max-width: 320px !important;    /* optional for consistent card sizing */
  box-sizing: border-box !important;
}

/* Responsive tweaks (adjust the min-width values if you want) */
@media (max-width: 1024px) {
  .other-recipes > * { min-width: 220px !important; }
}
@media (max-width: 767px) {
  .other-recipes > * { min-width: 180px !important; }
}

/* Ensure image boxes behave nicely inside the card */
.other-recipes .elementor-widget-image-box .elementor-image,
.other-recipes .elementor-widget-image-box img,
.other-recipes .elementor-widget img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}
/* Force H2 and H3 links to inherit heading styles */
.elementor-widget-heading .elementor-heading-title a,
h2 a,
h3 a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;        /* keep link color same as heading */
  text-decoration: none !important; /* optional: removes underline */
}/* End custom CSS */