/* Day by Day Nutrition - Styles */
:root{
  --ddn-primary:#2FB85E;
  --ddn-accent:#198754;
  --ddn-muted:#6c757d;
  --ddn-bg:#f8f9fa;
}
.ddn-calculator{direction:rtl}
.ddn-calculator .card{border-radius:12px}
.ddn-calculator .btn-success{background-color:var(--ddn-primary);border-color:var(--ddn-primary)}
.ddn-calculator .btn-outline-success{color:var(--ddn-primary);border-color:var(--ddn-primary)}
.ddn-calculator .btn-outline-success.active,
.ddn-calculator .btn-outline-success:active{background-color:var(--ddn-primary);border-color:var(--ddn-primary)}

.ddn-circle{width:220px;height:220px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#222;border:6px solid var(--ddn-primary)}
.ddn-hero .small{color:var(--ddn-muted)}

/* Sticky CTA on mobile */
#ddn-sticky-cta{box-shadow:0 -4px 16px rgba(0,0,0,0.08)}

/* Form validation */
.ddn-calculator .is-invalid{border-color:#dc3545}
.ddn-calculator .is-invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}

/* Mobile layout */
@media (max-width: 390px){
  .ddn-calculator .row.g-3>[class^="col-"]{flex:0 0 100%; max-width:100%}
  .ddn-circle{width:200px;height:200px;font-size:2.25rem}
}

@media print{
  body *{visibility:hidden}
  .ddn-calculator section[x-show="result"],
  .ddn-calculator section[x-show="result"] *{visibility:visible}
  .ddn-calculator section[x-show="result"]{position:absolute;left:0;top:0;width:100%}
}