/* Front-end + Editor shared styles (all key props forced with !important) */

.wp-block-congdy-download-button.cdb-wrap,
.wp-block-congdy-download-button.cdb-download-button{
  display: flex !important;
  justify-content: center !important;
  margin: var(--cdb-margin-y, 18px) 0 !important;
  padding: 0 !important;
}

.wp-block-congdy-download-button .cdb-btn,
.wp-block-congdy-download-button.cdb-download-button .cdb-btn{
  --cdb-bg: #000000 !important;
  --cdb-fg: #FFFFFF !important;

  background: var(--cdb-bg) !important;
  color: var(--cdb-fg) !important;

  text-decoration: none !important;
  border-radius: var(--cdb-radius, 999px) !important;
  padding: var(--cdb-pad-y, 12px) var(--cdb-pad-x, 24px) !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;

  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  line-height: 1 !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.25) !important;
  border: 0 !important;
  outline: none !important;

  transition: transform 120ms ease, background-color 120ms ease, filter 120ms ease !important;
}

.wp-block-congdy-download-button .cdb-btn:hover,
.wp-block-congdy-download-button.cdb-download-button .cdb-btn:hover{
  background: var(--cdb-bg-hover, var(--cdb-bg)) !important;
  filter: brightness(0.98) !important;
  transform: translateY(-1px) !important;
}

.wp-block-congdy-download-button .cdb-btn:active,
.wp-block-congdy-download-button.cdb-download-button .cdb-btn:active{
  transform: translateY(0) !important;
  filter: brightness(0.96) !important;
}

.wp-block-congdy-download-button .cdb-icon,
.wp-block-congdy-download-button.cdb-download-button .cdb-icon{
  display: block !important;
  flex: 0 0 auto !important;
}

.wp-block-congdy-download-button .cdb-text,
.wp-block-congdy-download-button.cdb-download-button .cdb-text{
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Optional meta display (editor only; harmless on front-end) */
.wp-block-congdy-download-button .cdb-file-meta{
  margin-top: 10px !important;
}
