/* ===== HEADER ===== */
.sk-header{
  position:sticky;
  top:0;
  z-index:10000;
  background:#121212;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sk-header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  padding:16px 0;
}

/* LOGO */
.sk-logo img{
  height:64px;
  display:block;
}

/* MENU */
.sk-menu{
  list-style:none;
  display:flex;
  justify-content:center;
  gap:22px;
  margin:0;
  padding:0;
}

.sk-menu > li{ position:relative; }

.sk-menu a{
  color:#b3d09f;
  text-decoration:none;
  padding:6px 10px;
  border-radius:8px;
}

.sk-menu a:hover{
  background:rgba(179,208,159,.18);
}

/* DROPDOWN DESKTOP */
@media (min-width:993px){
  .sk-menu li ul{
    position:absolute;
    top:234%;
    right:0;
    background:#fff;
    min-width:220px;
    border-radius:0px 0px 12px 12px;
    box-shadow:0 20px 40px rgba(0,0,0,.2);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.2s ease;
  }
  .sk-menu li:hover > ul{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .sk-menu li ul a{
    color:#2b3a1f;
    display:block;
    padding:10px 16px;
  }
}

/* SEARCH */
.sk-search-btn{
  all:unset;
  width:42px;
  height:42px;
  background: rgb(179 208 159 / 64%);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(179,208,159,.45);
  color:#0b1603;
}



/* MOBILE */
.sk-mobile-toggle{
  display:none;
  width:44px;
  height:44px;
  background:none;
  border:0;
  cursor:pointer;
  flex-direction:column;
  gap:6px;
}

.sk-mobile-toggle span{
  width:24px;
  height:2px;
  background:#b3d09f;
}

/* MOBILE MENU */
.sk-mobile-menu{
  position:fixed;
  top:0;
  left:0;
  width:82%;
  max-width:340px;
  height:100vh;
  background:#0b1603;
  transform:translateX(-100%);
  transition:.3s ease;
  z-index:10001;
  padding:24px;
}

.sk-mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:.3s;
  z-index:10000;
}

body.mobile-open .sk-mobile-menu{
  transform:translateX(0);
}

body.mobile-open .sk-mobile-overlay{
  opacity:1;
  pointer-events:auto;
}

/* MOBILE LINKS */
.sk-mobile-links{
  list-style:none;
  padding:0;
  margin:0;
}

.sk-mobile-links li ul{ display:none; }
.sk-mobile-links li.open > ul{ display:block; }

.sk-mobile-links a{
  color:#eaf3e4;
  text-decoration:none;
  display:block;
  padding:12px 8px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

/* RESPONSIVE */
@media (max-width:992px){
  .sk-nav,
  .sk-search-btn{ display:none; }

  .sk-mobile-toggle{ display:flex; }

  .sk-header-inner{
    grid-template-columns:auto 1fr;
  }

  .sk-logo{ justify-self:end; }
}



/* ===============================
   LOGO SIZE – FINAL FIX
================================ */

/* Desktop */
.sk-logo img{
  height: 60px;      /* عدل الرقم لو حاب */
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Tablet */
@media (max-width: 992px){
  .sk-logo img{
    height: 52px;
  }
}

/* Mobile */
@media (max-width: 480px){
  .sk-logo img{
    height: 46px;
  }
}


/* ===============================
   FULL PAGE SEARCH OVERLAY
================================ */

.sk-search-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 20000;
}

body.search-open .sk-search-overlay{
  display: flex;
}

/* صندوق البحث */
.sk-search-box{
  width: 90%;
  max-width: 720px;
}

.sk-search-box form{
  display: flex;
  gap: 10px;
}

.sk-search-box input{
  flex: 1;
  padding: 18px 20px;
  font-size: 18px;
  border-radius: 14px;
  border: 1px solid rgba(179,208,159,.45);
  background: rgba(18,18,18,.85);
  color: #eaf3e4;
}

.sk-search-box input::placeholder{
  color: rgba(234,243,228,.6);
}

.sk-search-box button{
  width: 56px;
  border-radius: 14px;
  border: 0;
  cursor: pointer;
  background: #b3d09f;
  color: #0b1603;
  font-size: 18px;
}

/* ===== MOBILE MENU CLOSE (X) ===== */
.sk-mobile-close{
  all: unset;
  cursor: pointer;
  font-size: 28px;
  color: #eaf3e4;

  position: absolute;
  top: 18px;
  right: 18px;

  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

.sk-mobile-close:hover{
  background: rgba(255,255,255,.18);
}




/* إزالة النقاط من كل دروب داون */
.sk-menu li ul,
.sk-mobile-links li ul{
  list-style: none;
  margin: 0;
  padding: 0;
}




/* عناصر الدروب داون */
.sk-menu li ul li a,
.sk-mobile-links li ul li a{
  position: relative;
  padding-left: 28px; /* مساحة للسهم */
}

/* السهم */
.sk-menu li ul li a::before,
.sk-mobile-links li ul li a::before{
  content: "›";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #7da87b;
  font-size: 18px;
  opacity: .7;
  transition: all .25s ease;
}



/* Hover effect */
.sk-menu li ul li a:hover,
.sk-mobile-links li ul li a:hover{
  background: rgba(179,208,159,.18);
  color: #2b3a1f;
}

/* تحريك السهم عند الهوفر */
.sk-menu li ul li a:hover::before,
.sk-mobile-links li ul li a:hover::before{
  transform: translate(4px, -50%);
  opacity: 1;
  color: #2a391e;
}



/* فتح دروب داون الجوال عند الضغط */
@media (max-width: 992px){
  .sk-mobile-links li.open > ul{
    display: block;
    padding-left: 12px;
    margin-top: 6px;
  }
}