/* ============================================================
   INSTAWHEW — TRUST SECTIONS
   Trust strip, guarantee, before/after comparison, cookie banner
   ============================================================ */

/* Trust strip ----------------------------------------------- */
.iw-trust-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
}
.iw-trust-badge { display: flex; flex-direction: column; align-items: center; gap: var(--space-1); text-align: center; }
.iw-trust-badge__icon  { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; }
.iw-trust-badge__icon svg { width: 1.5rem; height: 1.5rem; color: var(--accent-600); }
.iw-trust-badge__label { font-size: var(--text-sm); font-weight: 700; color: var(--text-1); }
.iw-trust-badge__sub   { font-size: var(--text-xs); color: var(--text-3); }

/* Guarantee block ------------------------------------------- */
.iw-guarantee {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-4);
  border: 2px solid var(--success);
  border-radius: var(--radius-xl);
  background: var(--success-bg);
}
/* Reset WP flow-layout margin injected between flex children */
.iw-guarantee > * { margin-block-start: 0; }
@media (max-width: 640px) { .iw-guarantee { flex-direction: column; align-items: center; text-align: center; gap: var(--space-3); } }
[data-theme="dark"] .iw-guarantee { background: rgba(12,107,56,0.08); border-color: rgba(12,107,56,0.35); }
.iw-guarantee__icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; }
.iw-guarantee__icon svg { width: 2rem; height: 2rem; color: var(--success); }
.iw-guarantee__title { font-size: var(--text-lg); font-weight: 800; color: var(--success); margin-bottom: var(--space-2); }
.iw-guarantee__body  { font-size: var(--text-sm); color: var(--text-2); line-height: var(--leading-loose); }
[data-theme="dark"] .iw-guarantee__title { color: #6ee7b7; }

/* Before/after comparison ----------------------------------- */
.iw-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
@media (max-width: 600px) { .iw-comparison { grid-template-columns: 1fr; } }
.iw-comparison__col { padding: var(--space-4); border-radius: var(--radius-lg); }
.iw-comparison__col--before { background: var(--error-bg);   border: 1px solid #fecaca; }
.iw-comparison__col--after  { background: var(--success-bg); border: 1px solid #a7f3d0; }
[data-theme="dark"] .iw-comparison__col--before { background: rgba(190,20,20,0.08); border-color: rgba(190,20,20,0.2); }
[data-theme="dark"] .iw-comparison__col--after  { background: rgba(12,107,56,0.08);  border-color: rgba(12,107,56,0.2); }
.iw-comparison__col-label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  margin-bottom: var(--space-3);
}
.iw-comparison__col--before .iw-comparison__col-label { color: var(--error); }
.iw-comparison__col--after  .iw-comparison__col-label { color: var(--success); }
[data-theme="dark"] .iw-comparison__col--before .iw-comparison__col-label { color: #fca5a5; }
[data-theme="dark"] .iw-comparison__col--after  .iw-comparison__col-label { color: #6ee7b7; }

/* Cookie consent banner ------------------------------------ */
.iw-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--surface-2);
  border-top: 1px solid var(--line-subtle);
  padding: var(--space-3) var(--space-4);
  box-shadow: 0 -2px 16px rgba(0,0,0,0.08);
}