/* Preheader container */
.cc-preheader{
  position: relative;
  z-index: 999999; /* stays above site header */
  background: var(--ccph-bg, #0f172a);
  border-bottom: 1px solid var(--ccph-border, #1f2937);
  font-family: var(--ccph-font-family, inherit);
}

/* Inner layout */
.cc-preheader-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--ccph-bar-pad, 10px) 14px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;   /* equal-width buttons */
  gap: 10px;
  align-items: center;
}

/* Buttons */
.ccph-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  padding: var(--ccph-btn-pad-y, 10px) 12px;
  border-radius: 999px;
  background: var(--ccph-btn-bg, #3b82f6);
  color: var(--ccph-btn-text, #ffffff) !important;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.1;
  white-space: nowrap;          /* keep in one line */
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  box-shadow: 0 8px 18px rgba(0,0,0,.15);
}

/* Better tap feedback */
.ccph-btn:active{
  transform: scale(.99);
}

/* Mobile: still one row. Buttons shrink nicely */
@media (max-width: 520px){
  .cc-preheader-inner{
    gap: 8px;
    padding: var(--ccph-bar-pad, 10px) 10px;
  }
  .ccph-btn{
    font-size: 12px;
    padding: var(--ccph-btn-pad-y, 10px) 10px;
  }
}