/* LULYGraphics v3.28 — order brief and Project Details action polish */

/* Four-step pre-production flow now matches the portal logic. */
body.order-page .order-flow{
  max-width:1180px!important;
}
body.order-page .order-flow .flow-step{
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

/* Brief section: a cleaner quote-first hierarchy. */
body.order-page .order-form-section{
  background:
    radial-gradient(circle at 76% 12%, rgba(255,106,0,.14), transparent 27rem),
    radial-gradient(circle at 12% 64%, rgba(255,126,29,.07), transparent 24rem),
    linear-gradient(180deg, rgba(255,106,0,.028), transparent)!important;
}
body.order-page .order-brief-heading{
  margin-bottom:clamp(1.4rem,3vw,2.2rem)!important;
}
body.order-page .order-brief-heading h2{
  max-width:860px!important;
}
body.order-page .brief-side-stack{
  position:sticky;
  top:96px;
  display:grid;
  gap:1rem;
}
body.order-page .brief-guide-card,
body.order-page .live-order-summary,
body.order-page .order-brief-form-pro{
  border:1px solid rgba(255,145,52,.23)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.066),rgba(255,255,255,.025))!important;
  box-shadow:0 24px 74px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.order-page .brief-guide-card{
  padding:clamp(1.2rem,2.5vw,1.65rem);
  border-radius:28px;
  text-align:left!important;
}
body.order-page .brief-guide-card .eyebrow{
  margin:0 0 .8rem!important;
}
body.order-page .brief-guide-card h3{
  margin:0 0 .65rem;
  color:#fff4e8;
  font-size:clamp(1.4rem,2.2vw,1.85rem);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-.045em;
}
body.order-page .brief-guide-card>p{
  margin:0;
  color:rgba(255,239,223,.66);
  line-height:1.65;
}
body.order-page .brief-guide-list{
  display:grid;
  gap:.62rem;
  margin-top:1.15rem;
}
body.order-page .brief-guide-list>div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:.72rem;
  align-items:start;
  padding:.76rem .8rem;
  border:1px solid rgba(255,139,44,.14);
  border-radius:16px;
  background:rgba(0,0,0,.13);
}
body.order-page .brief-guide-list>div>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:rgba(255,106,0,.12);
  border:1px solid rgba(255,139,44,.26);
  color:#ffae62;
  font-size:.76rem;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
body.order-page .brief-guide-list p{
  margin:0;
}
body.order-page .brief-guide-list strong{
  display:block;
  color:#fff3e4;
  font-size:.9rem;
  font-weight:850;
}
body.order-page .brief-guide-list small{
  display:block;
  margin-top:.15rem;
  color:rgba(255,238,220,.56);
  font-size:.78rem;
  line-height:1.4;
}

