/* Web2Ink — Store Background Banner widget (base layout; visuals driven by Elementor controls). */
.w2i-bg-banner-link{display:block;text-decoration:none;color:inherit;}
.w2i-bg-banner{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:340px;
  padding:48px;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
  box-sizing:border-box;
}
.w2i-bg-banner *{box-sizing:border-box;}
.w2i-bg-banner-overlay{position:absolute;inset:0;background-color:transparent;opacity:.35;pointer-events:none;z-index:1;}
.w2i-bg-banner--noimg{background-color:#1f2937;}

.w2i-bg-banner-inner{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:560px;
  width:100%;
  box-sizing:border-box;
}

.w2i-bgb-eyebrow{display:block;margin:0;color:#fff;}
.w2i-bgb-heading{margin:0 0 4px;font-size:38px;line-height:1.1;font-weight:800;color:#fff;}
.w2i-bgb-sub{margin:0;font-size:17px;line-height:1.5;color:rgba(255,255,255,.88);max-width:46ch;}
.w2i-bgb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:4px 0 0;
  padding:12px 26px;
  text-decoration:none;
  background:#fff;
  color:#0f172a;
  border-radius:999px;
  transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.w2i-bgb-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22);}

@media (max-width:680px){
  .w2i-bg-banner{padding:32px;min-height:260px;}
  .w2i-bgb-heading{font-size:28px;}
  .w2i-bgb-sub{font-size:15px;}
}

/* ---- Store Banner Image (section widget) — display modes + hover ---- */
.w2i-section-store-banner{overflow:hidden;}
.w2i-section-store-banner .w2i-store-banner-image{display:block;max-width:100%;height:auto;transition:transform .4s ease,box-shadow .3s ease;}

/* Cover band: edge-to-edge, crop to the height set on the image control */
.w2i-banner-display-cover .w2i-store-banner-image{width:100%;object-fit:cover;}
.w2i-banner-display-cover a{display:block;}

/* Hover effects */
.w2i-banner-hover-zoom:hover .w2i-store-banner-image{transform:scale(1.05);}
.w2i-banner-hover-lift{transition:transform .3s ease,box-shadow .3s ease;}
.w2i-banner-hover-lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.18);}

/* Editor placeholder hint */
.w2i-banner-placeholder-note{margin:8px 0 0;font-size:12px;color:#94a3b8;text-align:center;}