/* Technologia — Page produit (clair, rassurant, conversion).
   Mobile-first : base mobile, desktop en min-width.
   Compatible avec le template produit natif WooCommerce ET le custom template. */

/* ── Base ────────────────────────────────────────────── */
.tec-page-product .tec-theme,
.single-product .tec-theme {
  --r-btn: 12px;
  --r-card: 16px;
  font-family: 'Hanken Grotesk', sans-serif;
}

/* ── Stock badge ─────────────────────────────────────── */
.tec-stock-badge {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: 700;
  border-radius: 999px; padding: 6px 14px; margin: 0 0 12px;
}
.tec-stock-badge .tec-stock-dot {
  width: 8px; height: 8px; border-radius: 50%;
}
.tec-stock-ok  { background: rgba(30,158,98,.1); color: #1E7A4D; border: 1px solid rgba(30,158,98,.24); }
.tec-stock-ok .tec-stock-dot  { background: #1E9E62; }
.tec-stock-low { background: rgba(201,130,26,.1); color: #B7791F; border: 1px solid rgba(201,130,26,.24); }
.tec-stock-low .tec-stock-dot { background: #C9821A; }
.tec-stock-order { background: rgba(75,169,222,.1); color: #0B7BA6; border: 1px solid rgba(75,169,222,.24); }
.tec-stock-order .tec-stock-dot { background: #4BA9DE; }
.tec-stock-out { background: rgba(210,72,58,.1); color: #C0392B; border: 1px solid rgba(210,72,58,.24); }
.tec-stock-out .tec-stock-dot { background: #D2483A; }

/* ── Garantie chip ───────────────────────────────────── */
.tec-warranty-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: #0B5E86;
  background: #EAF6FE; border: 1px solid #CFE6F5;
  border-radius: 999px; padding: 5px 11px;
  margin-bottom: 10px;
}

/* ── Chips réassurance ────────────────────────────────── */
.tec-reassure-chips {
  display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0;
}
.tec-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: #0B5E86;
  background: #EAF6FE; border: 1px solid #CFE6F5;
  border-radius: 999px; padding: 5px 11px;
}

/* ── Confirmation téléphone ───────────────────────────── */
.tec-phone-confirm {
  font-size: 13px; font-weight: 600; color: #5A6478; margin: 10px 0 0;
}

/* ── Setup (cross-sells) ──────────────────────────────── */
.tec-setup-section {
  margin: 40px 0; padding: 0 clamp(16px,4vw,40px);
}
.tec-setup-title {
  font-family: 'Sora', sans-serif; font-weight: 800; font-size: 22px;
  color: #16244A; margin: 0 0 20px;
}
.tec-setup-rail {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
@media (min-width: 700px)  { .tec-setup-rail { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px)  { .tec-setup-rail { grid-template-columns: repeat(4, 1fr); } }

/* ── Agent strip ──────────────────────────────────────── */
.tec-agent-strip {
  background: #070C16; margin-top: 48px; padding: 28px clamp(16px,4vw,40px);
}
.tec-agent-strip-inner {
  max-width: 780px; margin: 0 auto;
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  color: #fff;
}
.tec-agent-ask { font-size: 17px; font-weight: 700; flex: 1; }
.tec-agent-link {
  font-size: 15px; font-weight: 700; color: #4FD6FF; text-decoration: none;
  white-space: nowrap;
}
.tec-agent-link:hover { text-decoration: underline; }

/* ── Bouton CTA override ──────────────────────────────── */
.single-product .single_add_to_cart_button {
  background: linear-gradient(135deg, #0B7BA6, #00A6E0) !important;
  border: 0 !important; border-radius: var(--r-btn) !important;
  color: #fff !important; font-weight: 800 !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  padding: 14px 28px !important; font-size: 16px !important;
  min-height: 52px;
}
.single-product .single_add_to_cart_button:hover {
  filter: brightness(1.07);
}

/* ── Prix override ────────────────────────────────────── */
.single-product .price {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 800 !important; font-size: 40px !important;
  color: #0B7BA6 !important; font-variant-numeric: tabular-nums;
}
.single-product .price .woocommerce-Price-currencySymbol {
  font-size: 18px; font-weight: 700; color: #6B7280; margin-left: 5px;
}

/* ── Nœud miniature ───────────────────────────────────── */
.tec-node-sm {
  position: relative; display: inline-grid; place-items: center;
  width: 30px; height: 30px; flex: none;
}
.tec-node-sm .tec-node-core {
  position: relative; z-index: 2; height: 20px; width: auto;
  filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(0,194,255,.8));
}
.tec-node-sm .tec-node-halo {
  position: absolute; left: 50%; top: 50%;
  width: 42px; height: 42px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,194,255,.4), rgba(0,194,255,0) 68%);
  transform: translate(-50%, -50%);
  animation: tec-halo-sm 3.4s ease-in-out infinite;
}
@keyframes tec-halo-sm {
  0%, 100% { opacity: .45; transform: translate(-50%,-50%) scale(1); }
  50% { opacity: .85; transform: translate(-50%,-50%) scale(1.14); }
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 480px) {
  .single-product .price { font-size: 32px !important; }
  .tec-setup-rail { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .tec-node-sm .tec-node-halo { animation: none !important; }
}