/* GoAppily CRM – Quote Request stepped V2
 * Extends the base quote-request.css styling.
 */
.goappily-quote-request-v2{
  --goqr-primary: var(--goappily-primary-color, #05482f);
  --goqr-secondary: var(--goappily-secondary-color, #7fb33f);
  --goqr-radius: 12px;
}

.goappily-quote-request-v2 .goappily-qr-steps{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin: 0 0 14px 0;
}
.goappily-quote-request-v2 .goappily-qr-step{
  border:1px solid #e6e6e6;
  background:#fafafa;
  padding:8px 12px;
  border-radius: 999px;
  cursor:pointer;
  font-size: 14px;
}
.goappily-quote-request-v2 .goappily-qr-step:hover{
  border-color: var(--goqr-primary);
}
.goappily-quote-request-v2 .goappily-qr-step.is-active{
  background: var(--goqr-primary);
  color:#fff;
  border-color: var(--goqr-primary);

}
.goappily-quote-request-v2 .goappily-qr-panel{
  display:none;
}
.goappily-quote-request-v2 .goappily-qr-panel.is-active{
  display:block;
}
.goappily-quote-request-v2 .goappily-qr-nav{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top: 12px;
}
.goappily-quote-request-v2 .goappily-qr-btn{
  border:1px solid rgba(0,0,0,0.14);
  background:#fff;
  padding:10px 16px;
  border-radius: var(--goqr-radius);
  cursor:pointer;
  font-weight: 600;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .08s ease;
}
.goappily-quote-request-v2 .goappily-qr-btn:active{ transform: translateY(1px); }
.goappily-quote-request-v2 .goappily-qr-btn:focus{
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--goqr-primary) 20%, transparent);
  border-color: color-mix(in srgb, var(--goqr-primary) 55%, rgba(0,0,0,0.14));
}

.goappily-quote-request-v2 .goappily-qr-btn--primary{
  background: var(--goqr-primary);
  color:#fff;
  border-color: var(--goqr-primary);
}
.goappily-quote-request-v2 .goappily-qr-btn--primary:hover{
  background: color-mix(in srgb, var(--goqr-primary) 88%, #000);
}

.goappily-quote-request-v2 .goappily-qr-btn--secondary{
  background: var(--goqr-secondary);
  color: #0b0b0b;
  border-color: var(--goqr-secondary);
}
.goappily-quote-request-v2 .goappily-qr-btn--secondary:hover{
  background: color-mix(in srgb, var(--goqr-secondary) 88%, #000);
}

.goappily-quote-request-v2 .goappily-qr-divider{
  height:1px;
  background:#eee;
  margin: 14px 0;
}
.goappily-quote-request-v2 .goappily-qr-tiles{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 880px){
  .goappily-quote-request-v2 .goappily-qr-tiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .goappily-quote-request-v2 .goappily-qr-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.goappily-quote-request-v2 .goappily-qr-tile{
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  overflow:hidden;
  background:#fff;
  display:flex;
  flex-direction:column;
  cursor:pointer;
  user-select:none;
  transition: transform .08s ease;
}
.goappily-quote-request-v2 .goappily-qr-tile:hover{ transform: translateY(-1px); }
.goappily-quote-request-v2 .goappily-qr-tile__input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.goappily-quote-request-v2 .goappily-qr-tile__media{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px;
  background:#fafafa;
  min-height: 74px;
}
.goappily-quote-request-v2 .goappily-qr-tile__media img{
  max-width:100%;
  height:auto;
  display:block;
}
.goappily-quote-request-v2 .goappily-qr-tile__label{
  padding: 10px 10px 12px 10px;
  font-size: 13px;
  line-height: 1.2;
  text-align:center;
}
.goappily-quote-request-v2 .goappily-qr-tile:has(.goappily-qr-tile__input:checked){
  border-color: var(--goqr-primary);
  box-shadow: 0 0 0 2px var(--goqr-primary) inset;
}
.goappily-quote-request-v2 .goappily-qr-error{
  margin-top:10px;
  padding:10px;
  border-radius:12px;
  background:#fff3f3;
  border:1px solid #ffd0d0;
  color:#a40000;
  font-size: 14px;
}
.goappily-quote-request-v2 .goappily-qr-sections{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.goappily-quote-request-v2 .goappily-qr-check{
  display:flex;
  align-items:center;
  gap:8px;
}
.goappily-quote-request-v2 .goappily-qr-section{
  display:none;
  padding: 10px;
  border:1px solid #e6e6e6;
  border-radius: 12px;
  background:#fafafa;
}
.goappily-quote-request-v2 .goappily-qr-section.is-open{
  display:block;
}
.goappily-quote-request-v2 .goappily-qr-inline{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.goappily-quote-request-v2 .goappily-qr-chip{
  display:inline-block;
  padding: 6px 10px;
  border:1px solid #e6e6e6;
  border-radius: 999px;
  background:#fff;
  margin-right: 6px;
  margin-bottom: 6px;
}
.goappily-quote-request-v2 .goappily-qr-dest-block{
  border:1px solid #e6e6e6;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 10px;
  background:#fafafa;
}
.goappily-quote-request-v2 .goappily-qr-dest-title{
  font-weight: 600;
  margin-bottom: 8px;
}


/* CRM-style confirmation panel (after successful submit) */
.goappily-quote-request-v2 .goappily-qr-confirmation{
  border-radius: var(--goqr-radius);
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  padding: 16px;
  margin: 14px 0 0 0;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__header{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  background: color-mix(in srgb, var(--goqr-primary) 18%, #ffffff);
  color: var(--goqr-primary);
  flex: 0 0 auto;
  margin-top: 2px;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__subtitle{
  margin: 6px 0 0 0;
  opacity: 0.85;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__ref{
  margin-top: 14px;
  padding: 12px;
  border-radius: var(--goqr-radius);
  border: 1px dashed color-mix(in srgb, var(--goqr-primary) 40%, #cbd5e1);
  background: color-mix(in srgb, var(--goqr-primary) 6%, #ffffff);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__ref-label{
  font-weight: 600;
  opacity: 0.9;
}

.goappily-quote-request-v2 .goappily-qr-confirmation__ref-value{
  font-weight: 800;
  letter-spacing: 0.5px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
}

.goappily-quote-request-v2 .goappily-qr-confirmation__actions{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}


.goappily-quote-request-v2 {
  color: var(--goqr-primary);
}

.goappily-quote-request-v2 .goappily-qr-step,
.goappily-quote-request-v2 .goappily-qr-dest-title,
.goappily-quote-request-v2 .goappily-qr-error {
  color: var(--goqr-primary);
}

.goappily-quote-request-v2 .goappily-qr-btn[disabled],
.goappily-quote-request-v2 .goappily-qr-btn.is-submitting,
.goappily-quote-request-v2 .goappily-quote-request-form.is-submitting button[type="submit"],
.goappily-quote-request-v2 .goappily-quote-request-form.is-submitting input[type="submit"] {
  opacity: .72;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}