/* JAWAR V4.6.10 — Projects Category Carousel
   Isolated from the project-card carousel and the main Signature CSS. */

.jawar-signature-v4 .jb-project-tabs-carousel{
  --jcc-control:42px;
  position:relative;
  display:grid;
  grid-template-columns:var(--jcc-control) minmax(0,1fr) var(--jcc-control);
  align-items:center;
  gap:10px;
  width:min(650px,48vw);
  min-width:0;
  direction:ltr;
}

.jawar-signature-v4 .jb-project-tabs-carousel::before,
.jawar-signature-v4 .jb-project-tabs-carousel::after{
  content:"";
  position:absolute;
  z-index:2;
  top:3px;
  bottom:3px;
  width:42px;
  pointer-events:none;
  opacity:.92;
}

.jawar-signature-v4 .jb-project-tabs-carousel::before{
  left:52px;
  background:linear-gradient(90deg,var(--jb-bg,#FFF9F1) 10%,rgba(255,249,241,0));
}

.jawar-signature-v4 .jb-project-tabs-carousel::after{
  right:52px;
  background:linear-gradient(270deg,var(--jb-bg,#FFF9F1) 10%,rgba(255,249,241,0));
}

.jawar-signature-v4 .jb-project-tabs-carousel.is-at-start::after,
.jawar-signature-v4 .jb-project-tabs-carousel.is-at-end::before{
  opacity:0;
}

.jawar-signature-v4 .jb-project-tabs{
  grid-column:2;
  display:flex!important;
  align-items:center;
  gap:9px!important;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap!important;
  padding:5px 3px 7px;
  margin:0!important;
  direction:rtl;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
}

.jawar-signature-v4 .jb-project-tabs::-webkit-scrollbar{
  display:none;
}

.jawar-signature-v4 .jb-project-tabs a{
  flex:0 0 auto;
  min-width:max-content!important;
  height:42px!important;
  padding:0 18px!important;
  border:1px solid #E8DDCE!important;
  border-radius:12px!important;
  background:rgba(255,253,249,.72)!important;
  color:#7B6D5E!important;
  font-size:12px!important;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  scroll-snap-align:start;
  box-shadow:0 4px 12px rgba(73,48,20,.025);
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.jawar-signature-v4 .jb-project-tabs a:hover{
  color:#915C00!important;
  border-color:#D9B979!important;
  background:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(104,64,0,.07);
}

.jawar-signature-v4 .jb-project-tabs a.active{
  color:#815000!important;
  border-color:#D8B36A!important;
  background:linear-gradient(180deg,#FFFDF9,#FFF7E9)!important;
  box-shadow:
    inset 0 0 0 1px rgba(154,97,0,.04),
    0 7px 18px rgba(104,64,0,.07);
}

.jawar-signature-v4 .jb-project-tabs a.active::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-inline-end:8px;
  border-radius:50%;
  background:#F4A126;
  box-shadow:0 0 0 4px rgba(244,161,38,.11);
}

.jawar-signature-v4 .jb-category-carousel-btn{
  position:relative;
  z-index:4;
  display:grid;
  place-items:center;
  width:var(--jcc-control);
  height:var(--jcc-control);
  padding:0;
  border:1px solid #E2D2BC;
  border-radius:50%;
  background:#FFFDF9;
  color:#9A6100;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(78,51,19,.07);
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.jawar-signature-v4 .jb-category-carousel-btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#C99B45;
  background:#FFF8EA;
}

.jawar-signature-v4 .jb-category-carousel-btn:disabled{
  opacity:.28;
  cursor:default;
  box-shadow:none;
}

.jawar-signature-v4 .jb-category-carousel-btn i{
  font-size:12px;
}

.jawar-signature-v4 .jb-category-carousel-prev{
  grid-column:1;
}

.jawar-signature-v4 .jb-category-carousel-next{
  grid-column:3;
}

.jawar-signature-v4 .jb-project-tabs-carousel.is-static{
  grid-template-columns:minmax(0,1fr);
  width:auto;
}

.jawar-signature-v4 .jb-project-tabs-carousel.is-static .jb-project-tabs{
  grid-column:1;
  overflow:visible;
  justify-content:flex-start;
}

.jawar-signature-v4 .jb-project-tabs-carousel.is-static .jb-category-carousel-btn{
  display:none;
}

.jawar-signature-v4 .jb-project-tabs-carousel.is-static::before,
.jawar-signature-v4 .jb-project-tabs-carousel.is-static::after{
  display:none;
}

/* The heading stays balanced: title at the right, category carousel at the left. */
.jawar-signature-v4 .jb-project-heading{
  gap:42px;
}

.jawar-signature-v4 .jb-project-heading>div{
  min-width:0;
}

@media (max-width:1199px){
  .jawar-signature-v4 .jb-project-tabs-carousel{
    width:min(570px,52vw);
    --jcc-control:40px;
    gap:8px;
  }

  .jawar-signature-v4 .jb-project-tabs a{
    height:40px!important;
    padding-inline:15px!important;
    font-size:11px!important;
  }
}

@media (max-width:920px){
  .jawar-signature-v4 .jb-project-heading{
    align-items:stretch!important;
    gap:22px!important;
  }

  .jawar-signature-v4 .jb-project-tabs-carousel{
    width:100%;
    max-width:100%;
    --jcc-control:40px;
  }

  .jawar-signature-v4 .jb-project-tabs-carousel::before{
    left:49px;
  }

  .jawar-signature-v4 .jb-project-tabs-carousel::after{
    right:49px;
  }
}

@media (max-width:640px){
  .jawar-signature-v4 .jb-project-tabs-carousel{
    --jcc-control:38px;
    gap:6px;
  }

  .jawar-signature-v4 .jb-project-tabs-carousel::before{
    left:44px;
    width:28px;
  }

  .jawar-signature-v4 .jb-project-tabs-carousel::after{
    right:44px;
    width:28px;
  }

  .jawar-signature-v4 .jb-project-tabs{
    gap:7px!important;
  }

  .jawar-signature-v4 .jb-project-tabs a{
    height:38px!important;
    padding-inline:13px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
  }

  .jawar-signature-v4 .jb-category-carousel-btn{
    box-shadow:0 4px 12px rgba(78,51,19,.06);
  }
}