/* ==========================================================================
   COMANDĂ O RASĂ (/comanda-rasa) + proveniența câinilor (card, fișă)
   Încărcat pe toate paginile de header.php — toate regulile sunt prefixate.
   ========================================================================== */

/* pașii: patru coloane */
.cm-steps{grid-template-columns:repeat(4,1fr)}
.cm-steps .step a{color:var(--pine)}

/* layout formular + coloana laterală */
.cm-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(28px,4vw,56px);align-items:start}

.cm-form{background:var(--paper-2);border:1px solid var(--line-l);border-radius:2px;padding:clamp(22px,3.4vw,40px)}
.cm-form>h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:6px}
.cm-form>.lede{margin-bottom:22px;font-size:.96rem}
.cm-form .form-err a{color:inherit}

.cm-set{border:0;margin:0 0 8px;padding:22px 0 6px;border-top:1px solid var(--line-l);min-width:0}
.cm-set legend{float:left;width:100%;padding:0;margin:0 0 16px;font-family:var(--fd);font-size:1.3rem;color:var(--pine)}
.cm-set legend+*{clear:left}

/* câmpuri pe fond deschis */
.cm-form .field label,.cm-form .cm-label{display:block;font-size:.86rem;color:var(--muted-light);margin-bottom:7px}
.cm-form .field label em,.cm-form .cm-label em{font-style:normal;opacity:.75;margin-left:4px}
.cm-form .field input,.cm-form .field select,.cm-form .field textarea{background:#fff;color:var(--pine);border-color:var(--line-l)}
.cm-form .field input::placeholder,.cm-form .field textarea::placeholder{color:#8E978C}
.cm-help{display:block;font-size:.84rem;color:var(--muted-light);margin-top:6px}
.cm-cond{padding-left:14px;border-left:2px solid var(--brass)}

/* sufix € */
.cm-suffix{position:relative}
.cm-suffix input{padding-right:38px}
.cm-suffix span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted-light);pointer-events:none}

/* butoane segmentate (radio) */
.cm-seg{display:flex;flex-wrap:wrap;gap:8px}
.cm-seg label{position:relative;margin:0;cursor:pointer}
.cm-seg input{position:absolute;opacity:0;width:1px;height:1px}
.cm-seg span{display:block;padding:10px 16px;border:1px solid var(--line-l);border-radius:2px;background:#fff;
  font-size:.93rem;color:var(--pine);transition:border-color .15s ease,background .15s ease}
.cm-seg label:hover span{border-color:rgba(19,34,24,.35)}
.cm-seg input:checked+span{background:var(--pine);border-color:var(--pine);color:var(--bone)}
.cm-seg input:focus-visible+span{outline:2px solid var(--brass);outline-offset:2px}
.cm-seg[aria-invalid="true"] span{border-color:#C04E3C}

.cm-form .choice .cbox{background:#fff}
.cm-form .consent{color:var(--muted-light);margin-top:10px}
.cm-form .consent a{color:var(--pine)}
.cm-note{font-size:.86rem;color:var(--muted-light);margin:14px 0 0}

/* coloana laterală */
.cm-aside{position:sticky;top:98px;background:var(--pine);color:var(--bone);border-radius:2px;padding:clamp(22px,3vw,32px)}
.cm-aside h3{color:var(--bone);margin-bottom:12px}
.cm-aside h3+ul{margin-bottom:26px}
.cm-aside ul{margin:0;padding:0;list-style:none}
.cm-aside li{padding:11px 0;border-top:1px solid var(--line-d);font-size:.9rem;color:var(--muted-dark);line-height:1.5}
.cm-aside li b{color:var(--bone);font-weight:500}
.cm-aside-tel{margin:6px 0 0;font-size:.92rem;color:var(--muted-dark)}
.cm-aside-tel a{color:var(--brass);text-decoration:none;font-weight:600}

/* comenzi dezactivate */
.cm-off{grid-column:1/-1;max-width:680px;padding:clamp(26px,4vw,44px);border:1px dashed var(--line-l);border-radius:2px;background:var(--paper-2)}
.cm-off h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:10px}
.cm-off p{color:var(--muted-light)}
.cm-off .btn{margin:6px 8px 0 0}

/* confirmare */
.cm-done .lede{max-width:52ch}
.cm-done-contact{margin:28px 0 0;color:var(--muted-light)}

/* proveniența — card din catalog și fișa câinelui */
.card-prov{font-size:.8rem;color:var(--muted-light);margin-top:2px;display:flex;align-items:center;gap:6px}
.card-prov::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage);flex:0 0 auto}
.card-prov[data-prov="partener"]::before{background:var(--brass)}
.dog-breed a{color:inherit;text-decoration-color:rgba(19,34,24,.3);text-underline-offset:3px}
.dog-breed a:hover{text-decoration-color:var(--brass)}

@media(max-width:1060px){
  .cm-steps{grid-template-columns:1fr 1fr}
  .cm-grid{grid-template-columns:1fr}
  .cm-aside{position:static}
}
@media(max-width:720px){
  .cm-steps{grid-template-columns:1fr}
  .cm-seg label{flex:1 1 auto}
  .cm-seg span{text-align:center}
}