/* Match the active Woodmart palette: primary red and neutral charcoal. */
.helali-ads-wrap {
  --ha-primary: #fe3838;
  --ha-primary-dark: #dc2424;
  --ha-accent: #373737;
  --ha-bg: #f7f7f7;
  --ha-border: #e4e4e4;
  --ha-text: #242424;
  --ha-muted: #707070;
}

.helali-ads-hero {
  background: linear-gradient(120deg, #252525, #484848) !important;
  box-shadow: 0 18px 50px rgba(30, 30, 30, .18) !important;
}

.helali-eyebrow,
.helali-product-name,
.helali-list-heading > a,
.helali-otp-change,
.helali-ad-breadcrumb a {
  color: #fe3838 !important;
}

.helali-section-number,
.helali-single-price,
.helali-related-product {
  background: #fff1f1 !important;
}

/* Keep the final ad submission action visible over Woodmart button states. */
.helali-submit-actions button.helali-btn-primary {
  min-width: 180px !important;
  border: 1px solid #fe3838 !important;
  background: #fe3838 !important;
  box-shadow: 0 8px 20px rgba(254, 56, 56, .24) !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.helali-submit-actions button.helali-btn-primary:hover,
.helali-submit-actions button.helali-btn-primary:focus {
  border-color: #dc2424 !important;
  background: #dc2424 !important;
  color: #fff !important;
}

.helali-submit-actions button.helali-btn-primary:disabled {
  border-color: #c93434 !important;
  background: #c93434 !important;
  color: #fff !important;
  opacity: .72 !important;
}

/* Keep the advertiser profile save action visible over Woodmart button rules. */
.helali-profile-actions button.helali-btn-primary {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 190px !important;
  min-height: 46px !important;
  padding: 10px 22px !important;
  position: relative !important;
  z-index: 2 !important;
  border: 1px solid #fe3838 !important;
  border-radius: 11px !important;
  background: #fe3838 !important;
  box-shadow: 0 8px 20px rgba(254, 56, 56, .24) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
}

.helali-profile-actions button.helali-btn-primary:hover,
.helali-profile-actions button.helali-btn-primary:focus {
  border-color: #dc2424 !important;
  background: #dc2424 !important;
  color: #fff !important;
}

.helali-auth-card {
  max-width: 620px !important;
  border-top: 4px solid #fe3838 !important;
}

.helali-legal-consent {
  display: block !important;
  margin: 16px 0 4px !important;
  padding: 16px !important;
  border: 1px solid #efc7c7 !important;
  border-radius: 12px !important;
  background: #fff8f8 !important;
  color: #3b2b2b !important;
  text-align: right !important;
}

.helali-legal-consent > strong {
  display: block;
  margin-bottom: 7px;
  color: #a51f1f;
  font-size: 14px;
}

.helali-legal-consent > p {
  margin: 0 0 12px !important;
  color: #554646 !important;
  font-size: 12px !important;
  line-height: 2 !important;
}

.helali-legal-consent > label {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  align-items: start !important;
  margin: 0 !important;
  color: #302525 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  cursor: pointer;
}

.helali-legal-consent input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  accent-color: #fe3838;
}

.helali-chat-form > .helali-legal-consent {
  margin-top: 12px !important;
}

.helali-video-progress[hidden] {
  display: none !important;
}

.helali-video-progress {
  margin-top: 14px;
  padding: 15px 16px;
  border: 1px solid #f1cccc;
  border-radius: 12px;
  background: #fff8f8;
}

.helali-video-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 10px;
  color: #4b3030;
  font-size: 13px;
  font-weight: 800;
}

.helali-video-progress-head strong {
  min-width: 48px;
  color: #c42727;
  font-size: 16px;
  text-align: left;
  direction: rtl;
}

.helali-video-progress-track {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #eadede;
  box-shadow: inset 0 1px 2px rgba(50, 25, 25, .08);
}

.helali-video-progress-track > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #dc2424, #fe5b5b);
  transition: width .16s ease;
}

.helali-video-progress > small {
  display: block;
  margin-top: 9px;
  color: #776565;
  font-size: 11px;
  line-height: 1.8;
}

.helali-video-progress.error {
  border-color: #df9797;
  background: #fff0f0;
}

.helali-video-progress.error .helali-video-progress-head,
.helali-video-progress.error .helali-video-progress-head strong,
.helali-video-progress.error > small {
  color: #a52222;
}

/* Woodmart button rules must never hide or neutralize the OTP action. */
.helali-auth-card .helali-otp-form .helali-otp-step:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.helali-auth-card .helali-otp-form .helali-otp-step[hidden] {
  display: none !important;
}

.helali-auth-card .helali-otp-form button.helali-send-otp,
.helali-auth-card .helali-otp-form button.helali-btn-primary {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 14px 0 0 !important;
  padding: 12px 20px !important;
  position: relative !important;
  z-index: 2 !important;
  border: 1px solid #fe3838 !important;
  border-radius: 9px !important;
  background: #fe3838 !important;
  box-shadow: 0 8px 20px rgba(254, 56, 56, .22) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.helali-auth-card .helali-otp-form button.helali-btn-primary:hover {
  border-color: #dc2424 !important;
  background: #dc2424 !important;
}

.helali-auth-card .helali-otp-form button.helali-btn-primary:disabled {
  opacity: .65 !important;
  cursor: wait !important;
}

.helali-auth-card .helali-otp-form button.helali-btn-primary span {
  display: inline !important;
  visibility: visible !important;
  color: #fff !important;
}