/* OstroVit Shipping Timer PRO v1.3.13 — design + collapse */
.ost-shiptimer{
  --ost-purple:#5b43ea;
  --ost-purple-dark:#33267f;
  --ost-purple-soft:rgba(91,67,234,.08);
  --ost-shiptimer-scale:1;
  --ost-title-font:14px;
  --ost-subtitle-font:12px;
  --ost-number-font:16px;
  --ost-label-font:11px;
  width:100%;
  max-width:min(var(--ost-shiptimer-max-width,720px),100%);
  margin-top:14px;
  margin-bottom:16px;
  padding:calc(14px * var(--ost-shiptimer-scale)) calc(16px * var(--ost-shiptimer-scale));
  border:1px solid rgba(33,37,41,.08);
  border-radius:calc(12px * var(--ost-shiptimer-scale));
  background:#fff;
  box-shadow:0 calc(6px * var(--ost-shiptimer-scale)) calc(20px * var(--ost-shiptimer-scale)) rgba(24,28,36,.055);
  text-align:center;
  box-sizing:border-box;
}

/* Manual alignment remains independent from manual max-width. */
.ost-shiptimer--align-left{margin-left:0;margin-right:auto}
.ost-shiptimer--align-center{margin-left:auto;margin-right:auto}
.ost-shiptimer--align-right{margin-left:auto;margin-right:0}
.ost-shiptimer--no-border{border-color:transparent}
.ost-shiptimer--no-shadow{box-shadow:none}

.ost-shiptimer__title{
  display:flex;align-items:center;justify-content:center;
  gap:calc(7px * var(--ost-shiptimer-scale));
  color:#20242c;
  font-size:calc(var(--ost-title-font) * var(--ost-shiptimer-scale));
  line-height:1.25;
  margin:0 0 calc(6px * var(--ost-shiptimer-scale));
}
.ost-shiptimer__icon{display:inline-flex;color:var(--ost-purple);flex:0 0 auto}
.ost-shiptimer__icon svg{
  width:calc(18px * var(--ost-shiptimer-scale));
  height:calc(18px * var(--ost-shiptimer-scale));
}
.ost-shiptimer__subtitle{
  font-size:calc(var(--ost-subtitle-font) * var(--ost-shiptimer-scale));
  line-height:1.35;color:#8a8f98;
  margin:0 0 calc(10px * var(--ost-shiptimer-scale));
}
.ost-shiptimer__timer{
  display:flex;justify-content:center;align-items:stretch;
  gap:calc(9px * var(--ost-shiptimer-scale));flex-wrap:nowrap
}
.ost-shiptimer__box{
  display:inline-flex;align-items:center;justify-content:center;
  gap:calc(6px * var(--ost-shiptimer-scale));
  min-width:calc(82px * var(--ost-shiptimer-scale));
  min-height:calc(46px * var(--ost-shiptimer-scale));
  padding:calc(8px * var(--ost-shiptimer-scale)) calc(10px * var(--ost-shiptimer-scale));
  border-radius:calc(10px * var(--ost-shiptimer-scale));
  background:var(--ost-purple-soft);box-sizing:border-box;
}
.ost-shiptimer__num{
  font-weight:700;
  font-size:calc(var(--ost-number-font) * var(--ost-shiptimer-scale));
  line-height:1;color:var(--ost-purple-dark);font-variant-numeric:tabular-nums
}
.ost-shiptimer__label{
  font-size:calc(var(--ost-label-font) * var(--ost-shiptimer-scale));
  line-height:1;color:#777b85;white-space:nowrap
}

/* Compact standard: cart / checkout default. Max-width still comes from admin. */
.ost-shiptimer--compact{
  width:100%;
  padding:calc(10px * var(--ost-shiptimer-scale)) calc(12px * var(--ost-shiptimer-scale));
  border-radius:calc(12px * var(--ost-shiptimer-scale));
  margin-top:10px;
  margin-bottom:12px;
}
.ost-shiptimer--compact .ost-shiptimer__title{margin-bottom:calc(6px * var(--ost-shiptimer-scale))}
.ost-shiptimer--compact .ost-shiptimer__subtitle{margin-bottom:calc(8px * var(--ost-shiptimer-scale))}
.ost-shiptimer--compact .ost-shiptimer__timer{gap:calc(8px * var(--ost-shiptimer-scale))}
.ost-shiptimer--compact .ost-shiptimer__box{
  min-width:calc(72px * var(--ost-shiptimer-scale));
  min-height:calc(40px * var(--ost-shiptimer-scale));
  padding:calc(7px * var(--ost-shiptimer-scale)) calc(9px * var(--ost-shiptimer-scale));
}

