/* =========================================================
   TECHBROT — INLINE SVG ICON SYSTEM (BSS SAFE)
   No external SVG files. No mask. No path issues.
   ========================================================= */

.tb-ico {
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
}

/* =========================================================
   CHECK ICON (GREEN)
   ========================================================= */

.tb-ico-check {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%2328a745' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.4-1.4z'/>\ </svg>");
}

/* =========================================================
   PHONE ICON (WHITE)
   ========================================================= */

.tb-ico-phone {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%23ffffff' d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2\ a1 1 0 01.95-.27 11.36 11.36 0 003.56.57\ 1 1 0 011 1V20a1 1 0 01-1 1\ A17 17 0 013 4a1 1 0 011-1h3.5\ a1 1 0 011 1c0 1.24.2 2.45.57 3.57\ .12.37.02.78-.24 1.01l-2.2 2.21z'/>\ </svg>");
}

/* =========================================================
   ALERT / WARNING ICON (RED)
   ========================================================= */

.tb-ico-alert {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%23d9534f' d='M1 21h22L12 2 1 21z'/>\ </svg>");
}

/* =========================================================
   OPTIONAL CONTEXT SPACING (SAFE)
   ========================================================= */

.tb-cta .tb-ico {
  margin-right: 8px;
}

.tb-local-item .tb-ico {
  margin-top: 4px;
}

/* =========================================================
   TECHBROT — INLINE SVG ICON SYSTEM (DATA URI)
   Bootstrap Studio SAFE — no external files
   ========================================================= */

.tb-ico {
  display: inline-block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ---------- BENEFITS ICONS ---------- */

.tb-ico-certified {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='11' fill='%2328a745' opacity='.18'/>\ <path fill='%2328a745' d='M9 12l2 2 4-4M7 12a5 5 0 0110 0 5 5 0 01-10 0z'/>\ </svg>");
}

.tb-ico-fast {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='11' fill='%2328a745' opacity='.18'/>\ <path fill='%2328a745' d='M13 3l-1 6h4l-5 12 1-7H8l5-11z'/>\ </svg>");
}

.tb-ico-pricing {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='11' fill='%2328a745' opacity='.18'/>\ <path stroke='%2328a745' stroke-width='1.6' stroke-linecap='round' d='M12 6v12M8 10h8M9 18h6'/>\ </svg>");
}

.tb-ico-shield {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%2328a745' opacity='.18' d='M12 2l8 4v6c0 5.5-3.6 10.3-8 12-4.4-1.7-8-6.5-8-12V6l8-4z'/>\ <path stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 12l2 2 4-4'/>\ </svg>");
}

/* ---------- CASE STUDY ICONS ---------- */

.tb-ico-check-circle {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='10' fill='%2328a745' opacity='.13'/>\ <path stroke='%2328a745' stroke-width='1.6' fill='none' d='M8 13l3 3 6-7'/>\ </svg>");
}

.tb-ico-growth {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='10' fill='%2328a745' opacity='.13'/>\ <path stroke='%2328a745' stroke-width='1.6' fill='none' d='M12 6v6l3 3m-3-3l-3 3'/>\ </svg>");
}

.tb-ico-bars {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='10' fill='%2328a745' opacity='.13'/>\ <path stroke='%2328a745' stroke-width='1.6' fill='none' d='M6 16V8m4 8V6m4 10V10m4 6V4'/>\ </svg>");
}

.tb-ico-verified {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='10' fill='%2328a745' opacity='.18'/>\ <path stroke='%2328a745' stroke-width='1.8' fill='none' d='M8 12l2.5 2 4.5-5'/>\ </svg>");
}

/* ---------- RELATED SERVICES ---------- */

.tb-ico-clock {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='10' fill='%2328a745'/>\ <path fill='%23fff' d='M12 7v5l3 3'/>\ </svg>");
}

.tb-ico-warning {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%2328a745' d='M1 21h22L12 2 1 21z'/>\ </svg>");
}

.tb-ico-list {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%2328a745' d='M4 3h16v2H4zm2 4h12v2H6zm-2 4h16v2H4zm2 4h12v2H6z'/>\ </svg>");
}

.tb-ico-file {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='%2328a745' d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5'/>\ </svg>");
}

.tb-ico-arrow-right {
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path fill='none' stroke='%2328a745' stroke-width='2' d='M9 5l7 7-7 7'/>\ </svg>");
}

/* =========================================================
   CHECK CIRCLE ICON — REUSED EVERYWHERE
   ========================================================= */

.tb-ico-check-circle {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <circle cx='12' cy='12' r='11' fill='%2328a745' opacity='.18'/>\ <path fill='%2328a745' d='M17.6 8.2l-6.3 6.4-3-3 1.4-1.4 1.6 1.6 4.9-5z'/>\ </svg>");
}

.tb-cta .tb-phone-ico path {
  fill: #ffffff;
}