body.order-page .live-order-summary{
  position:relative!important;
  top:auto!important;
  margin:0!important;
  padding:1.1rem 1.15rem!important;
  border-radius:28px!important;
}
body.order-page .summary-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.8rem;
  padding-bottom:.45rem;
}
body.order-page .summary-topline .eyebrow{
  margin:0 0 .35rem!important;
  font-size:.68rem!important;
}
body.order-page .summary-topline h3{
  margin:0!important;
  font-size:1.12rem!important;
  color:#fff3e4!important;
}
body.order-page .brief-no-charge{
  flex:0 0 auto;
  padding:.42rem .62rem;
  border:1px solid rgba(255,139,44,.24);
  border-radius:999px;
  background:rgba(255,106,0,.07);
  color:#ffae62!important;
  font-size:.67rem!important;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.order-page .live-order-summary .summary-row{
  padding:.66rem 0!important;
}
body.order-page .live-order-summary .summary-row span{
  color:rgba(255,238,220,.58)!important;
  font-size:.78rem;
}
body.order-page .live-order-summary .summary-row strong{
  max-width:58%;
  color:#fff1df!important;
  font-size:.82rem;
  line-height:1.35;
}
body.order-page .summary-footnote{
  margin-top:.9rem;
  padding:.8rem .85rem;
  border-radius:16px;
  background:rgba(255,106,0,.055);
  border:1px solid rgba(255,139,44,.14);
  color:rgba(255,238,220,.62);
  font-size:.78rem;
  line-height:1.5;
}
body.order-page .summary-footnote strong{color:#ffad60;}

body.order-page .order-brief-form-pro{
  height:auto!important;
  padding:clamp(1.05rem,2.6vw,1.5rem)!important;
  border-radius:30px!important;
}
body.order-page .brief-form-block{
  padding:clamp(1rem,2vw,1.3rem);
  border:1px solid rgba(255,139,44,.13);
  border-radius:22px;
  background:rgba(0,0,0,.11);
}
body.order-page .brief-form-block+.brief-form-block{
  margin-top:1rem;
}
body.order-page .brief-form-block-head{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
  margin-bottom:1rem;
}
body.order-page .brief-form-block-head>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,106,0,.11);
  border:1px solid rgba(255,139,44,.28);
  color:#ffad60;
  font-size:.8rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
body.order-page .brief-form-block-head h3{
  margin:0;
  color:#fff4e8;
  font-size:1.05rem;
  font-weight:900;
}
body.order-page .brief-form-block-head p{
  margin:.18rem 0 0;
  color:rgba(255,238,220,.56)!important;
  font-size:.82rem;
  line-height:1.48;
}
body.order-page .field-optional{
  margin-left:.28rem;
  color:rgba(255,238,220,.4);
  font-size:.72rem;
  font-weight:650;
}
body.order-page .brief-prompt-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
  margin-top:.15rem;
}
body.order-page .brief-prompt-chips span{
  padding:.44rem .62rem;
  border:1px solid rgba(255,139,44,.16);
  border-radius:999px;
  background:rgba(255,106,0,.052);
  color:rgba(255,230,205,.72);
  font-size:.72rem;
  font-weight:750;
}
body.order-page .order-brief-form-pro .form-control,
body.order-page .order-brief-form-pro .form-select{
  border-radius:16px!important;
  min-height:50px!important;
  padding:.72rem .9rem!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.order-page .order-brief-form-pro textarea.form-control{
  min-height:unset!important;
  line-height:1.55;
  resize:vertical;
}
body.order-page .order-brief-form-pro .form-control:focus,
body.order-page .order-brief-form-pro .form-select:focus{
  border-color:rgba(255,139,44,.56)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:0 0 0 3px rgba(255,106,0,.09)!important;
}
body.order-page .brief-quality-meter{
  margin-top:.85rem!important;
  padding:.85rem .9rem!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.11)!important;
}
body.order-page .brief-checks{
  gap:.42rem!important;
}
body.order-page .brief-checks span{
  padding:.42rem .58rem!important;
  font-size:.7rem!important;
}
body.order-page .order-form-actions-pro{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  gap:.9rem 1rem!important;
  align-items:center!important;
  margin-top:1rem!important;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.07);
}
body.order-page .order-submit-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
body.order-page .order-submit-note{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.6rem;
  min-width:0;
}
body.order-page .order-submit-note>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(255,139,44,.25);
  color:#ffad60;
  font-size:.78rem;
  font-weight:950;
}
body.order-page .order-submit-note p{
  margin:0;
  max-width:390px;
  color:rgba(255,238,220,.58)!important;
  font-size:.76rem;
  line-height:1.45;
  text-align:right;
}
body.order-page .order-submit-note strong{color:#fff0df;}
body.order-page .order-form-status{
  grid-column:1/-1;
  margin:0!important;
  min-height:0;
}

/* The post-submit explainer now mirrors Submitted → Quote → Paid → Design → Delivery. */
body.order-page .launch-process-grid-five{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
body.order-page .launch-process-grid-five .launch-process-card{
  min-width:0;
}
body.order-page .launch-process-grid-five .launch-process-card h3{
  font-size:.98rem;
}
body.order-page .launch-process-grid-five .launch-process-card p{
  font-size:.8rem;
  line-height:1.55;
}

/* Project Details modal actions should feel like real controls. */
body.luly-profile-page .luly-order-modal-actions .luly-modal-primary,
body.luly-profile-page .luly-order-modal-actions .luly-modal-secondary{
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
  will-change:transform;
}
body.luly-profile-page .luly-order-modal-actions .luly-modal-primary:hover{
  text-decoration:none!important;
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 12px 28px rgba(255,92,0,.24);
}
body.luly-profile-page .luly-order-modal-actions .luly-modal-secondary:hover{
  text-decoration:none!important;
  transform:translateY(-2px);
  border-color:rgba(255,139,44,.62)!important;
  background:rgba(255,106,0,.12)!important;
  color:#ffd2aa!important;
  box-shadow:0 10px 24px rgba(255,92,0,.1);
}
body.luly-profile-page .luly-order-modal-actions .luly-modal-primary:active,
body.luly-profile-page .luly-order-modal-actions .luly-modal-secondary:active{
  transform:translateY(0) scale(.985);
}

@media(max-width:1199.98px){
  body.order-page .launch-process-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:991.98px){
  body.order-page .brief-side-stack{position:static;}
  body.order-page .order-form-actions-pro{grid-template-columns:1fr;}
  body.order-page .order-submit-note{justify-content:flex-start;}
  body.order-page .order-submit-note p{text-align:left;}
}
@media(max-width:767.98px){
  body.order-page .launch-process-grid-five{grid-template-columns:1fr!important;}
}
@media(max-width:575.98px){
  body.order-page .brief-guide-card,
  body.order-page .live-order-summary,
  body.order-page .order-brief-form-pro{border-radius:22px!important;}
  body.order-page .summary-topline{display:grid;}
  body.order-page .brief-no-charge{width:max-content;}
  body.order-page .order-submit-actions{display:grid;grid-template-columns:1fr;}
  body.order-page .order-submit-actions .btn{width:100%;}
}