/* Mobile-only fix for Gutenberg rows that should stack cleanly */
@media (max-width: 768px) {

  .mobile-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    --wp--style--block-gap: 12px !important;
    min-height: auto !important;
    height: auto !important;
  }

  .mobile-stack > * {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-self: stretch !important;
    flex: 0 0 auto !important;
  }

  .mobile-stack .wp-block-group,
  .mobile-stack .wp-block-column,
  .mobile-stack .wp-block-cover,
  .mobile-stack .wp-block-media-text {
    min-height: auto !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }

  .mobile-stack .wp-block-spacer {
    height: 0 !important;
    margin: 0 !important;
  }
}
/* ==========================
   Digital Gold Stat Cards
========================== */

.dg-stat-card {
    padding: 34px;
    min-height: 260px;
    border-radius: 20px;
    background: #F0E6C5;
    border: 1px solid rgba(74,74,74,0.15);
    transition: all 0.35s ease;
    overflow: hidden;
}

.dg-stat-card:hover {
    transform: translateY(-8px);
    border-color: rgba(74,74,74,0.25);
    box-shadow: 0 24px 60px rgba(0,0,0,0.12);
}

.dg-stat-card h2,
.dg-stat-card h3,
.dg-stat-card .dg-countup,
.dg-stat-card .dg-typewriter {
    color: #222222 !important;
    font-size: clamp(2.5rem, 3vw, 3.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin-bottom: 18px;
}

.dg-countup {
    display: inline-block;
}

.dg-stat-card p {
    color: #222222 !important;
    font-size: 1.05rem;
    line-height: 1.6;
}

.dg-typewriter::after {
    content: "|";
    margin-left: 4px;
    color: #4A4A4A;
    animation: dgBlink 0.8s infinite;
}

.dg-typewriter.dg-done::after {
    display: none;
}

@keyframes dgBlink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}
.dg-stat-heading {
    color: #222222 !important;
    font-size: clamp(2.5rem, 3vw, 3.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.03em;
}
.dg-fade-up,
.dg-fade-in,
.dg-slide-left,
.dg-slide-right,
.dg-scale-in {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.dg-fade-up {
  transform: translateY(36px);
}

.dg-fade-in {
  transform: none;
}

.dg-slide-left {
  transform: translateX(-36px);
}

.dg-slide-right {
  transform: translateX(36px);
}

.dg-scale-in {
  transform: scale(0.96);
}

.dg-animate-in {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* Optional stagger delays */
.dg-delay-1 { transition-delay: 0.12s; }
.dg-delay-2 { transition-delay: 0.24s; }
.dg-delay-3 { transition-delay: 0.36s; }
.dg-delay-4 { transition-delay: 0.48s; }

/* Accessibility: respects reduced motion */
@media (prefers-reduced-motion: reduce) {
  .dg-fade-up,
  .dg-fade-in,
  .dg-slide-left,
  .dg-slide-right,
  .dg-scale-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Keep animated blocks visible inside WordPress editor */
.editor-styles-wrapper .dg-fade-up,
.editor-styles-wrapper .dg-fade-in,
.editor-styles-wrapper .dg-slide-left,
.editor-styles-wrapper .dg-slide-right,
.editor-styles-wrapper .dg-scale-in {
  opacity: 1 !important;
  transform: none !important;
}
/* ==========================
   DIGITAL GOLD HOVER EFFECTS
========================== */

/* Buttons */
.dg-button {
    transition: background .35s ease, color .35s ease, transform .35s ease, box-shadow .35s ease;
}

.dg-button:hover {
    background: #D99F31;
    color: #111;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(217,159,49,.35);
}

/* Cards */
.dg-hover-card {
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    border: 2px solid transparent;
}

.dg-hover-card:hover {
    transform: translateY(-8px);
    border-color: #D99F31;
    box-shadow: 0 24px 50px rgba(0,0,0,.12);
}

/* Scale */
.dg-hover-scale {
    transition: transform .35s ease;
}

.dg-hover-scale:hover {
    transform: scale(1.04);
}

/* Gold Glow */
.dg-glow {
    transition: all .35s ease;
}

.dg-glow:hover {
    box-shadow: 0 0 30px rgba(217,159,49,.25);
}

/* Links */
.dg-link {
    position: relative;
    text-decoration: none;
}

.dg-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #D99F31;
    transition: width .35s ease;
}

.dg-link:hover::after {
    width: 100%;
}