/* ── Nuromet shared styles ── */

/* Preloader — tüm sayfalarda siyah arka plan */
.cs_preloader_wrap {
  background: #000000 !important;
}
.cs_preloader_percentage_wrapper {
  background: #000000 !important;
}
.cs_preloader_percentage {
  color: #ffffff !important;
}
.cs_preloader_trackbar { background: #333333 !important; }
.cs_preloader_loadbar { background: #ffffff !important; }

/* Navbar */
.cs_site_header,
.cs_main_header {
  background: rgba(79, 79, 79, 0.75) !important;
  backdrop-filter: blur(6px);
}
.cs_site_header.cs_sticky_active {
  background: rgba(79, 79, 79, 0.75) !important;
  box-shadow: none !important;
}
.cs_nav .cs_nav_list > li > a,
.cs_site_header .cs_site_branding { color: #ffffff !important; }

/* Footer */
.cs_footer {
  background: #4f4f4f !important;
  color: #ffffff;
  padding-top: 45px !important;
}
.cs_footer .cs_footer_title,
.cs_footer h2,
.cs_footer h3,
.cs_footer .cs_social_btns { color: #ffffff !important; }
.cs_footer a,
.cs_footer .cs_text_btn span { color: #ffffff !important; }
.cs_footer p,
.cs_footer .cs_copyright { color: rgba(255, 255, 255, 0.75) !important; }
.cs_footer .cs_footer_menu a,
.cs_footer .cs_copyright_nav a { color: rgba(255, 255, 255, 0.75) !important; }
.cs_footer .cs_social_btns li a { border-color: rgba(255, 255, 255, 0.4) !important; }
.cs_footer .cs_bottom_footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 0 !important;
}
.cs_footer .cs_social_btns { margin-bottom: 24px !important; }
.cs_footer .cs_btn.cs_style_1 { background: #ffffff !important; border-color: #ffffff !important; }
.cs_footer .cs_btn.cs_style_1 span { color: #4f4f4f !important; }
.cs_footer .cs_scrollup { color: #ffffff !important; }

/* Page hero (inner pages) */
.nmr_page_hero {
  background: #ffffff;
  padding: 160px 0 80px;
  border-bottom: 1px solid #e8e8e8;
}
.nmr_page_hero h1 { font-size: clamp(2.4rem, 4vw, 3.6rem); color: #333; margin-bottom: 16px; }
.nmr_breadcrumb { font-size: 14px; color: #888; }
.nmr_breadcrumb a { color: #555; text-decoration: none; }
.nmr_breadcrumb a:hover { color: #333; }

/* Section colour helpers */
.nmr_white { background: #ffffff; padding: 90px 0; }
.nmr_grey  { background: #4f4f4f; padding: 90px 0; color: #fff; }
.nmr_grey h2,
.nmr_grey h3,
.nmr_grey .nmr_section_heading { color: #fff; }
.nmr_grey p { color: rgba(255, 255, 255, 0.82); }

/* Typography helpers */
.nmr_section_tag {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: none;
  color: #888;
  margin-bottom: 14px;
}
.nmr_section_heading {
  font-size: clamp(1.6rem, 2.5vw, 2.4rem);
  font-weight: 700;
  color: #333;
  line-height: 1.25;
  margin-bottom: 24px;
}
.nmr_intro_lead {
  font-size: 17px;
  line-height: 1.8;
  color: #555;
}

/* Reusable decorative divider */
.nmr_divider {
  width: 48px;
  height: 3px;
  background: #4f4f4f;
  margin-bottom: 28px;
}

/* Navbar — centered layout */
.cs_site_header.cs_style1 .cs_main_header_in {
  height: auto !important;
  min-height: 90px;
  padding: 8px 0;
  justify-content: center !important;
  gap: 32px;
}
.cs_site_header .cs_main_header { overflow: visible !important; }
.cs_main_header_left {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.cs_main_header_right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.cs_site_branding { padding: 0 12px !important; }
.cs_site_branding img { max-height: none !important; margin-left: 0 !important; height: 80px !important; width: auto !important; }

/* Nav links — smaller font and tighter spacing */
.cs_nav .cs_nav_list > li > a { font-size: 12px !important; padding: 6px 0 !important; }
.cs_nav .cs_nav_list > li { margin-right: 20px !important; }

/* Nav links — disable CSS uppercase to preserve Turkish İ */
.cs_nav .cs_nav_list > li > a,
.cs_nav_2 .cs_animo_links > li > a { text-transform: none !important; }

/* Makine Parkuru nav link — prevent wrapping */
.cs_nav_list a[href="/makine-parkuru"],
.cs_nav_2 a[href="/makine-parkuru"] {
  white-space: nowrap !important;
}

/* Grid photo image (used in hakkimizda) */
.nmr_grid_img {
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

/* Language switcher */
.nmr_lang_switch {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  flex-shrink: 0;
}
.nmr_lang_switch a {
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
.nmr_lang_switch a:hover { color: #fff !important; }
.nmr_lang_switch .nmr_lang_active { color: #fff !important; }
.nmr_lang_switch .nmr_lang_sep { color: rgba(255,255,255,0.3); }

/* ════════════════════════════════════════
   MOBILE RESPONSIVE
   ════════════════════════════════════════ */

/* ── Mobilde WOW.js animasyonlarını kapat (scroll'da boş background sorunu) ── */
@media (max-width: 991px) {
  .wow {
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .animated {
    animation: none !important;
    -webkit-animation: none !important;
    opacity: 1 !important;
  }
}

/* ── Tablet (≤991px) ── */
@media (max-width: 991px) {

  /* Navbar: switch from centered to space-between */
  .cs_site_header.cs_style1 .cs_main_header_in {
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 0 12px 0 52px !important; /* left pad = room for hamburger */
    min-height: 70px;
  }
  .cs_site_branding img { height: 56px !important; }
  .cs_site_branding { padding: 0 8px !important; }
  .cs_main_header_right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .cs_toolbox { flex-shrink: 0; }
  .nmr_lang_switch { margin-left: 0 !important; flex-shrink: 0; }

  /* Hamburger (cs_menu_toggle): move to the left side of the navbar */
  .cs_menu_toggle {
    right: auto !important;
    left: 12px !important;
    color: #ffffff !important;
  }

  /* Mobile nav slide-panel: grey background so white links are readable */
  .cs_nav .cs_nav_list {
    background-color: #4f4f4f !important;
    padding-left: 32px !important;
  }
  .cs_nav .cs_nav_list > li > a {
    color: #ffffff !important;
    padding-left: 0 !important;
  }

  /* Page hero */
  .nmr_page_hero { padding: 110px 0 50px; }

  /* Sections */
  .nmr_white { padding: 60px 0; }
  .nmr_grey  { padding: 60px 0; }

  /* Hero split (index) */
  .cs_hero_split_wrap.cs_style_1,
  .cs_hero.cs_style_1.cs_hero_split_wrap {
    margin-top: 70px !important;
  }

  /* Machine cards: reduce image height in 2-col layout */
  .nmr_machine_card_img { height: 200px; }
  .nmr_machine_grid { gap: 20px; }

  /* Value cards (hakkimizda) */
  .nmr_value_card { padding: 32px 24px; }

  /* Process step connector line: hide in 2-col layout */
  .nmr_process_step::after { display: none !important; }
}

/* ── Mobile (≤767px) ── */
@media (max-width: 767px) {

  /* Navbar */
  .cs_site_header.cs_style1 .cs_main_header_in { min-height: 60px; }
  .cs_site_branding img { height: 44px !important; }
  .nmr_lang_switch { font-size: 11px; gap: 4px; margin-left: 8px; }

  /* Page hero */
  .nmr_page_hero { padding: 88px 0 36px; }
  .nmr_page_hero h1 { font-size: clamp(1.6rem, 6vw, 2.4rem); }
  .nmr_intro_lead { font-size: 15px; }
  .nmr_breadcrumb { font-size: 13px; }

  /* Sections */
  .nmr_white { padding: 48px 0; }
  .nmr_grey  { padding: 48px 0; }

  /* Section headings */
  .nmr_section_heading { font-size: clamp(1.4rem, 5vw, 2rem); margin-bottom: 16px; }

  /* Divider */
  .nmr_divider { margin-bottom: 20px; }

  /* Footer: stack left/right */
  .cs_top_footer {
    flex-direction: column !important;
    gap: 36px !important;
  }
  .cs_top_footer_left,
  .cs_top_footer_right { width: 100% !important; }
  .cs_footer_menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 20px !important;
  }
  .cs_footer_menu li { margin: 0 !important; }

  /* Manufacturing detail: images stack above text */
  .nmr_imalat_detail { padding: 32px 0; }
  .nmr_imalat_detail + .nmr_imalat_detail { border-top: 1px solid #e8e8e8; }

  /* Machine cards */
  .nmr_machine_card_img { height: 180px; }
  .nmr_machine_card_body { padding: 14px 16px 18px; }
  .nmr_machine_grid { gap: 16px; }
  .nmr_machine_card_title { font-size: 14px; }

  /* Reference cards */
  .nmr_ref_card { padding: 24px 16px 20px; }
  .nmr_ref_logo_wrap { height: 60px; margin-bottom: 14px; }
  .nmr_ref_logo_wrap img { max-height: 60px; }

  /* Process steps */
  .nmr_process_step { padding: 16px 8px; }
  .nmr_process_step p { font-size: 13px; }

  /* Value cards (hakkimizda) */
  .nmr_value_card { padding: 24px 18px; }
  .nmr_value_card p { font-size: 14px; }

  /* Stats */
  .nmr_stat_item { padding: 20px 8px; }

  /* FAQ */
  .nmr_faq_question { font-size: 15px !important; gap: 10px !important; }
  .nmr_faq_answer { font-size: 14px !important; line-height: 1.7 !important; }
}

/* ── Small phones (≤480px) ── */
@media (max-width: 480px) {
  .nmr_page_hero { padding: 80px 0 28px; }
  .nmr_white { padding: 36px 0; }
  .nmr_grey  { padding: 36px 0; }
  .container { padding-left: 16px; padding-right: 16px; }

  /* Machine cards */
  .nmr_machine_card_img { height: 150px; }
  .nmr_machine_grid { gap: 12px; }

  /* Reference cards */
  .nmr_ref_card { padding: 20px 12px 16px; }
  .nmr_ref_logo_wrap { height: 50px; }
  .nmr_ref_logo_wrap img { max-height: 50px; }

  /* Process steps */
  .nmr_process_step { padding: 12px 4px; }
  .nmr_process_num { width: 44px; height: 44px; font-size: 16px; margin-bottom: 14px; }

  /* FAQ */
  .nmr_faq_answer { padding-left: 0 !important; }
  .nmr_faq_question { font-size: 14px !important; }

  /* Value cards */
  .nmr_value_card { padding: 20px 14px; }
}