/* hn2-quote-cta.css — quote button (floating on phones/tablets, header on desktop). */

.hn2qc-fab,
.hn2qc-hdr{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#D71F36;color:#fff!important;text-decoration:none!important;
  font-family:inherit;font-weight:700;line-height:1;white-space:nowrap;
  border-radius:10px;
}
.hn2qc-fab svg,.hn2qc-hdr svg{flex:none;}

/* ---------- phones & tablets: floating, bottom centre ----------
   centred so it never collides with the accessibility widget in the corner */
.hn2qc-fab{
  position:fixed;z-index:90;left:50%;
  bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  font-size:15.5px;padding:14px 22px;border-radius:999px;
  box-shadow:0 10px 24px -8px rgba(215,31,54,.55),0 2px 6px rgba(20,30,61,.18);
  transform:translate(-50%,160%);opacity:0;pointer-events:none;
  transition:transform .38s cubic-bezier(.23,1,.32,1),opacity .25s ease,background .2s;
}
.hn2qc-fab.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto;}
.hn2qc-fab:active{transform:translate(-50%,0) scale(.97);background:#B91B2E;}
.hn2qc-fab:focus-visible{outline:3px solid #22346A;outline-offset:3px;}

/* ---------- desktop: header button, only while the header is compact ---------- */
.hn2hdr .hn2qc-hdr{
  font-size:14px;padding:10px 0;
  max-width:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;
  transition:max-width .35s cubic-bezier(.23,1,.32,1),padding .35s cubic-bezier(.23,1,.32,1),opacity .25s ease,visibility .35s,background .2s;
}
html.hn2mo-compact .hn2hdr .hn2qc-hdr{
  max-width:240px;padding-inline:16px;opacity:1;pointer-events:auto;visibility:visible;
}
.hn2hdr .hn2qc-hdr:hover{background:#B91B2E;}
.hn2hdr .hn2qc-hdr:focus-visible{outline:2px solid #22346A;outline-offset:2px;}

@media (min-width:1025px){
  .hn2qc-fab{display:none;}
}
@media (max-width:1024px){
  .hn2hdr .hn2qc-hdr{display:none;}
}
@media print{
  .hn2qc-fab,.hn2qc-hdr{display:none!important;}
}
@media (prefers-reduced-motion: reduce){
  .hn2qc-fab,.hn2hdr .hn2qc-hdr{transition:opacity .2s ease;}
  .hn2qc-fab{transform:translate(-50%,0);}
}
