/* Hides the entire Stats header section */
.ListHeader__listHeader1.commonStyle__disFlexRow.commonStyle__alignCenter[aria-label="Stats"],
.ListHeader__listHeader1.commonStyle__disFlexRow.commonStyle__alignCenter
{
  display: none !important;
}
.KbDetailRtContainer__followerCount {
  display: none !important;
}
/*Brand color for Zoho Icons starts here */

:root{
  --color-brand: #018A00;
} 
/* Brand color END */ 

/* Header START */

.Header__searchTitle {
    font-size: var(--size-base27);
    margin-bottom: 1.8rem;
   	letter-spacing: .0625rem;
    text-align: center;
    font-weight: 500;
  	font-family: "Arial";
  	background-color: rgba(255, 255, 255,0.6); border-radius: 10px;
	width: 700px;
  	margin: auto;
  	margin-bottom: 30px;
  	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}
@media (max-width: 640px) {
   .Header__searchTitle {
    width: 100%;
    font-size: var(--size-base23);  
}
}
.Header__description {
  	display: none !important;
}
.Header__headerContent {
  text-align: center;
}
.Header__logo img {
    max-height: 12rem;
    max-width: 12rem;
    min-height: auto;
    display: block;
}
.ContentBox__headerMid {
    text-transform: none;
    font-weight: 500;
    font-size: var(--size-base19);
    margin-top: .3rem;
    margin-right: 0px;
    margin-bottom: .3rem;
	margin-left: 0px;
    letter-spacing: 0;
}
.Header__navbar {
  background-color: #FFFFFF !important;
}
.Header__name {
 font-weight: 500; 
}
.Header__menu {
  background-color: #000000 !important;
}
.Header__menu::before {
  background-color: #000000 !important;
}
.Header__menu::after {
  background-color: #000000 !important;
}
@media (max-width: 576px) {
  .Header__name {
    display: none;
}
}
/* Header END */

/* Search Bar and Icon START */
.SearchContainer__searchIcon {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}
.SearchContainer__searchIcon:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
  background: color-mix(in srgb, #0BAE0A, transparent 25%);
}
.Input__headerSearch {
    padding: 1.05rem .75rem;
    border-radius: .313rem 0 0 .313rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--size-base9);
  	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.25);
}
/* Search Bar END */ 

/* Margin Spacings START */
.WidgetContainer__contentList+.WidgetContainer__contentList {
    margin-top: 1.2rem;
  	margin-bottom: 1.2rem;
}
.ListHeader__listHeader2 {
    margin-bottom: .0;
    color: #3F4444 !important;
  	line-height: 1.1;
}

.ListHeader__header2 {
    margin-bottom: .0;
    color: #3F4444 !important;
  	font-weight: 500;
  	font-size: 1.25rem;
}
.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse {
    max-width: 73.125rem;
    min-height: 75vh;
    padding: .5rem 0 .5rem;
    transition: max-width 200ms ease;
    background-color: white;
}
/* Margin Spacings END */

/* Footer Button START */
.Button__footerBtn {
    border: 1px solid transparent;
    letter-spacing: normal;
    padding: .7rem 1rem;
    font-size: var(--size-base14);
    border-radius: 2rem;
    background: #018A00;
    transition: all .15s ease;
    color: var(--color-white);
}
.Button__footerBtn:hover {
  background: color-mix(in srgb, #0BAE0A, transparent 25%);
}
.AppContainer__backToTop:hover {
  background: color-mix(in srgb, #0BAE0A, transparent 25%);
}
/* Footer Button END */
/* ===== MedWand Help Center Card Widget ===== */
.mw-widget {
  /* local “brand” vars for the widget only */
  --mw-brand-primary: #88d0f2;
  --mw-brand-secondary: #6bc1ec;
  --mw-brand-tertiary: #4db3e6;
  --mw-brand-light: #b8e1f7;

  --mw-surface: #ffffff;
  --mw-surface-hover: #f8fbff;
  --mw-text-primary: #1a2332;
  --mw-text-secondary: #64748b;
  --mw-border: #e8f2fc;
  --mw-border-hover: var(--mw-brand-light);

  --mw-shadow: 0 1px 3px 0 rgb(136 208 242 / 0.08),
               0 1px 2px -1px rgb(136 208 242 / 0.12);
  --mw-shadow-lg: 0 8px 25px -5px rgb(136 208 242 / 0.15),
                  0 4px 10px -6px rgb(136 208 242 / 0.10);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

.mw-widget .mw-cards {
  display: grid;
  gap: 20px;
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  padding: 12px;
  margin: 0;
  list-style: none;
  max-width: 1200px;
}

.mw-widget .mw-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--mw-border);
  background: var(--mw-surface);
  box-shadow: var(--mw-shadow);
  transition: transform .3s cubic-bezier(.4,0,.2,1),
              box-shadow .3s cubic-bezier(.4,0,.2,1),
              border-color .3s ease;
  text-decoration: none;
  color: inherit;
  display: block;
  min-height: 200px;
  cursor: pointer;
}

.mw-widget .mw-card:focus-visible {
  outline: 2px solid var(--mw-brand-primary);
  outline-offset: 2px;
}

.mw-widget .mw-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--mw-shadow-lg);
  border-color: var(--mw-border-hover);
}

