/* =====================================================================
   ImagineInk — Trust components (client logos, metric cards, Google
   reviews badge, testimonials). Self-contained + fully namespaced
   (iim-trust-*) with prefixed CSS vars so it cannot collide with the
   theme's style.css / ai-premium.css cascade.
   Approved mockup: ui_mockup_trust_sections.html (2026-05-28).
   ===================================================================== */

.iim-trust{
  --itr-ink:#26303c;
  --itr-accent:#1ca3dd;
  --itr-accent2:#26303c;
  --itr-bg:#f6f8fc;
  --itr-card:#ffffff;
  --itr-muted:#5b6b8c;
  --itr-line:#e6ebf4;
  --itr-star:#f5a623;
  --itr-radius:18px;
  --itr-shadow:0 10px 34px rgba(13,27,62,.08);
  --itr-shadow-lift:0 18px 50px rgba(13,27,62,.14);
  font-family:inherit;
}
.iim-trust *{box-sizing:border-box}
.iim-trust .iim-trust-eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--itr-accent);margin:0 0 10px}
.iim-trust .iim-trust-head{text-align:center;max-width:680px;margin:0 auto 38px}
.iim-trust .iim-trust-head h2{font-size:clamp(24px,3.2vw,38px);line-height:1.16;margin:0 0 12px;letter-spacing:-.01em;color:var(--itr-ink)}
.iim-trust .iim-trust-head p{color:var(--itr-muted);font-size:16.5px;margin:0}

/* ---- A. client logo trust bar ---- */
.iim-trust-bar{padding:46px 0}
.iim-trust-bar .iim-trust-lead{text-align:center;color:var(--itr-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;margin:0 0 26px}
.iim-trust-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center}
.iim-trust-logo{background:var(--itr-card);border:1px solid var(--itr-line);border-radius:14px;min-height:92px;display:flex;align-items:center;justify-content:center;padding:14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.iim-trust-logo:hover{transform:translateY(-4px);box-shadow:var(--itr-shadow);border-color:transparent}
.iim-trust-logo img{max-height:52px;max-width:100%;width:auto;filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease}
.iim-trust-logo:hover img{filter:grayscale(0);opacity:1}
@media(max-width:860px){.iim-trust-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.iim-trust-logos{grid-template-columns:repeat(2,1fr)}}

/* ---- B. metric cards ---- */
.iim-trust-metrics{background:linear-gradient(160deg,var(--itr-ink),#16294f);padding:64px 0}
.iim-trust-metrics .iim-trust-head h2{color:#fff}
.iim-trust-metrics .iim-trust-head p{color:#b9c6e6}
.iim-trust-metrics .iim-trust-eyebrow{color:#9ad7ff}
.iim-trust-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.iim-trust-metric{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--itr-radius);padding:26px 20px;text-align:center}
.iim-trust-metric .iim-trust-num{font-size:clamp(30px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#9ad7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.iim-trust-metric .iim-trust-lbl{color:#c2cdea;font-size:13.5px;margin-top:8px;font-weight:600}
@media(max-width:900px){.iim-trust-metric-grid{grid-template-columns:repeat(2,1fr)}}

/* ---- C. google reviews badge ---- */
.iim-trust-gbadge{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--itr-line);border-radius:999px;padding:13px 26px;box-shadow:var(--itr-shadow);max-width:520px;margin:0 auto 40px;text-decoration:none}
.iim-trust-gbadge .iim-trust-g{font-weight:800;font-size:17px;color:var(--itr-ink)}
.iim-trust-gbadge .iim-trust-g i:nth-child(1){color:#4285F4}.iim-trust-gbadge .iim-trust-g i:nth-child(2){color:#EA4335}.iim-trust-gbadge .iim-trust-g i:nth-child(3){color:#FBBC05}.iim-trust-gbadge .iim-trust-g i:nth-child(4){color:#4285F4}.iim-trust-gbadge .iim-trust-g i:nth-child(5){color:#34A853}
.iim-trust-gbadge .iim-trust-g i{font-style:normal}
.iim-trust-gbadge .iim-trust-rate{font-size:26px;font-weight:800;color:var(--itr-ink)}
.iim-trust-gbadge .iim-trust-count{color:var(--itr-muted);font-size:14px}

/* ---- D. testimonials ---- */
.iim-trust-testimonials{padding:64px 0;background:var(--itr-bg)}
.iim-trust-tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.iim-trust-tcard{background:var(--itr-card);border:1px solid var(--itr-line);border-radius:var(--itr-radius);padding:28px;box-shadow:var(--itr-shadow);transition:transform .25s ease,box-shadow .25s ease;position:relative}
.iim-trust-tcard:hover{transform:translateY(-5px);box-shadow:var(--itr-shadow-lift)}
.iim-trust-tcard .iim-trust-quote{position:absolute;top:16px;right:24px;font-size:54px;line-height:1;color:var(--itr-line);font-family:Georgia,serif}
.iim-trust-stars{color:var(--itr-star);letter-spacing:2px;font-size:18px;display:block;margin-bottom:12px}
.iim-trust-tcard p.iim-trust-body{font-size:15.5px;color:#33415c;margin:0 0 20px;line-height:1.6}
.iim-trust-who{display:flex;align-items:center;gap:13px}
.iim-trust-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--itr-accent),var(--itr-accent2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex:0 0 auto}
.iim-trust-name{font-weight:700;font-size:15px;color:var(--itr-ink)}
.iim-trust-role{color:var(--itr-muted);font-size:13px}
@media(max-width:760px){.iim-trust-tgrid{grid-template-columns:1fr}}