/* =========================================================
   SELÇUK YEM V5.15 — HERO İLE BÜTÜNLEŞİK MENÜ + LOGO ROZETİ
   - Sadece ana sayfada header sliderın üzerine taşınır.
   - Mevcut Selçuk Yem logosu değiştirilmez.
   - Logo beyaz, aşağı sarkan bir rozet içinde daha büyük kullanılır.
   - Hero/footer onaylı dalga assetlerine dokunulmaz.
   ========================================================= */

/* ---------------- DESKTOP ---------------- */
@media (min-width:981px){
  body.home-page > .site-header{
    position:absolute!important;
    inset:0 0 auto 0!important;
    z-index:120!important;
    width:100%!important;
    max-width:none!important;
    height:118px!important;
    margin:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,
      rgba(5,17,27,.62) 0%,
      rgba(5,17,27,.36) 54%,
      rgba(5,17,27,0) 100%)!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.home-page > .site-header.scrolled{
    background:linear-gradient(180deg,
      rgba(5,17,27,.68) 0%,
      rgba(5,17,27,.40) 54%,
      rgba(5,17,27,0) 100%)!important;
    box-shadow:none!important;
  }

  body.home-page .site-header .nav-wrap{
    width:min(1540px,calc(100% - 70px))!important;
    max-width:none!important;
    height:106px!important;
    margin-inline:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:34px!important;
    overflow:visible!important;
  }

  /* Mevcut site logosu, sadece yerleşim/ölçü değişir. */
  body.home-page .site-header .brand{
    position:relative!important;
    z-index:3!important;
    width:260px!important;
    height:142px!important;
    flex:0 0 260px!important;
    margin:0!important;
    padding:23px 27px 19px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border-radius:0 0 34px 34px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.23)!important;
    isolation:isolate!important;
  }
  body.home-page .site-header .brand::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:13px;
    right:-5px;
    bottom:-9px;
    height:42px;
    background:#075bad;
    border-radius:0 0 31px 31px;
    transform:skewX(-5deg);
    transform-origin:left bottom;
  }
  body.home-page .site-header .brand img{
    display:block!important;
    width:210px!important;
    height:84px!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
  }

  body.home-page .site-header .nav{
    height:92px!important;
    margin:0 0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(24px,2.15vw,42px)!important;
    font-size:clamp(12px,.78vw,14.5px)!important;
    letter-spacing:.01em!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    color:#fff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.48)!important;
  }
  body.home-page .site-header .nav>a{
    color:#fff!important;
    height:92px!important;
    opacity:.98!important;
  }
  body.home-page .site-header .nav>a:hover{
    color:#83d544!important;
  }
  body.home-page .site-header .nav>a small{
    color:#fff!important;
    font-size:12px!important;
    opacity:.9!important;
  }
  body.home-page .site-header .nav>a.active{
    color:#fff!important;
  }
  body.home-page .site-header .nav>a.active:after{
    bottom:18px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#7bc83b!important;
    box-shadow:0 1px 6px rgba(0,0,0,.18)!important;
  }
  body.home-page .site-header .nav-wrap::after{
    display:none!important;
    content:none!important;
  }

  /* V5.14'teki beyaz üst fade kaldırılır; fotoğraf menünün arkasına kadar gelir. */
  body.home-page .approved-hero-stage::before{
    display:none!important;
    content:none!important;
  }

  body.home-page .approved-hero-stage{
    height:610px!important;
  }
  body.home-page .approved-hero-art{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  body.home-page .approved-hero-inner{
    position:relative!important;
    z-index:7!important;
    height:100%!important;
  }
  body.home-page .approved-hero-copy{
    width:48%!important;
    padding-top:205px!important;
  }
  body.home-page .approved-hero-copy h1 span,
  body.home-page .approved-hero-copy h1 strong{
    font-size:clamp(46px,3vw,58px)!important;
    line-height:1.00!important;
  }
  body.home-page .approved-hero-copy p{
    max-width:620px!important;
    font-size:17px!important;
    line-height:1.62!important;
  }

  /* Menü ile sliderın üst birleşiminde sert çizgi kalmasın. */
  body.home-page .approved-hero-stage{
    box-shadow:inset 0 24px 34px -34px rgba(255,255,255,.22)!important;
  }
}

