/* Han Manşet v1.4.1 – editor-safe, tablet controls, colorable pager */
.hanm-slider{ position:relative; background:var(--hanm-bg,#111); color:var(--hanm-fg,#fff); overflow:hidden; border-radius:var(--hanm-radius,6px); }
.hanm-slider *{ box-sizing:border-box; }
.hanm-viewport{ width:100%; overflow:hidden; height: var(--hanm-height, 420px); }
.hanm-track{ display:flex; flex-direction:row; flex-wrap:nowrap; will-change: transform; transition: transform .45s ease; backface-visibility:hidden; transform: translateZ(0); }

.hanm-item{
  position:relative;
  width: calc(100% / var(--hanm-per-view, 1));
  flex: 0 0 calc(100% / var(--hanm-per-view, 1));
  height: var(--hanm-height, 420px);
  isolation:isolate;
  display:inline-block; /* fallback */
  vertical-align: top;
}
.hanm-img{
  position:absolute; inset:0; width:100%; height:100%;   object-fit: contain; object-position:top center;
  display:block; pointer-events:none; user-select:none;
}
.hanm-item::before{
  content:""; position:absolute; inset:0; z-index:1;
}
.hanm-link{ position:absolute; inset:0; display:block; z-index:2; text-decoration:none; }
.hanm-title{
  position:absolute; left:24px; right:24px; bottom:24px;
  font-size: clamp(20px, 3vw, 42px);
  line-height:1.12; font-weight: var(--hanm-title-weight, 800); color:var(--hanm-title-color,#fff); margin:0;
  text-shadow: 0 2px 6px rgba(0,0,0,.5);
}
.hanm-badge{
  position:absolute; right:16px; bottom:16px; z-index:2;
  background:#d00; color:#fff; font-weight:700; font-size:12px; letter-spacing:.4px;
  padding:6px 10px; border-radius:6px;
}

/* Pager (numaratör) */
.hanm-pager{
  --gap: var(--hanm-pager-gap, 6px);
  --w:   var(--hanm-pager-width, 34px);
  --fw:  var(--hanm-pager-font-weight, 800);
  --ff:  var(--hanm-pager-font, inherit);
  margin: var(--hanm-pager-marg-y,0) var(--hanm-pager-marg-x,0);
  display:flex; gap:var(--gap);
  padding:var(--hanm-pager-pad-y,14px) var(--hanm-pager-pad-x,14px);
  background:var(--hanm-pager-bg,#efefef);
  align-items:center; justify-content:flex-start; overflow:auto; white-space:nowrap; font-size:0;
}
.hanm-pager button{
  appearance:none; border:1px solid var(--hanm-pager-border, transparent);
  padding:10px 12px; min-width:var(--w);
  background:var(--hanm-pager-btn-bg,#fff); color:var(--hanm-pager-btn-fg,#111);
  font-weight:var(--fw); font-family:var(--ff);
  border-radius:var(--hanm-pager-radius,6px); cursor:pointer; box-shadow:0 1px 0 rgba(0,0,0,.05); font-size:14px;
}
.hanm-pager button[aria-current="true"]{
  background:var(--hanm-pager-active-bg,#e11);
  color:var(--hanm-pager-active-fg,#fff);
}

/* Themes */
.hanm-slider[data-theme="dark"]{
  --hanm-bg:#0e0e0e; --hanm-fg:#eaeaea; --hanm-title-color:#fff;
  --hanm-pager-bg:#fff;                      /* dark: pager bg white */
  --hanm-pager-btn-bg:#000;                  /* boxes black */
  --hanm-pager-btn-fg:#fff;                  /* text white */
  --hanm-pager-border:#fff;                  /* border white */
  --hanm-pager-active-bg:#e11; --hanm-pager-active-fg:#fff;
}
.hanm-slider[data-theme="light"]{
  --hanm-bg:#111; --hanm-fg:#fff; --hanm-title-color:#fff;
  --hanm-pager-bg:#efefef; --hanm-pager-btn-bg:#fff; --hanm-pager-btn-fg:#111; --hanm-pager-border:transparent;
}
@media (prefers-color-scheme: dark){
  .hanm-slider[data-theme="auto"]{
    --hanm-pager-bg:#fff; --hanm-pager-btn-bg:#000; --hanm-pager-btn-fg:#fff; --hanm-pager-border:#fff;
    --hanm-bg:#0e0e0e; --hanm-fg:#eaeaea; --hanm-title-color:#fff;
  }
}
:where(html.dark, body.dark, .dark) .hanm-slider[data-theme="auto"]{
  --hanm-pager-bg:#fff; --hanm-pager-btn-bg:#000; --hanm-pager-btn-fg:#fff; --hanm-pager-border:#fff;
  --hanm-bg:#0e0e0e; --hanm-fg:#eaeaea; --hanm-title-color:#fff;
}

/* Editor hardening & fallback */
.hanm-track{ white-space:nowrap; } /* inline-block fallback */
.elementor-widget-han_manset .hanm-track{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; }
.elementor-widget-han_manset .hanm-item{ display:inline-block !important; }
.elementor-widget-han_manset .hanm-img{ height:100% !important; width:100% !important; object-fit:cover !important; }

/* Dragging UX */
.hanm-slider{ cursor: grab; }
.hanm-slider.hanm-dragging{ cursor: grabbing; }
.hanm-slider.hanm-dragging *{ user-select:none; }

@media (max-width: 768px){
  .hanm-title{ left:16px; right:16px; bottom:18px; }
}