/* Shared module layout */
.gbztimer-stack{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Outer wrapper: stays tight and centered inside Creative Elements / Elementor containers */
.gbz-timer-out{
  width:100%;
  display:flex;
  justify-content:center;
  margin:0 !important;
  padding:0 !important;
}

.gbz-timer{
  display:block;
  margin:0 !important;
  padding:0 !important;
}

.gbz-timer-link{
  width:100%;
  display:flex;
  justify-content:center;
  color:inherit;
  text-decoration:none !important;
  border-radius:var(--gbz-radius, 14px);
  outline:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.gbz-timer-link .gbz-timer-out{
  transition:transform .22s ease, filter .22s ease;
}

.gbz-timer-link:hover,
.gbz-timer-link:focus{
  color:inherit;
  text-decoration:none !important;
}

.gbz-timer-link:hover .gbz-timer-out,
.gbz-timer-link:focus-visible .gbz-timer-out{
  transform:translateY(-1px);
  filter:saturate(1.08) brightness(1.03);
}

.gbz-timer-link:focus-visible{
  box-shadow:0 0 0 3px rgba(34, 197, 94, .3);
}

/* CE-style alert block */
.gbz-alert-out{
  width:100%;
  margin:0 !important;
  padding:0 !important;
}

.gbz-alert{
  padding:16px 18px;
  position:relative;
  text-align:start;
  font-family:var(--gbz-font-family, inherit);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(15, 23, 42, 0.08);
  overflow:hidden;
  isolation:isolate;
  background-clip:padding-box;
}

.gbz-alert::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:var(--gbz-alert-border-left-width, 5px);
  background:var(--gbz-alert-stripe-color, transparent);
  border-top-left-radius:inherit;
  border-bottom-left-radius:inherit;
  pointer-events:none;
  z-index:0;
}

.gbz-alert--native{
  border-radius:8px;
  box-shadow:none;
}

.gbz-alert--native .gbz-alert__layout{
  gap:12px;
  padding-right:28px;
}

.gbz-alert--native .gbz-alert-icon{
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
}

.gbz-alert__layout{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding-right:32px;
  position:relative;
  z-index:1;
}

.gbz-alert__content{
  min-width:0;
  flex:1 1 auto;
}

.gbz-alert-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:calc(var(--gbz-alert-icon-size, 18px) + 18px);
  height:calc(var(--gbz-alert-icon-size, 18px) + 18px);
  border-radius:999px;
  background:rgba(255, 255, 255, 0.38);
  color:var(--gbz-alert-icon-color, currentColor);
  font-size:var(--gbz-alert-icon-size, 18px);
  line-height:1;
}

.gbz-alert-icon i,
.gbz-alert-icon span{
  font-size:inherit;
  line-height:1;
}

.gbz-alert-title{
  display:block;
  font-size:var(--gbz-alert-title-size, 18px);
  font-weight:var(--gbz-alert-title-weight, 700);
  color:var(--gbz-alert-title-color, currentColor);
  text-shadow:var(--gbz-alert-title-shadow, none);
}

.gbz-alert-description{
  display:block;
  margin-top:4px;
  font-size:var(--gbz-alert-description-size, 13px);
  font-weight:var(--gbz-alert-description-weight, 400);
  color:var(--gbz-alert-description-color, currentColor);
  text-shadow:var(--gbz-alert-description-shadow, none);
  white-space:pre-line;
}

.gbz-alert-dismiss{
  appearance:none;
  background:transparent;
  border:none;
  color:var(--gbz-alert-dismiss-color, currentColor);
  cursor:pointer;
  font-size:var(--gbz-alert-dismiss-size, 20px);
  line-height:1;
  padding:3px;
  position:absolute;
  top:var(--gbz-alert-dismiss-top, 10px);
  right:var(--gbz-alert-dismiss-right, 10px);
  transition:color var(--gbz-alert-dismiss-transition, .3s) ease;
  z-index:1;
}

.gbz-alert-dismiss:hover{
  color:var(--gbz-alert-dismiss-hover-color, var(--gbz-alert-dismiss-color, currentColor));
}

.gbz-alert-info{
  background:var(--gbz-alert-background, #d9edf7);
  --gbz-alert-stripe-color:var(--gbz-alert-border-color, #bcdff1);
  color:#31708f;
}

.gbz-alert-success{
  background:var(--gbz-alert-background, #dff0d8);
  --gbz-alert-stripe-color:var(--gbz-alert-border-color, #cae6be);
  color:#3c763d;
}

.gbz-alert-warning{
  background:var(--gbz-alert-background, #fcf8e3);
  --gbz-alert-stripe-color:var(--gbz-alert-border-color, #f9f0c3);
  color:#8a6d3b;
}

.gbz-alert-danger{
  background:var(--gbz-alert-background, #f2dede);
  --gbz-alert-stripe-color:var(--gbz-alert-border-color, #e8c4c4);
  color:#a94442;
}

@media (max-width:767px){
  .gbztimer-stack{
    gap:10px;
  }

  .gbz-timer-link:hover .gbz-timer-out{
    transform:none;
  }

  .gbz-alert{
    padding:10px;
  }

  .gbz-alert__layout{
    gap:10px;
    padding-right:26px;
  }

  .gbz-alert-icon{
    width:calc(var(--gbz-alert-icon-size, 18px) + 14px);
    height:calc(var(--gbz-alert-icon-size, 18px) + 14px);
  }

  .gbz-alert-dismiss{
    top:7px;
    right:7px;
  }
}