/* QDX Responsive CTA v1.1.1 (darker orange) */
/* Apply to any link or button with class `qdx-cta` (Gutenberg Button block → Advanced → Additional CSS class(es)) */
.qdx-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:820px;
  padding:18px 20px;
  border-radius:12px;
  background:#ff7a18;        /* darker, brand orange (was #ffcf5a yellow) */
  color:#0b1324;
  text-decoration:none;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  font-size:clamp(18px, 4.5vw, 36px);
  white-space:normal;
  word-break:break-word;
  transition:transform .05s ease, filter .15s ease;
}
.qdx-cta:hover{ filter:brightness(0.95); }
.qdx-cta:active{ transform:translateY(1px); }

/* Compact variant: add `qdx-cta--compact` for smaller phones */
@media (max-width: 480px){
  .qdx-cta.qdx-cta--compact{
    max-width:92vw;
    margin-left:auto;
    margin-right:auto;
    font-size:clamp(15px, 4.2vw, 20px);
    padding:10px 12px;
    border-radius:10px;
    line-height:1.15;
    text-wrap:balance;
  }
}

/* Optional full-width block look */
.qdx-cta.qdx-cta--block{
  display:flex;
  max-width:none;
}

/* Optional outline style variant */
.qdx-cta.qdx-cta--outline{
  background:#fff;
  border:2px solid #ff7a18; /* darker orange outline */
  color:#0b1324;
}

/* Optional unstyled helper: remove WP Button defaults if needed */
.wp-block-button__link.qdx-cta.qdx-cta--unstyled{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  box-shadow:none !important;
  border-radius:inherit !important;
}

/* Ensure visited color matches */
.qdx-cta:visited{ color:#0b1324; }