/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-charitable-campaign-progress-bar {
  background-color: white;
  padding: 20px;
  text-align: center;
}

.wp-block-charitable-campaign-progress-bar h5 {
  margin: 0 auto;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}

.wp-block-charitable-campaign-progress-bar p {
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  font-weight: 400;
  font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}

.wp-block-charitable-campaign-progress-bar .charitable-logo {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

/*# sourceMappingURL=style-index.css.map*/

/* ── Campaign Progress Bar Block: Enhanced Styles ──────────────────────────── */

.charitable-progress-bar-wrap {
  --cpb-fill:          #f99e36;
  --cpb-track:         #e0e0e0;
  --cpb-height:        8px;
  --cpb-radius:        5px;
  --cpb-meta-size:     14px;
  --cpb-meta-color:    inherit;
  --cpb-meta-weight:   normal;
  --cpb-meta-gap:         6px;
  --cpb-inside-padding:   10px;
}

/* Override the bar track when inside the block wrapper */
.charitable-progress-bar-wrap .campaign-progress-bar {
  background-color: var(--cpb-track);
  height:           var(--cpb-height);
  border-radius:    var(--cpb-radius);
  position:         relative;
  overflow:       hidden;
  margin-top:    0;
  margin-bottom: 0;
}

/* Inside-meta layout: make the bar tall enough to hold text */
.charitable-progress-bar-wrap .campaign-progress-bar.cpb-has-inside-meta {
  min-height: calc( var(--cpb-meta-size) + 14px );
}

/* Fill bar */
.charitable-progress-bar-wrap .campaign-progress-bar .bar {
  background-color: var(--cpb-fill);
  height:     100%;
  border-radius: var(--cpb-radius);
  display:    block;
  position:   absolute;
  top:  0;
  left: 0;
}

/* ── Meta text ────────────────────────────────────────────────────────────── */

.charitable-progress-bar-wrap .cpb-meta {
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  font-size:       var(--cpb-meta-size);
  color:           var(--cpb-meta-color);
  font-weight:     var(--cpb-meta-weight);
}

.charitable-progress-bar-wrap .cpb-meta-above { margin-bottom: var(--cpb-meta-gap); }
.charitable-progress-bar-wrap .cpb-meta-below { margin-top:    var(--cpb-meta-gap); }

/* Inside: overlay the text centered over the bar */
.charitable-progress-bar-wrap .cpb-meta-inside {
  position:  absolute;
  inset:     0;
  display:   flex;
  align-items:     center;
  padding:   0 var(--cpb-inside-padding, 10px);
  z-index:   2;
  pointer-events: none;
}

/* Ensure cpb-meta stretches full width inside the bar so space-between works */
.charitable-progress-bar-wrap .cpb-meta-inside .cpb-meta {
  width: 100%;
}

/* ── Animations ──────────────────────────────────────────────────────────── */

/* Slide-in: scale bar fill from 0 to full width using scaleX transform */
@keyframes cpb-slide-in {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.charitable-progress-bar-wrap.cpb-anim-slide .campaign-progress-bar .bar {
  transform-origin: left center;
  animation: cpb-slide-in 0.9s ease-out forwards;
}

/* Pulse: subtle opacity breathing */
@keyframes cpb-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.65; }
}
.charitable-progress-bar-wrap.cpb-anim-pulse .campaign-progress-bar .bar {
  animation: cpb-pulse 2s ease-in-out infinite;
}

/* Shimmer: moving highlight overlay via ::after so it works over solid AND gradient fills */
@keyframes cpb-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position:  200% 0; }
}
.charitable-progress-bar-wrap.cpb-anim-shimmer .campaign-progress-bar .bar {
  overflow: hidden; /* clip the ::after pseudo-element */
}
.charitable-progress-bar-wrap.cpb-anim-shimmer .campaign-progress-bar .bar::after {
  content: '';
  position: absolute;
  inset:    0;
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgba(255,255,255,0.35) 50%,
    transparent 65%
  );
  background-size: 200% 100%;
  animation: cpb-shimmer 1.6s linear infinite;
  pointer-events: none;
}

/* ── Shadows ─────────────────────────────────────────────────────────────── */

.charitable-progress-bar-wrap.cpb-shadow-soft   .campaign-progress-bar { box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
.charitable-progress-bar-wrap.cpb-shadow-medium .campaign-progress-bar { box-shadow: 0 2px 8px rgba(0,0,0,0.22); }
.charitable-progress-bar-wrap.cpb-shadow-hard   .campaign-progress-bar { box-shadow: 0 4px 14px rgba(0,0,0,0.32); }