/*
Theme Name: Razor Family
Author: Razor
Version: 1.0
*/

/* ===== FONT (opsiyonel ama temiz) ===== */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700&family=Rajdhani:wght@600;700&display=swap");

/* ===== RESET ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;}
img{max-width:100%;height:auto;display:block;}

/* ===== GLOBAL BG ===== */
body{
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
  background:#000;
  background-image:url("https://razorfamily.com/wp-content/uploads/2026/01/file_00000000fb4071f49af70aa0b50fa81b.png");
  background-repeat:repeat;
  background-position:center top;
  background-attachment:fixed;
}

/* WP/Elementor arka planlarını şeffafla */
#page,.site,#content,.elementor,.elementor-page,.elementor-section-wrap{
  background:transparent !important;
}

/* ===== HEADER ===== */
.rf-header{
  position:relative;
  width:100%;
  z-index:9999;
}

/* Üst header görseli */
.rf-header-top{
  position:relative;

  /* PC + mobil uyumlu “basık/taşmayan” yükseklik */
  height: clamp(240px, 42vw, 524px);

  background-image:url("https://razorfamily.com/wp-content/uploads/2026/01/file_00000000ab7471f4affbb80ffde370c7.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;

  overflow:hidden;
}

/* Menü: görselin içine bindir */
.rf-header-inner{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom: clamp(14px, 3.5vw, 50px);
  width:min(1300px, 96vw);

  display:flex;
  align-items:center;
  justify-content:center;

  /* SENİN “sis/solukluk yok” isteğin */
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;

  padding:0 !important;
  gap:0 !important;
}

/* Soldaki RazorFamily yazısı ve logo alanı: tamamen yok */
.rf-brand,
.rf-logo,
.rf-header .rf-brand,
.rf-header .rf-logo{
  display:none !important;
}

/* ===== MENÜ LİSTESİ (asıl hedef: .rf-menu) ===== */
.rf-nav{flex:1;}
.rf-nav ul,
.rf-menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
}

/* Butonlar arası mesafe + sağa kaydırma (senin ayarların) */
.rf-menu{
  gap:60px !important;
  transform:translateX(26px);
}

/* Tek tek kaydırmalar (senin “slot” ayarın) */
.rf-menu > li{position:relative;}
.rf-menu > li:nth-child(1){left:-80px; top:0px;}
.rf-menu > li:nth-child(2){left:-70px; top:0px;}
.rf-menu > li:nth-child(3){left:-65px; top:0px;}
.rf-menu > li:nth-child(4){left:-20px; top:0px;}
.rf-menu > li:nth-child(5){left: 47px; top:0px;}

/* ===== MENÜ YAZISI (sadece yazı, arka plan/çerçeve yok) ===== */
.rf-menu a,
.rf-nav a{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  /* Buton boyutu: senin büyüttüğün hali */
  padding:14px 26px !important;

  /* Yazı görünümü */
  font-family:"Orbitron","Rajdhani","Arial Black",Arial,sans-serif;
  font-weight:700 !important;
  font-size:31px !important;
  letter-spacing:1px !important;
  text-transform:uppercase;

  color:#e8fef0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  /* Arka plan yok, sadece okunurluk için gölge */
  text-shadow:
    0 0 2px rgba(0,0,0,.9),
    0 0 6px rgba(0,0,0,.8) !important;

  line-height:1 !important;
}

/* Hover: arka plan yine yok, sadece hafif yeşil parıltı */
.rf-menu a:hover,
.rf-nav a:hover{
  background:transparent !important;
  box-shadow:0 0 10px rgba(120,255,120,.15) !important;
  transform:none !important;
}

/* Aktif sayfa */
.rf-menu .current-menu-item > a,
.rf-menu .current_page_item > a{
  box-shadow:0 0 12px rgba(120,255,120,.22) !important;
}

/* ===== İÇERİK KUTUSU ===== */
.rf-main{
  max-width:1300px;
  margin:40px auto;
  padding:36px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(120,255,120,.18);
  border-radius:14px;
  box-shadow:0 0 40px rgba(0,255,120,.12);
}

/* ===== MOBİL KİLİT (en yakın görünüm) ===== */
@media (max-width:768px){

  /* Mobilde header’ı “40px” yapıp mahvetmiyoruz. Logo görünsün. */
  .rf-header-top{
    height: clamp(200px, 55vw, 320px);
  }

  /* Menü taşmasın diye küçült, ama karakteri koru */
  .rf-menu{
    gap:22px !important;
    transform:translateX(10px);
    flex-wrap:wrap !important;
    justify-content:center !important;
  }

  /* Tek tek li kaydırmalar mobilde abartı kaçmasın */
  .rf-menu > li:nth-child(1),
  .rf-menu > li:nth-child(2),
  .rf-menu > li:nth-child(3),
  .rf-menu > li:nth-child(4),
  .rf-menu > li:nth-child(5){
    left:0px; top:0px;
  }

  /* Yazı boyutu: mobilde taşmayı engelle */
  .rf-menu a,
  .rf-nav a{
    font-size:18px !important;
    padding:10px 14px !important;
  }

  .rf-main{
    margin:18px auto;
    padding:18px;
  }
}