/**handles:s3m-solutions**/
/* ============================================================
   S3M — SOLUTIONS (CPT single + archive)
   Kaynak: solutions-archive Custom CSS.
   Global smooth-scroll/:target çıkarıldı → foundation'da tanımlı.
   ============================================================ */

/* ===============================
SOLUTION BLOCK (BASE - SENİN)
=============================== */
.s3m-solution-block{
position:relative;
border-bottom:1px solid rgba(255,255,255,0.05);
transition:all .35s ease;
}

/* REVERSE */
.s3m-solution-block.reverse .e-con-inner{
flex-direction:row-reverse;
}

/* IMAGE */
.s3m-solution-image img{
border-radius:12px !important;
}

/* SPACING */
.s3m-solution-block .s3m-text-body{
margin-bottom:16px;
}

/* ===============================
HOVER EFFECT
=============================== */
.s3m-solution-block:hover{
transform:translateY(-6px);
border-color:#38BDF8;

box-shadow:
0 20px 40px -12px rgba(0,0,0,.45),
0 0 0 1px rgba(56,189,248,.25);
}

/* ===============================
ACTIVE STATE (SCROLL + CLICK)
=============================== */
.s3m-solution-block.active{
border-color:#38BDF8;

box-shadow:
0 0 0 1px rgba(56,189,248,.4),
0 0 25px rgba(56,189,248,.25);

transform:translateY(-4px);
}

/* ACTIVE LEFT BAR */
.s3m-solution-block.active::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:100%;
background:#38BDF8;
border-radius:4px;
}

/* ===============================
ANCHOR TARGET (URL HASH)
=============================== */
.s3m-solution-block:target{
animation:s3mSolutionHighlight 1.2s ease;

border-color:#38BDF8;
box-shadow:
0 0 0 1px rgba(56,189,248,.4),
0 0 30px rgba(56,189,248,.3);
}

@keyframes s3mSolutionHighlight{
0%{
transform:scale(1);
box-shadow:none;
}
50%{
transform:scale(1.02);
box-shadow:0 0 30px rgba(56,189,248,.45);
}
100%{
transform:scale(1);
}
}



/* TEXT MOVE */
.s3m-solution-block:hover .s3m-icon-list li{
transform:translateX(3px);
opacity:1;
}

/* ===============================
RELATED PRODUCTS - DARK FIX (SENİN)
=============================== */
.s3m-section-dark .s3m-related-products{
color:rgba(255,255,255,0.7);
margin-top:16px;
font-size:14px;
}

.s3m-section-dark .s3m-related-link{
color:#38BDF8;
text-decoration:none;
font-weight:500;
}

.s3m-section-dark .s3m-related-link:hover{
color:#7DD3FC;
text-decoration:underline;
}