/* Hard override: make the title row behave */
.wc-ccf-header { 
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Put icon + text on one row */
.wc-ccf-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px 12px !important;
}

/* Icon stays fixed size */
.wc-ccf-title .dashicons { flex: 0 0 auto !important; }

/* Force h2 and the sentence to sit inline */
.wc-ccf-title h2 {
  margin: 0 !important;
  display: inline !important;
}

/* Neutralize theme rules on the paragraph completely, then restyle */
.wc-ccf-title p {
  all: unset !important;          /* wipes out weird theme styles */
  display: inline !important;     /* sits beside the h2 */
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #475569 !important;
  margin-left: 8px !important;    /* small gap after the h2 */
  white-space: normal !important; /* wrap normally if needed */
  overflow: visible !important;
  text-overflow: clip !important;
}

/* On phones, drop the call button under the title so text gets room */
@media (max-width: 782px) {
  .wc-ccf-header { grid-template-columns: 1fr !important; }
  .wc-ccf-call { justify-self: start !important; }
}
/* Force horizontal layout for the header description text */
.wc-ccf-title p {
  writing-mode: horizontal-tb !important; /* ✅ override vertical mode */
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  display: inline-block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.wc-ccf-header {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.wc-ccf-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px 12px !important;
}

.wc-ccf-sub {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #475569 !important;
  display: inline !important;
  margin-left: 8px !important;
  line-height: 1.4 !important;
}


