/* TodayRecipes v4.1 – public homepage visual refinements.
   Last stylesheet on the homepage, overriding legacy framed layouts. */

/* Allow custom dropdown menus to escape the assistant card bounds. */
body.cd-home-page .cd-create-assistant,
body.cd-home-page .cd-assistant.cd-create-assistant {overflow:visible !important;position:relative;isolation:auto;z-index:12;}
body.cd-home-page .cd-create-assistant .cd-wizard-form,
body.cd-home-page .cd-create-assistant .cd-wizard-step,
body.cd-home-page .cd-create-assistant .cd-wizard-fields,
body.cd-home-page .cd-create-assistant .cd-wizard-fields label {overflow:visible !important;}
body.cd-home-page .cd-create-assistant .cd-wizard-form {position:relative;z-index:2;}
body.cd-home-page .cd-create-assistant .cd-wizard-fields {position:relative;}
body.cd-home-page .cd-create-assistant .cd-custom-select {position:relative !important;}
body.cd-home-page .cd-create-assistant .cd-custom-select.is-open {z-index:130 !important;}
body.cd-home-page .cd-create-assistant .cd-select-options {z-index:150 !important;box-sizing:border-box;max-height:min(320px,45vh) !important;overflow-y:auto !important;background:#fff !important;box-shadow:0 20px 52px rgba(22,57,40,.19) !important;}
/* The focused dropdown must not be hidden behind later sections. */
body.cd-home-page .cd-create-assistant:has(.cd-custom-select.is-open) {z-index:80 !important;}

/* Return to the wide, airy pre-rebrand composition. */
body.cd-home-page{background:#fafaf7 !important;}
body.cd-home-page .cd-wrap {width:min(1460px,calc(100% - 72px)) !important;}
body.cd-home-page .cd-home-hero {
  margin-top:12px !important;padding:clamp(35px,4.8vw,72px) 0 !important;
  min-height:390px;border:0 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;overflow:visible !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(30px,4.8vw,74px);
}
body.cd-home-page .cd-home-hero h1{color:#203a2d !important;font-family:'Open Sans',Arial,sans-serif !important;font-weight:300 !important;}
body.cd-home-page .cd-hero-dish{border:0 !important;border-radius:25px !important;}
body.cd-home-page .cd-section {margin-block:0 !important;padding-block:clamp(35px,4vw,60px) !important;}
body.cd-home-page .cd-section-head{border:0 !important;}
body.cd-home-page .cd-section-head h2{color:#203a2d;font-weight:300 !important;}
body.cd-home-page .cd-grid{gap:clamp(16px,1.8vw,28px) !important;}
body.cd-home-page .cd-grid .cd-card{
  border:0 !important;box-shadow:0 8px 30px rgba(20,52,35,.055) !important;
  background:#fff !important;border-radius:22px !important;
}
body.cd-home-page .cd-grid .cd-card:hover{box-shadow:0 19px 48px rgba(20,52,35,.13) !important;}
body.cd-home-page .cd-grid .cd-card-body{background:#fff !important;}
/* Calm, unframed assistant surface – keep the form distinct but not double outlined. */
body.cd-home-page .cd-create-assistant {
  margin-block:28px !important;padding:clamp(25px,3.3vw,52px) !important;
  background:linear-gradient(110deg,#f0f5ed,#f6f5ea 74%,#f3f3e8) !important;
  border:0 !important;border-radius:27px !important;box-shadow:none !important;
}
body.cd-home-page .cd-create-assistant .cd-wizard-form {
  background:#fff !important;border:0 !important;border-radius:24px !important;
  box-shadow:0 14px 40px rgba(28,59,41,.065) !important;
}
body.cd-home-page .cd-create-assistant .cd-wizard-actions .cd-button{font-weight:500 !important;}
/* Magazine and weekly plan should feel like editorial content rather than outlined boxes. */
body.cd-home-page .cd-plan {background:#f0f3ee !important;border:0 !important;border-radius:24px !important;box-shadow:none !important;}
body.cd-home-page .cd-plan-item {border-color:transparent !important;box-shadow:none !important;}
body.cd-home-page .cd-mag-home-block .cd-mag-card{border:0 !important;box-shadow:0 8px 25px rgba(29,48,35,.055) !important;}
/* Video section retains dark differentiation; ensure header text is actually readable. */
body.cd-home-page .cd-home-videos-surface{
  background:linear-gradient(118deg,#17382a,#204636) !important;
  border:0 !important;border-radius:26px !important;box-shadow:none !important;
}
body.cd-home-page .cd-home-videos .cd-section-head h2,
body.cd-home-page .cd-home-videos .cd-section-head p {color:#fff !important;}
body.cd-home-page .cd-home-videos .cd-grid .cd-card,
body.cd-home-page .cd-home-videos .cd-video-feature-card .cd-card {background:#244739 !important;border:0 !important;box-shadow:none !important;}
body.cd-home-page .cd-home-videos .cd-video-feature-card .cd-card-body {background:#244739 !important;}
body.cd-home-page .cd-home-videos .cd-video-feature-card .cd-card h3 a{color:#fff !important;}
body.cd-home-page .cd-home-videos .cd-video-feature-card .cd-card-stats{color:#d3dfd7 !important;}
@media(max-width:900px){
 body.cd-home-page .cd-wrap{width:calc(100% - 40px) !important;}
 body.cd-home-page .cd-home-hero{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
 body.cd-home-page .cd-wrap{width:calc(100% - 28px) !important;}
 body.cd-home-page .cd-create-assistant{padding:20px 15px !important;}
 body.cd-home-page .cd-home-videos-surface{border-radius:19px !important;}
 body.cd-home-page .cd-create-assistant .cd-select-options{max-height:min(260px,38vh) !important;}
}
@media(prefers-reduced-motion:reduce){body.cd-home-page .cd-grid .cd-card{transition:none !important;}}
