/* ONTALA_HEADER_FOOTER_CONTRAST_FIX_V1 */

:root{
  --ot-header-box:
    color-mix(
      in srgb,
      var(--ot-header,var(--bb-header,#061A3B)) 68%,
      #000
    );

  --ot-footer-bg:
    color-mix(
      in srgb,
      var(--ot-header,var(--bb-header,#061A3B)) 54%,
      #000
    );

  --ot-footer-chip:
    color-mix(
      in srgb,
      var(--ot-header,var(--bb-header,#061A3B)) 36%,
      #000
    );

  --ot-light-text:
    var(--ot-card,var(--bb-card,#ffffff));
}

/* خود هدر نباید یک باکس زمینه دار باشد */
.bb-header{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* هر بخش هدر، باکس مستقل خودش را دارد */
.bb-brand,
.bb-status,
.bb-last{
  background:var(--ot-header-box) !important;
  border:1px solid
    color-mix(
      in srgb,
      var(--ot-accent,var(--bb-bg2,#0B78FF)) 62%,
      var(--ot-light-text)
    ) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.13) !important;
}

/* متن های داخل هدر همیشه خوانا */
.bb-brand h1,
.bb-brand p,
.bb-last,
.bb-last span,
.bb-last strong,
.bb-last small{
  color:var(--ot-light-text) !important;
}

/* وضعیت بازار */
.bb-status span{
  background:
    color-mix(
      in srgb,
      var(--ot-header-box) 76%,
      var(--ot-accent,var(--bb-bg2,#0B78FF))
    ) !important;
  color:var(--ot-light-text) !important;
}

.bb-status span.open{
  background:#197a3d !important;
  color:#fff !important;
}

.bb-status span.closed{
  background:#8c3030 !important;
  color:#fff !important;
}

/* فوتر و تمام متن های ارتباطی */
.bb-footer{
  background:var(--ot-footer-bg) !important;
  color:var(--ot-light-text) !important;
  border-color:
    color-mix(
      in srgb,
      var(--ot-accent,var(--bb-bg2,#0B78FF)) 48%,
      var(--ot-light-text)
    ) !important;
}

.bb-footer-top,
.bb-footer-bottom,
.bb-footer-top *,
.bb-footer-bottom *{
  color:var(--ot-light-text) !important;
}

/* شماره تماس، آدرس، روبیکا، اینستاگرام و نقشه */
.bb-footer-bottom a,
.bb-footer-bottom span{
  background:var(--ot-footer-chip) !important;
  border:1px solid
    color-mix(
      in srgb,
      var(--ot-accent,var(--bb-bg2,#0B78FF)) 42%,
      var(--ot-light-text)
    ) !important;
  color:var(--ot-light-text) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.2) !important;
}

/* لینک های فوتر هنگام Hover */
.bb-footer-bottom a:hover{
  background:
    color-mix(
      in srgb,
      var(--ot-footer-chip) 72%,
      var(--ot-accent,var(--bb-bg2,#0B78FF))
    ) !important;
  color:#fff !important;
}

/* ONTALA_FOOTER_TOP_CONTRAST_FIX_V2 */

/*
  متن معرفی، شعار، آدرس یا توضیحات بالای فوتر:
  باکس روشن + متن تیره و خوانا
*/
.bb-footer-top{
  display:block !important;
  width:100% !important;
  background:var(--ot-card,var(--bb-card,#ffffff)) !important;
  color:var(--ot-text,var(--bb-card-text,#06152b)) !important;
  border:1px solid
    color-mix(
      in srgb,
      var(--ot-accent,var(--bb-bg2,#0B78FF)) 42%,
      var(--ot-card,var(--bb-card,#ffffff))
    ) !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  line-height:1.9 !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* هر متن یا لینک داخل bb-footer-top باید تیره باشد */
.bb-footer-top,
.bb-footer-top *,
.bb-footer-top a,
.bb-footer-top span,
.bb-footer-top strong,
.bb-footer-top b,
.bb-footer-top em{
  color:var(--ot-text,var(--bb-card-text,#06152b)) !important;
  text-shadow:none !important;
}

/* اگر متن خالی باشد، باکس بی دلیل فضا نگیرد */
.bb-footer-top:empty{
  display:none !important;
}