/* Daily Bible Verse — Share buttons brand colors
   Paste these at the END of assets/css/dbv.css, or drop this file in and enqueue it after dbv.css.
   Keeps existing layout/text; only colors and minor states updated.
*/

/* Base: make icons follow text color */
.dbv-share-row .dbv-share .dbv-ico,
.dbv-share-row .dbv-share svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  fill: currentColor;
}

/* Common pill button look (preserves your current spacing/shape if already set) */
.dbv-share-row .dbv-share {
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 6px 16px rgba(0,0,0,.06);
  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
  color: #fff; /* default white text unless overridden below */
  position: relative;
  z-index: 2;
}
.dbv-share-row .dbv-share:hover { transform: translateY(-1px); filter: brightness(1.05); }
.dbv-share-row .dbv-share:active { transform: translateY(0); filter: brightness(.98); }

/* Ensure share row isn't hidden by neighbors */
.dbv-verse { position: relative; overflow: visible; }
.dbv-share-row { position: relative; z-index: 30; }

/* Brand backgrounds */
.dbv-share-row .dbv-share.x  { background: #000000; color:#ffffff; }
.dbv-share-row .dbv-share.fb { background: #1877F2; color:#ffffff; }
.dbv-share-row .dbv-share.wa { background: #25D366; color:#0b2b12; } /* legible on green; opt for near-black text */
.dbv-share-row .dbv-share.li { background: #0A66C2; color:#ffffff; }
.dbv-share-row .dbv-share.tg { background: #229ED9; color:#ffffff; }

/* Instagram gradient */
.dbv-share-row .dbv-share.ig {
  background-image: linear-gradient(45deg,#F58529,#FEDA77,#DD2A7B,#8134AF,#515BD4);
  color:#ffffff;
}

/* Copy button — neutral brand */
.dbv-share-row .dbv-share.cp { background: #6B7280; color:#ffffff; } /* Tailwind gray-500-like */

/* High-contrast toggle still uses brand colors but bumps contrast/outline for legibility on photos */
.dbv-share-row.dbv-share-contrast .dbv-share {
  box-shadow: 0 0 0 2px rgba(0,0,0,.15), 0 8px 22px rgba(0,0,0,.18);
}
.dbv-share-row.dbv-share-contrast .dbv-share:hover {
  filter: brightness(1.08) saturate(1.05);
}

/* White icon edge on very bright backgrounds (subtle stroke via drop-shadow) */
.dbv-share-row .dbv-share svg { filter: drop-shadow(0 1px 0 rgba(0,0,0,.15)); }
.dbv-share-row .dbv-share.x svg { filter: drop-shadow(0 1px 0 rgba(255,255,255,.2)); } /* X on black: a gentle inner light */