/* ---------------- TABLET / MOBILE ---------------- */
@media (max-width:980px){
  body.home-page > .site-header{
    position:absolute!important;
    inset:0 0 auto 0!important;
    z-index:120!important;
    width:100%!important;
    max-width:none!important;
    height:92px!important;
    margin:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(5,17,27,.62),rgba(5,17,27,.18) 70%,rgba(5,17,27,0))!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.home-page .site-header .nav-wrap{
    width:calc(100% - 26px)!important;
    height:82px!important;
    padding:0!important;
    align-items:flex-start!important;
    overflow:visible!important;
  }
  body.home-page .site-header .brand{
    position:relative!important;
    z-index:4!important;
    width:176px!important;
    height:101px!important;
    flex:0 0 176px!important;
    padding:15px 16px 13px!important;
    background:#fff!important;
    border-radius:0 0 24px 24px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
    justify-content:center!important;
  }
  body.home-page .site-header .brand::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:9px;
    right:-3px;
    bottom:-6px;
    height:29px;
    background:#075bad;
    border-radius:0 0 22px 22px;
    transform:skewX(-5deg);
  }
  body.home-page .site-header .brand img{
    width:145px!important;
    height:61px!important;
    object-fit:contain!important;
  }
  body.home-page .site-header .menu-toggle{
    margin:24px 4px 0 auto!important;
    position:relative!important;
    z-index:5!important;
  }
  body.home-page .site-header .menu-toggle span{
    background:#fff!important;
    box-shadow:0 1px 4px rgba(0,0,0,.35)!important;
  }
  body.home-page .site-header .nav{
    top:82px!important;
    left:13px!important;
    right:13px!important;
    background:rgba(255,255,255,.98)!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 18px 34px rgba(5,22,33,.20)!important;
    padding:12px 18px 18px!important;
  }
  body.home-page .site-header .nav>a,
  body.home-page .site-header .nav>a small{
    color:#18232b!important;
    text-shadow:none!important;
  }
  body.home-page .approved-hero-stage::before{
    display:none!important;
    content:none!important;
  }
  body.home-page .approved-hero-stage{
    height:620px!important;
  }
  body.home-page .approved-hero-art{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  body.home-page .approved-hero-art .hero-cattle-slide img{
    inset:-2%!important;
    width:104%!important;
    height:104%!important;
    object-position:58% center!important;
  }
  body.home-page .approved-hero-art::after{
    background:linear-gradient(90deg,
      rgba(4,18,11,.72) 0%,
      rgba(4,18,11,.48) 50%,
      rgba(4,18,11,.12) 80%,
      rgba(4,18,11,0) 100%)!important;
  }
  body.home-page .approved-hero-inner{
    height:100%!important;
  }
  body.home-page .approved-hero-copy{
    width:82%!important;
    padding-top:190px!important;
  }
  body.home-page .approved-hero-copy h1 span,
  body.home-page .approved-hero-copy h1 strong{
    font-size:38px!important;
  }
  body.home-page .approved-hero-copy p{
    max-width:560px!important;
    font-size:13px!important;
  }
}

@media (max-width:560px){
  body.home-page > .site-header{height:80px!important;}
  body.home-page .site-header .nav-wrap{height:72px!important;}
  body.home-page .site-header .brand{
    width:150px!important;
    height:89px!important;
    flex-basis:150px!important;
    padding:12px 13px 11px!important;
    border-radius:0 0 20px 20px!important;
  }
  body.home-page .site-header .brand::after{
    bottom:-5px;
    height:24px;
    border-radius:0 0 18px 18px;
  }
  body.home-page .site-header .brand img{
    width:126px!important;
    height:54px!important;
  }
  body.home-page .site-header .menu-toggle{margin-top:21px!important;}
  body.home-page .site-header .nav{top:72px!important;}
  body.home-page .approved-hero-stage{height:590px!important;}
  body.home-page .approved-hero-copy{
    width:92%!important;
    padding-top:158px!important;
  }
  body.home-page .approved-hero-copy h1 span,
  body.home-page .approved-hero-copy h1 strong{
    font-size:31px!important;
  }
  body.home-page .approved-hero-copy p{
    font-size:11.5px!important;
    line-height:1.55!important;
  }
  body.home-page .approved-hero-actions{
    gap:9px!important;
  }
  body.home-page .approved-btn{
    min-width:0!important;
    width:auto!important;
    padding:0 16px!important;
    height:45px!important;
    font-size:9px!important;
  }
}

/* Orta masaüstü: rozet ve menü taşmadan aynı görünümü korur. */
@media (min-width:981px) and (max-width:1180px){
  body.home-page .site-header .nav-wrap{
    width:calc(100% - 34px)!important;
    gap:18px!important;
  }
  body.home-page .site-header .brand{
    width:208px!important;
    height:126px!important;
    flex-basis:208px!important;
    padding:20px 20px 16px!important;
  }
  body.home-page .site-header .brand img{
    width:174px!important;
    height:72px!important;
  }
  body.home-page .site-header .nav{
    gap:18px!important;
    font-size:10.2px!important;
  }
  body.home-page .site-header .nav>a small{font-size:10px!important;}
  body.home-page .approved-hero-copy{
    width:54%!important;
    padding-top:188px!important;
  }
  body.home-page .approved-hero-copy h1 span,
  body.home-page .approved-hero-copy h1 strong{
    font-size:44px!important;
  }
}