/* Hero Banner Manager - minimal, premium */
.hbm-wrap{max-width:1050px;margin:18px auto;padding:16px;border:1px solid #eee;border-radius:16px;background:#fff}
.hbm-head h2{margin:0 0 6px;font-size:22px}
.hbm-head p{margin:0 0 14px;color:#555}
.hbm-alert{padding:10px 12px;border-radius:12px;margin:12px 0;font-size:14px}
.hbm-ok{background:#f3fff3;border:1px solid #cfe9cf}
.hbm-err{background:#fff3f3;border:1px solid #f1c3c3}
.hbm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width: 980px){.hbm-grid{grid-template-columns:1fr}}
.hbm-card{border:1px solid #eee;border-radius:16px;padding:12px}
.hbm-card-title{font-weight:800;margin-bottom:10px}
.hbm-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width: 640px){.hbm-preview{grid-template-columns:1fr}}
.hbm-prev-label{font-size:12px;color:#666;margin-bottom:6px}
.hbm-prev-box{aspect-ratio:16/9;border-radius:14px;border:1px solid #f0f0f0;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hbm-prev-box img{width:100%;height:100%;object-fit:cover;display:block}
.hbm-prev-box span{color:#777;font-size:13px}
.hbm-form{display:grid;gap:10px}
.hbm-row label{display:block;font-size:12px;color:#666;margin-bottom:6px}
.hbm-row input[type="url"], .hbm-row input[type="text"]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:12px}
.hbm-row input[type="file"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:12px;background:#fff}
.hbm-check label{display:flex;gap:8px;align-items:center;font-size:13px;color:#333}
.hbm-btn{border-radius:12px;padding:10px 12px;cursor:pointer}
.hbm-btn-primary{border:0;background:#79B7B6;color:#fff;font-weight:700}
.hbm-btn-ghost{border:1px solid #ddd;background:#fff}
.hbm-mini{margin-top:8px}
.hbm-hint{font-size:12px;color:#777}
.hbm-foot{margin-top:14px;padding-top:14px;border-top:1px solid #eee;color:#444;display:grid;gap:6px}
.hbm-foot code{background:#f6f6f6;padding:2px 6px;border-radius:8px}

/* Slider */
.hbm-slider{position:relative;overflow:hidden;border-radius:18px}
.hbm-slider .hbm-track{display:flex;transition:transform .45s ease;will-change:transform}
.hbm-slider .hbm-slide{min-width:100%;position:relative}
.hbm-slider picture, .hbm-slider img{display:block;width:100%;height:auto}
.hbm-slider img{object-fit:cover}
.hbm-slide-link{display:block}
.hbm-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.92);width:42px;height:42px;border-radius:999px;font-size:28px;line-height:42px;text-align:center;cursor:pointer}
.hbm-prev{left:14px}
.hbm-next{right:14px}
.hbm-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;gap:8px}
.hbm-dot{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.55);cursor:pointer}
.hbm-dot.is-active{background:#fff}

.hbm-head{ text-align:center; }
.hbm-head p{ max-width:820px; margin:0 auto 14px; }
.hbm-card-title{ text-align:center; }

.hbm-settings{margin:14px 0 18px;padding:14px;border:1px solid #eee;border-radius:16px;background:#fff}
.hbm-settings h3{margin:0 0 10px;text-align:center;font-size:18px}
.hbm-settings-form{display:grid;gap:12px;justify-items:center}
.hbm-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
@media (max-width:980px){.hbm-settings-grid{grid-template-columns:1fr}}
.hbm-settings select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:12px;background:#fff}

.hbm-nav{backdrop-filter: blur(2px);}
.hbm-nav:focus{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}

/* Fade transition */
.hbm-transition-fade .hbm-track{position:relative;display:block}
.hbm-transition-fade .hbm-slide{position:absolute;inset:0;opacity:0;transition-property:opacity}
.hbm-transition-fade .hbm-slide.is-active{opacity:1;position:relative}

/* Force override theme/Elementor button styles */
.hbm-wrap .hbm-btn-primary{
  background:#79B7B6 !important;
  color:#fff !important;
  border:0 !important;
}
.hbm-wrap .hbm-btn-ghost{
  background:transparent !important;
  color:#111 !important;
  border:1px solid #ddd !important;
}
.hbm-wrap .hbm-btn{
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Arrow buttons: white border, transparent background (no orange) */
.hbm-slider .hbm-nav{
  background:transparent !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:none !important;
}
.hbm-slider .hbm-nav:hover{
  background:rgba(255,255,255,.12) !important;
}

/* Arrow buttons: show only the arrow (no border/box) */
.hbm-slider .hbm-nav{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  font-size:44px !important;
  line-height:1 !important;
  color:#fff !important;
  opacity:.9 !important;
}
.hbm-slider .hbm-nav:hover{
  background:transparent !important;
  opacity:1 !important;
}
.hbm-preview-live{margin-top:18px;padding-top:16px;border-top:1px solid #eee}
.hbm-preview-live h3{margin:0 0 10px;text-align:center;font-size:18px}
.hbm-preview-live-box{border:1px solid #eee;border-radius:16px;overflow:hidden}

.hbm-credit{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eee;
  text-align:center;
  font-size:12px;
  color:#666;
}

.hbm-upload-fallback{display:none}