/* TodayRecipes v887 - order-preserving CSS bundle */

/* source: mobile-navigation-v73.css */
/* Mobile navigation v7.3: no clipped tabs, compact direct links + accessible full menu. */
.cd-public .tr73-mobile-menu{display:none}
@media(max-width:760px){
  .cd-public .cd-head-v2-shell{z-index:180!important}
  .cd-public .cd-nav-strip{position:relative!important;z-index:175!important}
  .cd-public .cd-nav-strip .cd-nav-v2{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;min-height:48px!important;overflow:visible!important}
  .cd-public .cd-nav-v2>.cd-nav-quick,
  .cd-public .cd-nav-v2>.cd-nav-videos,
  .cd-public .cd-nav-v2>.cd-nav-plan,
  .cd-public .cd-nav-v2>.cd-nav-magazine,
  .cd-public .cd-nav-v2>.cd-nav-more{display:none!important}
  .cd-public .cd-nav-v2>a{box-sizing:border-box!important;display:none!important;min-height:46px!important;padding:0 6px!important;font-size:clamp(11px,2.9vw,13px)!important;gap:6px!important;min-width:0!important;flex:0 1 auto!important}
  .cd-public .cd-nav-v2>a:first-child,
  .cd-public .cd-nav-v2>a.tr54-world-nav,
  .cd-public .cd-nav-v2>a.tr66-guides-nav{display:inline-flex!important}
  .cd-public .cd-nav-v2>a .tr69-nav-icon,.cd-public .cd-nav-v2>a .tr53-category-icon{flex-shrink:0!important}
  .cd-public .tr73-mobile-menu{display:block!important;flex:0 0 auto!important;position:static!important;margin-left:auto!important;min-width:0}
  .cd-public .tr73-mobile-menu>summary{display:inline-flex!important;align-items:center!important;gap:6px!important;list-style:none!important;border:1px solid #cfded2!important;border-radius:999px!important;background:#f1f7f2!important;color:#1e4934!important;padding:8px 10px!important;min-height:36px!important;font-size:12px!important;font-weight:750!important;line-height:1!important;cursor:pointer;white-space:nowrap}
  .cd-public .tr73-mobile-menu>summary::-webkit-details-marker{display:none}
  .cd-public .tr73-mobile-menu[open]>summary{background:#dcece0!important;border-color:#9bc4a7!important}
  .cd-public .tr73-chevron{transition:transform .18s ease}
  .cd-public .tr73-mobile-menu[open] .tr73-chevron{transform:rotate(180deg)}
  .cd-public .tr73-mobile-menu-panel{box-sizing:border-box!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:220!important;max-height:min(72dvh,680px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:20px max(16px,env(safe-area-inset-right)) 24px!important;background:#fffefa!important;border:1px solid #dce8df!important;border-radius:0 0 22px 22px!important;box-shadow:0 22px 42px rgba(22,45,30,.17)!important}
  .cd-public .tr73-mobile-menu-title{font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#688071!important;margin:0 0 12px!important}
  .cd-public .tr73-mobile-menu-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .cd-public .tr73-mobile-menu-links>a{display:flex!important;gap:9px!important;align-items:center!important;min-width:0!important;padding:13px 10px!important;border:1px solid #e2ebe4!important;border-radius:14px!important;background:#f7faf6!important;color:#234a36!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;white-space:normal!important}
  .cd-public .tr73-mobile-menu-links>a svg{width:19px!important;height:19px!important;flex:0 0 19px!important}
  .cd-public .tr73-mobile-category-title{padding-top:22px!important;margin-top:16px!important;border-top:1px solid #e4ece5!important}
  .cd-public .tr73-mobile-categories{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cd-public .tr73-mobile-categories>a{padding:9px 11px!important;border:1px solid #dfe9df!important;border-radius:999px!important;color:#28513d!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;background:#f9fbf8!important}
  .cd-public .cd-head-v2-shell .cd-header-v2{row-gap:8px!important}
  .cd-public .cd-head-search{min-height:43px!important}
}
@media(max-width:520px){.cd-public .cd-nav-v2>a.tr66-guides-nav{display:none!important}}
@media(max-width:420px){
  .cd-public .cd-nav-strip .cd-nav-v2{gap:3px!important}
  .cd-public .cd-nav-v2>a{font-size:11px!important;padding:0 3px!important;gap:4px!important}
  .cd-public .cd-nav-v2>a svg{width:16px!important;height:16px!important}
  .cd-public .tr73-mobile-menu>summary{padding:8px!important;gap:4px!important}
}
@media(max-width:350px){.cd-public .cd-nav-v2>a.tr66-guides-nav{display:none!important}}


/* source: todayrecipes-v74.css */
/* TodayRecipes 7.4 – consistent catalog banners, widths and mobile dropdown. */
body.cd-magazine-page .cd-mag-wrap{width:min(1480px,calc(100% - 64px))!important;max-width:none!important;margin-inline:auto!important}
body.cd-magazine-page .cd-mag-heading.tr72-unified-hero{max-width:none!important;width:100%!important;min-width:0!important;margin-inline:0!important}
body.cd-public .tr69-category-hero.tr69-has-photo{background-size:cover,cover!important;background-position:center,center!important}
/* v8.5: video listing uses the same centered content width as all recipe collections.
   v7.4 used width:100% !important and made the catalog bleed beyond the hero. */
body.cd-public.cd-listing-page .cd-video-catalog.cd-wrap {
  box-sizing:border-box!important;
  width:min(1480px,calc(100% - 64px))!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding:8px 0 72px!important;
}
body.cd-public.cd-listing-page .cd-video-catalog-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
}
body.cd-public.cd-listing-page .cd-video-catalog-grid > * {min-width:0!important;max-width:100%!important;}
@media(max-width:960px){
  body.cd-public.cd-listing-page .cd-video-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body.cd-public.cd-listing-page .cd-video-catalog.cd-wrap{width:calc(100% - 28px)!important;padding-bottom:40px!important;}
}
@media(max-width:600px){
  body.cd-public.cd-listing-page .cd-video-catalog-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
}
body.cd-public .cd-video-catalog>.cd-section-head{margin:8px 0 22px!important}
body.cd-public .cd-video-catalog>.cd-section-head h2{font:400 clamp(27px,3vw,38px)/1.15 'Open Sans',system-ui,sans-serif!important;letter-spacing:-.04em!important}
/* Explicit controlled menu: no dependence on native details/summary or Safari toggling. */
.cd-public .tr74-mobile-menu-panel[hidden]{display:none!important}
.cd-public .tr74-mobile-menu{display:none}
@media(max-width:760px){
 .cd-public .cd-head-v2-shell{isolation:isolate!important;overflow:visible!important}
 .cd-public .cd-nav-strip{isolation:auto!important;overflow:visible!important}
 .cd-public .tr74-mobile-menu{display:block!important;flex:0 0 auto!important;margin-left:auto!important;position:static!important}
 .cd-public .tr74-mobile-menu-trigger{display:inline-flex!important;align-items:center!important;gap:7px!important;appearance:none!important;border:1px solid #cfded2!important;border-radius:999px!important;background:#f1f7f2!important;color:#1e4934!important;padding:9px 12px!important;min-height:39px!important;font:750 12px/1 'Open Sans',system-ui,sans-serif!important;cursor:pointer!important}
 .cd-public .tr74-mobile-menu-trigger[aria-expanded="true"]{background:#dcece0!important}
 .cd-public .tr74-mobile-menu-panel{position:absolute!important;inset-inline:0!important;top:100%!important;display:block!important;z-index:9999!important;max-height:min(75dvh,680px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:20px max(16px,env(safe-area-inset-left)) 24px!important;background:#fffefa!important;border:1px solid #dce8df!important;border-radius:0 0 22px 22px!important;box-shadow:0 22px 42px rgba(22,45,30,.17)!important;box-sizing:border-box!important}
 .cd-public .tr74-mobile-menu-panel[hidden]{display:none!important}
 .cd-public .tr74-mobile-menu-trigger .tr73-chevron{transition:transform .18s ease}
 .cd-public .tr74-mobile-menu-trigger[aria-expanded="true"] .tr73-chevron{transform:rotate(180deg)}
}
@media(max-width:760px){body.cd-magazine-page .cd-mag-wrap{width:calc(100% - 28px)!important}}


/* source: mobile-navigation-v75.css */
/* v7.5: mobile dialog is outside old clipped sticky/header elements. */
.tr75-nav-backdrop[hidden],.tr75-nav-panel[hidden]{display:none!important}
@media(max-width:760px){
  body.tr75-nav-open{overflow:hidden!important}
  .cd-public .tr74-mobile-menu-trigger{position:relative!important;z-index:10!important;touch-action:manipulation!important;pointer-events:auto!important}
  .tr75-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(10,32,22,.46)!important;touch-action:manipulation!important}
  body.cd-public .tr74-mobile-menu-panel.tr75-nav-panel{display:block!important;position:fixed!important;inset:0 0 auto 0!important;top:max(70px,env(safe-area-inset-top))!important;bottom:env(safe-area-inset-bottom)!important;width:auto!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;z-index:2147483001!important;padding:24px max(20px,env(safe-area-inset-right)) 32px!important;border:0!important;border-radius:22px 22px 0 0!important;background:#fffefa!important;box-shadow:0 -8px 35px rgba(0,0,0,.2)!important}
  body.cd-public .tr74-mobile-menu-panel.tr75-nav-panel[hidden]{display:none!important}
  body .tr75-nav-panel .tr73-mobile-menu-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .tr75-nav-panel .tr73-mobile-menu-links>a{display:flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:11px!important;border-radius:13px!important;background:#f4f8f4!important;border:1px solid #e0eae0!important;text-decoration:none!important;color:#24513a!important;font-size:13px!important;font-weight:700!important}
  body .tr75-nav-panel .tr73-mobile-menu-title{font-size:12px!important;color:#658071!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:.05em!important;margin:0 0 12px!important}
  body .tr75-nav-panel .tr73-mobile-category-title{margin-top:22px!important;padding-top:18px!important;border-top:1px solid #e1eae2!important}
  body .tr75-nav-panel .tr73-mobile-categories{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  body .tr75-nav-panel .tr73-mobile-categories>a{padding:9px 12px!important;border-radius:30px!important;background:#f7faf7!important;border:1px solid #e0eae1!important;text-decoration:none!important;color:#284c38!important}
}
@media(min-width:761px){.tr75-nav-backdrop,.tr75-nav-panel{display:none!important}}

/* v7.6: visible accessible close control inside the mobile modal */
@media(max-width:760px){
  body.cd-public .tr75-nav-panel .tr76-nav-close{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:15px!important;right:max(16px,env(safe-area-inset-right))!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid #d8e6db!important;border-radius:50%!important;background:#f1f6f1!important;color:#234a36!important;cursor:pointer!important;z-index:2!important;touch-action:manipulation!important}
  body.cd-public .tr75-nav-panel .tr76-nav-close:focus-visible{outline:3px solid #487d5d!important;outline-offset:2px!important}
  body.cd-public .tr75-nav-panel .tr73-mobile-menu-title:first-of-type{padding-right:54px!important;min-height:44px!important;display:flex!important;align-items:center!important}
}


/* source: language-menu-v82.css */
/* TodayRecipes 8.2 — isolated language dropdown. Loaded by shared header on every public page. */
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 {
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  z-index:400!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > summary.cd-lang-trigger {
  list-style:none!important;
  cursor:pointer!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > summary.cd-lang-trigger::-webkit-details-marker {display:none!important;}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options {
  position:absolute!important;
  inset:auto 0 auto auto!important;
  top:calc(100% + 10px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:220px!important;
  min-width:220px!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  max-height:min(400px,70dvh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px!important;
  background:#fffefa!important;
  border:1px solid #dce8df!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(25,48,34,.18)!important;
  white-space:normal!important;
  z-index:450!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2:not([open]) > .cd-lang-options {
  display:none!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options > a.cd-lang-option {
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:11px!important;
  width:100%!important;
  min-height:42px!important;
  height:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 12px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:650!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  color:#244b37!important;
  background:transparent!important;
  border:0!important;
  border-radius:10px!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options > a.cd-lang-option > span:first-child {
  flex:0 0 26px!important;
  font-size:20px!important;
  line-height:1!important;
}
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options > a.cd-lang-option:hover,
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options > a.cd-lang-option:focus-visible,
body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options > a.cd-lang-option[aria-current="page"] {
  color:#173f2c!important;
  background:#edf6ef!important;
  transform:none!important;
}
@media (max-width:760px) {
  body.cd-public .cd-head-v2-shell .cd-head-tools > details.cd-lang-menu.cd-lang-v2 > .cd-lang-options {
    right:0!important;
    left:auto!important;
    top:calc(100% + 9px)!important;
    width:210px!important;
    min-width:210px!important;
    max-width:calc(100vw - 16px)!important;
  }
}