/* WeddingOS — guest-facing phase status and dietary preference controls. */
.wos-phase-container{margin-top:18px!important}
.wos-phase-status{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px 17px;
  border:1px solid rgba(83,105,77,.3);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(219,229,215,.96),rgba(244,240,231,.96));
  color:#43533f;
  box-shadow:0 15px 38px rgba(65,78,60,.09);
  overflow:hidden;
}
.wos-phase-status::after{content:"";position:absolute;inset:auto -30px -52px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(111,137,104,.16),transparent 68%);pointer-events:none}
.wos-phase-copy{display:grid;gap:3px;min-width:0}
.wos-phase-copy>span{font:700 .68rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#72816b}
.wos-phase-copy>strong{font:500 clamp(1.35rem,2.7vw,2rem)/1.05 "Cormorant Garamond",Georgia,serif;color:#394837}
.wos-phase-copy>small{font:500 .8rem/1.45 Manrope,Arial,sans-serif;color:#66715f}
.wos-phase-days{display:grid;place-items:center;min-width:82px;padding:9px 13px;border-radius:18px;background:#4f684b;color:#fffaf1;box-shadow:0 10px 28px rgba(65,89,61,.17)}
.wos-phase-days strong{font:600 1.85rem/1 "Cormorant Garamond",Georgia,serif}
.wos-phase-days span{font:700 .62rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
.wos-phase-track{grid-column:1/-1;display:grid;grid-template-columns:22px 1fr 22px 1fr 22px;align-items:center;gap:7px;margin-top:2px}
.wos-phase-track i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font:700 .62rem/1 Manrope,Arial,sans-serif;font-style:normal;border:1px solid #aab5a5;color:#7b8775;background:#f5f1e8}
.wos-phase-track i.active{background:#526b4d;color:#fff;border-color:#526b4d}
.wos-phase-track i.done{background:#9bad94;color:#fff;border-color:#879b81}
.wos-phase-track b{height:1px;background:linear-gradient(90deg,#9eae99,#c2cbbd)}
.wos-phase-status.is-invitation{background:linear-gradient(135deg,#c6d6c2,#eef0e7)}
.wos-phase-status.is-closed{background:linear-gradient(135deg,#e7e4dc,#f4f0e7);border-color:rgba(112,116,102,.25)}
.wos-phase-status.is-closed .wos-phase-days{background:#68705f}

.wos-save-date-preferences{margin-top:24px;padding-top:22px;border-top:1px solid rgba(91,110,84,.18);text-align:left}
.wos-save-date-pref-head{display:grid;gap:5px;margin-bottom:18px}
.wos-save-date-pref-head span{font:700 .68rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#718168}
.wos-save-date-pref-head strong{font:500 1.45rem/1.15 "Cormorant Garamond",Georgia,serif;color:#3f4d3b}
.wos-field-help{margin:3px 0 11px!important;color:#6a7564!important;font-size:.78rem!important;line-height:1.45!important}
.wos-dietary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wos-dietary-choice{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid rgba(85,108,79,.23);border-radius:14px;background:rgba(237,241,233,.74);color:#4f5f49;font:600 .78rem/1.25 Manrope,Arial,sans-serif;cursor:pointer;transition:.18s ease}
.wos-dietary-choice:hover{background:#e1e9de;border-color:#879c81}
.wos-dietary-choice:has(input:checked){background:#aebeaa;color:#34452f;border-color:#687f61;box-shadow:0 7px 18px rgba(75,96,70,.08)}
.wos-dietary-choice input{accent-color:#526b4d;flex:0 0 auto}
.wos-dietary-block>.field:last-child{margin-top:14px}
.wos-dietary-block input[name="dietary_other"]{background:rgba(255,252,246,.88)!important;color:#465342!important;border-color:rgba(85,108,79,.24)!important}
.wos-save-pref-success{margin-top:18px!important;text-align:left}

@media(min-width:821px){
  .wos-phase-container{margin-top:24px!important}
  .wos-phase-status{padding:21px 25px 20px;border-color:rgba(72,102,67,.36);background:linear-gradient(135deg,#bdd0b8 0%,#d9e3d5 52%,#f2ede3 100%)}
  .wos-phase-days{min-width:96px;padding:11px 17px;background:linear-gradient(135deg,#3d5e3b,#5d7a56);border:1px solid rgba(184,149,85,.58);box-shadow:0 12px 32px rgba(47,75,45,.21)}
  .wos-phase-days strong{font-size:2.2rem}
  .wos-dietary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .wos-phase-status{padding:15px 14px 14px;gap:11px;border-radius:18px}
  .wos-phase-days{min-width:70px;padding:8px 10px;border-radius:15px}
  .wos-phase-days strong{font-size:1.65rem}
  .wos-phase-copy>strong{font-size:1.35rem}
  .wos-phase-copy>small{font-size:.73rem}
  .wos-dietary-grid{grid-template-columns:1fr}
  .wos-dietary-choice{min-height:42px}
}