/* Pinecrest Labs — Components (cards, buttons, badges, forms) */

/* Gradient button */
.btn-grad {
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  transition: box-shadow var(--transition-base), transform .15s ease;
}
.btn-grad:hover {
  box-shadow: 0 6px 24px var(--brand-glow);
  transform: scale(1.02);
}

/* Left-icon card */
.li-card { transition: box-shadow .25s ease, border-color .25s ease; }
.li-card:hover { box-shadow: 0 6px 22px rgba(0,0,0,.08); border-color: #0ea5e9; }

/* FAQ accordion */
details summary { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
details summary::marker { display: none; }
details[open] .chv { transform: rotate(180deg); }
.chv { transition: transform .2s ease; }

/* Form inputs */
.fi { transition: border-color .2s, box-shadow .2s; }
.fi:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.12); }

/* Cookie bar */
#ck-bar { transition: transform .35s ease, opacity .35s ease; }
#ck-bar.ck-off { transform: translateY(110%); opacity: 0; pointer-events: none; }

/* Chat prompt button */
#chat-btn { transition: box-shadow .2s, transform .15s; }
#chat-btn:hover { box-shadow: 0 4px 20px var(--brand-glow); transform: scale(1.05); }