/**handles:s3m-products**/
/* ============================================================
   S3M — PRODUCTS (CPT single + ilgili loop'lar)
   Kaynaklar: ProdustIndustries loop + Industries Related Products + Strategic Outcomes loop.

   ⚠️ ÖNEMLİ — 'selector' → gerçek class dönüşümü yapıldı.
   Bu kuralların ÇALIŞMASI için Elementor'da ilgili loop item template'lerine
   AŞAĞIDAKİ class'ları eklemen gerekir (Advanced → CSS Classes):
     • Industries loop item (Loop_ProdustIndustries / 762) → s3m-ind-loop-item
     • Industries Related Products kartı                   → s3m-related-product-card
     • Strategic Outcomes loop item (5203)                 → s3m-outcome-loop
   Class eklenmezse bu efektler görünmez (ama sayfa kırılmaz).
   accent: cyan/blue — korundu.
   ============================================================ */

/* ===== INDUSTRIES LOOP ITEM (hover renk + underline) ===== */
.s3m-ind-loop-item {
  transition: 0.25s ease;
}

/* Title & short desc transition */
.s3m-ind-loop-item h4,
.s3m-ind-loop-item p,
.s3m-ind-loop-item img,
.s3m-ind-loop-item svg {
  transition: 0.25s ease;
}

/* Hover renk geçişi */
.s3m-ind-loop-item:hover h4,
.s3m-ind-loop-item:hover p {
  color: #2563EB;
}

/* Inline SVG icon hover */
.s3m-ind-loop-item:hover svg {
  stroke: #2563EB;
}

/* Eğer SVG inline değilse (img olarak geliyorsa) */
.s3m-ind-loop-item:hover img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(748%) hue-rotate(213deg) brightness(92%) contrast(92%);
}

/* Subtle underline animation */
.s3m-ind-loop-item h4 {
  position: relative;
}

.s3m-ind-loop-item h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: #2563EB;
  transition: width 0.25s ease;
}

.s3m-ind-loop-item:hover h4::after {
  width: 100%;
}

/* ===== INDUSTRIES — RELATED PRODUCTS CARD ===== */
.s3m-related-product-card{
background:#ffffff;
border:1px solid #E6E8EB;
border-radius:14px;
padding:28px;
}
.s3m-related-product-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(15,23,42,0.08);
}

/* ===== STRATEGIC OUTCOMES LOOP (icon mavi filtre) ===== */
.s3m-outcome-loop{
transition:all .25s ease;
}
.s3m-outcome-loop img{
filter: invert(36%) sepia(95%) saturate(2487%) hue-rotate(210deg) brightness(94%) contrast(92%);
}