.mw-widget .mw-card:hover .mw-card-icon {
  transform: scale(1.08);
}

.mw-widget .mw-card:hover .mw-card-title {
  color: var(--mw-brand-tertiary);
}

.mw-widget .mw-card-header {
  padding: 24px 24px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.mw-widget .mw-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s ease;
  flex-shrink: 0;
  background: #fff; /* overridden per-card below */
}

.mw-widget .mw-card-icon img {
  width: 28px;
  height: 28px;
  display: block;
}

.mw-widget .mw-card-content {
  padding: 0 24px 24px;
}

.mw-widget .mw-card-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.3;
  color: var(--mw-text-primary);
  transition: color .3s ease;
}

.mw-widget .mw-card-desc {
  margin: 0;
  color: var(--mw-text-secondary);
  font-size: .875rem;
  line-height: 1.5;
}

/* Subtle top accent bar */
.mw-widget .mw-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--mw-brand-primary);
  opacity: .95;
}

/* Card-specific backgrounds (light tints) */
.mw-widget .mw-card[data-card="release"] .mw-card-icon {
  background: linear-gradient(135deg, #ffffff 0%, #fef7f0 100%);
}
.mw-widget .mw-card[data-card="android"] .mw-card-icon {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
}
.mw-widget .mw-card[data-card="status"] .mw-card-icon {
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}
.mw-widget .mw-card[data-card="trust"] .mw-card-icon {
  background: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .mw-widget .mw-cards {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 8px;
  }
  .mw-widget .mw-card-header {
    padding: 20px 20px 12px;
  }
  .mw-widget .mw-card-content {
    padding: 0 20px 20px;
  }
  .mw-widget .mw-card-title {
    font-size: 1rem;
  }
  .mw-widget .mw-card-desc {
    font-size: .875rem;
  }
}

/* Respect dark-mode preference, keeping light-blue surfaces */
@media (prefers-color-scheme: dark) {
  .mw-widget {
    --mw-surface: var(--mw-brand-light);
    --mw-surface-hover: var(--mw-brand-primary);
    --mw-text-primary: #1a2332;
    --mw-text-secondary: #475569;
    --mw-border: var(--mw-brand-secondary);
  }
}
/* Article Width Adjustment*/
.articleDetail .Layout__twoColumn { max-width: 90.8rem; }

/*New Ticket Custom Instructions English, Arabic, and Spanish */
.en.ticketForm #field_description .FormElement__formLabelvertical::after {
  content: "ℹ️ Please describe your issue or question using the box below.\A\A"
    		"⚠️  Important:\A"
           "To help keep your account safe, please avoid sending License files, API keys, Passwords, or other sensitive data in support tickets. If we ever need secure details from you, we’ll instruct you on how to provide them.";
  display: block;
  white-space: pre-line;

  /* Banner styling */
  background: #fff3cd;        /* soft warning yellow */
  border: 1px solid #f0d98c;  /* slightly darker border */
  color: #664d03;             /* readable warning text */
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 10px;
  margin-bottom: 12px;
}

.ar.ticketForm #field_description .FormElement__formLabelvertical::after {
  content: "ℹ️ يرجى وصف مشكلتك أو سؤالك باستخدام المربع أدناه.\A\A"
    		"⚠️  مهم:\A"
           "للمساعدة في الحفاظ على أمان حسابك، يرجى تجنب إرسال ملفات الترخيص، أو مفاتيح واجهة برمجة التطبيقات (API keys)، أو كلمات المرور، أو أي بيانات حساسة أخرى ضمن تذاكر الدعم الفني. وإذا احتجنا في أي وقت إلى الحصول على معلومات حساسة منك، فسنوضح لك الطريقة المناسبة لتزويدنا بها.";
  display: block;
  white-space: pre-line;

  /* Banner styling */
  background: #fff3cd;        /* soft warning yellow */
  border: 1px solid #f0d98c;  /* slightly darker border */
  color: #664d03;             /* readable warning text */
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 10px;
  margin-bottom: 12px;
}
.es.ticketForm #field_description .FormElement__formLabelvertical::after {
  content: "ℹ️ Por favor, describa su problema o pregunta utilizando el cuadro a continuación.\A\A"
    		"⚠️  Importante:\A"
           "Para ayudar a mantener segura su cuenta, por favor evite enviar archivos de licencia, claves de API, contraseñas u otros datos confidenciales en los tickets de soporte. Si en algún momento necesitamos información confidencial, le indicaremos cómo facilitárnosla.";
  display: block;
  white-space: pre-line;

  /* Banner styling */
  background: #fff3cd;        /* soft warning yellow */
  border: 1px solid #f0d98c;  /* slightly darker border */
  color: #664d03;             /* readable warning text */
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 10px;
  margin-bottom: 12px;
}