/* ============================================================
   MICRO-INTERACTIONS — Global interaction layer
   Buton lift/press, kart hover lift, form focus glow,
   görsel zoom, ripple konteyneri
   ============================================================ */

/* ── CSS değişkenleri ──────────────────────────────────────── */
:root {
  --mi-spring:       cubic-bezier(0.34, 1.56, 0.64, 1);
  --mi-ease-out:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --mi-t-fast:       140ms;
  --mi-t-normal:     220ms;
  --mi-t-slow:       340ms;
  --mi-shadow-btn:   0 6px 20px rgba(0, 0, 0, 0.13);
  --mi-shadow-card:  0 12px 36px rgba(0, 0, 0, 0.11);
  --mi-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

/* ── Buton: lift + press + ripple kabı ─────────────────────── */
/*
   Bootstrap .btn, özel tema butonları.
   Swiper nav, close, icon-only butonlar hariç.
*/
.btn:not(.swiper-button-next):not(.swiper-button-prev):not(.btn-close):not([class*="mcb-"]):not(.scroll-top-btn),
.n1_btn,
.n2_btn,
.about_v1_button,
.all-reviews-btn,
.testimonial-v2-btn,
.testimonial_variant4_button,
.testimonial-v3-btn,
.serv-cat-glass-btn,
.request_form_variant1_button,
.request_form_variant2_button,
.request_form_variant3_button,
.request_form_variant4_button,
.request_form_variant5_button,
.request_form_variant6_button,
.request_form_variant7_button {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform    var(--mi-t-normal) var(--mi-spring),
    box-shadow   var(--mi-t-normal) var(--mi-ease-out),
    background-color var(--mi-t-fast) ease,
    color        var(--mi-t-fast) ease,
    border-color var(--mi-t-fast) ease !important;
}

.btn:not(.swiper-button-next):not(.swiper-button-prev):not(.btn-close):not([class*="mcb-"]):not(.scroll-top-btn):hover,
.n1_btn:hover,
.n2_btn:hover,
.about_v1_button:hover,
.all-reviews-btn:hover,
.testimonial-v2-btn:hover,
.testimonial_variant4_button:hover,
.testimonial-v3-btn:hover,
.serv-cat-glass-btn:hover,
.request_form_variant1_button:hover,
.request_form_variant2_button:hover,
.request_form_variant3_button:hover,
.request_form_variant4_button:hover,
.request_form_variant5_button:hover,
.request_form_variant6_button:hover,
.request_form_variant7_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--mi-shadow-btn) !important;
}

.btn:not(.swiper-button-next):not(.swiper-button-prev):not(.btn-close):not([class*="mcb-"]):not(.scroll-top-btn):active,
.n1_btn:active,
.n2_btn:active,
.about_v1_button:active,
.all-reviews-btn:active,
.testimonial-v2-btn:active,
.testimonial_variant4_button:active,
.testimonial-v3-btn:active,
.serv-cat-glass-btn:active,
.request_form_variant1_button:active,
.request_form_variant2_button:active,
.request_form_variant3_button:active,
.request_form_variant4_button:active,
.request_form_variant5_button:active,
.request_form_variant6_button:active,
.request_form_variant7_button:active {
  transform: translateY(0) scale(0.97) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition-duration: 80ms !important;
}

/* ── Ripple span (JS tarafından eklenir) ───────────────────── */
.mi-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  pointer-events: none;
  transform: scale(0);
  opacity: 0.5;
}

/* ── Kart hover lift ───────────────────────────────────────── */
.counter_v1_box,
.references-variant1-modern-card,
.team-modern-card,
.ops-timeline-step,
.features_variant8_card {
  transition:
    transform  var(--mi-t-normal) var(--mi-spring),
    box-shadow var(--mi-t-normal) var(--mi-ease-out) !important;
}

.counter_v1_box:hover,
.references-variant1-modern-card:hover,
.team-modern-card:hover,
.ops-timeline-step:hover,
.features_variant8_card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--mi-shadow-card) !important;
}

/* ── Blog / Proje kart görseli zoom ───────────────────────── */
.latest-blog-section .img-loading-wrapper,
.premium-projects-v1 .img-loading-wrapper,
[class*="blog-card"] .img-loading-wrapper,
[class*="project-card"] .img-loading-wrapper {
  overflow: hidden;
}

.latest-blog-section .img-loading-wrapper img,
.premium-projects-v1 .img-loading-wrapper img,
[class*="blog-card"] .img-loading-wrapper img,
[class*="project-card"] .img-loading-wrapper img {
  transition: transform var(--mi-t-slow) var(--mi-ease-out) !important;
}

.latest-blog-section .img-loading-wrapper:hover img,
.premium-projects-v1 .img-loading-wrapper:hover img,
[class*="blog-card"] .img-loading-wrapper:hover img,
[class*="project-card"] .img-loading-wrapper:hover img {
  transform: scale(1.05) !important;
}

/* ── Form input focus glow ─────────────────────────────────── */
.form-control,
.request_form_variant1_input,
.request_form_variant2_input,
.request_form_variant3_input,
.request_form_variant4_input,
.request_form_variant5_input,
.request_form_variant6_input,
.request_form_variant7_input {
  transition:
    border-color var(--mi-t-fast) ease,
    box-shadow   var(--mi-t-fast) ease !important;
}

.form-control:focus,
.request_form_variant1_input:focus,
.request_form_variant2_input:focus,
.request_form_variant3_input:focus,
.request_form_variant4_input:focus,
.request_form_variant5_input:focus,
.request_form_variant6_input:focus,
.request_form_variant7_input:focus {
  box-shadow: var(--mi-shadow-focus) !important;
  outline: none !important;
}

/* ── Fiyatlandırma kart vurgu ──────────────────────────────── */
[class*="pricing"] .card,
[class*="plan"] .card {
  transition:
    transform  var(--mi-t-normal) var(--mi-spring),
    box-shadow var(--mi-t-normal) var(--mi-ease-out) !important;
}

[class*="pricing"] .card:hover,
[class*="plan"] .card:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--mi-shadow-card) !important;
}

/* ── Reduced motion: tüm geçişleri iptal et ───────────────── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
  .mi-ripple { display: none !important; }
}