.ost-shiptimer.is-refreshing{opacity:.72}
.ost-shiptimer.is-hidden{display:none!important}

@media (max-width:520px){
  .ost-shiptimer,
  .ost-shiptimer--compact{
    width:100%;max-width:100%;
    padding:calc(10px * var(--ost-shiptimer-scale)) calc(8px * var(--ost-shiptimer-scale));
    border-radius:calc(12px * var(--ost-shiptimer-scale));
    margin-top:10px;margin-bottom:12px;
  }
  .ost-shiptimer__title{margin-bottom:calc(5px * var(--ost-shiptimer-scale))}
  .ost-shiptimer__subtitle{margin-bottom:calc(8px * var(--ost-shiptimer-scale))}
  .ost-shiptimer__timer,
  .ost-shiptimer--compact .ost-shiptimer__timer{gap:calc(6px * var(--ost-shiptimer-scale))}
  .ost-shiptimer__box,
  .ost-shiptimer--compact .ost-shiptimer__box{
    min-width:0;
    min-height:calc(39px * var(--ost-shiptimer-scale));
    flex:1;
    padding:calc(7px * var(--ost-shiptimer-scale)) calc(5px * var(--ost-shiptimer-scale));
    gap:calc(4px * var(--ost-shiptimer-scale));
  }
}

@media (max-width:360px){
  .ost-shiptimer__timer,
  .ost-shiptimer--compact .ost-shiptimer__timer{gap:calc(4px * var(--ost-shiptimer-scale))}
  .ost-shiptimer__box,
  .ost-shiptimer--compact .ost-shiptimer__box{
    padding-left:calc(4px * var(--ost-shiptimer-scale));
    padding-right:calc(4px * var(--ost-shiptimer-scale));
  }
}


/* v1.3.12: customer-controlled compact/collapsed state */
.ost-shiptimer__titlebar{position:relative}
.ost-shiptimer--collapsible .ost-shiptimer__title,
.ost-shiptimer[data-collapsible="1"] .ost-shiptimer__title{padding-left:calc(28px * var(--ost-shiptimer-scale));padding-right:calc(28px * var(--ost-shiptimer-scale))}
.ost-shiptimer__toggle{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:calc(28px * var(--ost-shiptimer-scale));height:calc(28px * var(--ost-shiptimer-scale));
  padding:0;border:0;border-radius:50%;background:rgba(91,67,234,.08);
  color:var(--ost-purple);display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .18s ease,transform .18s ease;z-index:2
}
.ost-shiptimer__toggle:hover,.ost-shiptimer__toggle:focus{background:rgba(91,67,234,.15);outline:none}
.ost-shiptimer__toggle svg{transition:transform .18s ease}
.ost-shiptimer__collapsed-countdown{display:none;font-weight:600;color:var(--ost-purple-dark);white-space:nowrap}
.ost-shiptimer.is-collapsed{padding-top:calc(9px * var(--ost-shiptimer-scale));padding-bottom:calc(9px * var(--ost-shiptimer-scale))}
.ost-shiptimer.is-collapsed .ost-shiptimer__body{display:none}
.ost-shiptimer.is-collapsed .ost-shiptimer__title{margin-bottom:0;gap:calc(6px * var(--ost-shiptimer-scale));flex-wrap:wrap}
.ost-shiptimer.is-collapsed .ost-shiptimer__collapsed-countdown{display:inline;font-size:calc(var(--ost-subtitle-font) * var(--ost-shiptimer-scale))}
.ost-shiptimer.is-collapsed .ost-shiptimer__toggle svg{transform:rotate(180deg)}

@media (max-width:520px){
  .ost-shiptimer.is-collapsed{padding-left:calc(8px * var(--ost-shiptimer-scale));padding-right:calc(8px * var(--ost-shiptimer-scale))}
  .ost-shiptimer.is-collapsed .ost-shiptimer__title{padding-left:calc(24px * var(--ost-shiptimer-scale));padding-right:calc(24px * var(--ost-shiptimer-scale))}
  .ost-shiptimer.is-collapsed .ost-shiptimer__collapsed-countdown{white-space:normal}
}
