/* ============================================================
   ChemBioNexus — Custom Stylesheet v1.2
   OJS 3.5 Health Sciences Theme — Exact selectors from live HTML
   Upload via: Settings > Website > Appearance > Advanced > Journal Stylesheet
   ============================================================ */

/* ── Google Fonts ────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;600;700&display=swap');

/* ── Color Variables ─────────────────────────────────────── */
:root {
  --cbn-deep-navy:  #0D2B55;
  --cbn-teal:       #006E7F;
  --cbn-teal-light: #0099B0;
  --cbn-gold:       #C8922A;
  --cbn-gold-light: #F0C060;
  --cbn-white:      #FFFFFF;
  --cbn-off-white:  #F7F9FB;
  --cbn-gray-100:   #EEF1F5;
  --cbn-gray-200:   #D8DEE6;
  --cbn-gray-500:   #6B7A90;
  --cbn-gray-700:   #3D4A5C;
  --cbn-gray-900:   #1A232F;
  --font-serif:     'Lora', 'Georgia', serif;
  --font-sans:      'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --card-radius:    8px;
  --section-radius: 6px;
}

/* ── Base ────────────────────────────────────────────────── */
body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.75;
  color: var(--cbn-gray-900);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--cbn-teal); text-decoration: none; transition: color 0.2s; }
a:hover, a:focus { color: var(--cbn-teal-light); text-decoration: underline; }
h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-serif);
  font-weight: 700;
  color: var(--cbn-deep-navy);
  line-height: 1.3;
}

/* ================================================================
   TOP BAR (injected by Custom Header Plugin)
   ================================================================ */
.cbn-topbar {
  background-color: var(--cbn-deep-navy);
  color: rgba(255,255,255,0.85);
  font-size: 12.5px;
  font-family: var(--font-sans);
  padding: 6px 0;
  letter-spacing: 0.03em;
}
.cbn-topbar a { color: var(--cbn-gold-light); font-weight: 600; }
.cbn-topbar a:hover { text-decoration: underline; }

/* ================================================================
   HEADER — exact selector: <header class="main-header">
   ================================================================ */

header.main-header {
  background: var(--cbn-deep-navy) !important;
  border-bottom: 4px solid var(--cbn-gold) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25) !important;
  padding: 0 !important;
}

/* Logo area: <div class="navbar-logo"> */
header.main-header .navbar-logo {
  display: flex;
  align-items: center;
  padding: 12px 0 8px;
}
header.main-header .navbar-logo img {
  max-height: 100px;
  width: auto;
}

/* Hide the duplicate logo inside .navbar-brand (theme renders logo twice) */
header.main-header .navbar .navbar-brand {
  display: none !important;
}

/* ── Navbar container ──────────────────────────────────────
   <nav class="navbar navbar-expand-lg navbar-light">          */
header.main-header .navbar,
header.main-header .navbar.navbar-light,
header.main-header .navbar.navbar-expand-lg {
  background: rgba(0,0,0,0.18) !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Override Bootstrap's .navbar-light white background */
header.main-header .navbar-light {
  background-color: transparent !important;
}

/* ── Primary nav links: #primaryNav .nav-item .nav-link ──── */
header.main-header #primaryNav .nav-item .nav-link,
header.main-header .navbar-nav .nav-item .nav-link {
  font-family: var(--font-sans) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.88) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 14px 12px !important;
  border-radius: 0;
  border-bottom: 3px solid transparent;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

header.main-header #primaryNav .nav-item .nav-link:hover,
header.main-header .navbar-nav .nav-item .nav-link:hover {
  color: var(--cbn-gold-light) !important;
  border-bottom-color: var(--cbn-gold) !important;
  background: rgba(255,255,255,0.06) !important;
  text-decoration: none !important;
}

/* ── User nav: #primaryNav-userNav (Register / Login) ────── */
header.main-header #primaryNav-userNav .nav-item .nav-link,
header.main-header #userNav .nav-item .nav-link {
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.65) !important;
  text-transform: none !important;
  padding: 14px 10px !important;
  letter-spacing: 0;
  border-bottom: 3px solid transparent;
  transition: color 0.2s;
}
header.main-header #primaryNav-userNav .nav-item .nav-link:hover,
header.main-header #userNav .nav-item .nav-link:hover {
  color: var(--cbn-gold-light) !important;
  text-decoration: none !important;
}

/* ── Dropdown menus ────────────────────────────────────────
   .dropdown-menu inside the navbar                           */
header.main-header .dropdown-menu {
  background: #0f3166 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-top: 3px solid var(--cbn-gold) !important;
  border-radius: 0 0 var(--section-radius) var(--section-radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  min-width: 200px;
}
header.main-header .dropdown-menu .dropdown-item {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.82) !important;
  padding: 9px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: background 0.15s;
}
header.main-header .dropdown-menu .dropdown-item:hover {
  background: rgba(255,255,255,0.1) !important;
  color: var(--cbn-white) !important;
}

/* ── Mobile hamburger button ───────────────────────────────
   The .navbar-toggler and its icon                           */
header.main-header .navbar-toggler {
  border-color: rgba(255,255,255,0.4) !important;
  padding: 6px 10px;
}
header.main-header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobile expanded nav drawer */
@media (max-width: 991px) {
  header.main-header .navbar-collapse {
    background: #0b2347 !important;
    padding: 0.5rem 0 1rem;
    border-top: 1px solid rgba(255,255,255,0.1);
  }
  header.main-header #primaryNav .nav-item .nav-link,
  header.main-header .navbar-nav .nav-item .nav-link {
    padding: 10px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    border-left: none !important;
  }
  header.main-header #primaryNav .nav-item .nav-link:hover {
    border-bottom-color: rgba(255,255,255,0.06) !important;
    background: rgba(255,255,255,0.08) !important;
  }
}

/* ================================================================
   FOOTER — already working, keeping all styles
   ================================================================ */
.pkp_structure_footer,
footer.pkp_structure_footer {
  background: var(--cbn-gray-900) !important;
  border-top: 4px solid var(--cbn-gold) !important;
  padding: 0 !important;
  color: var(--cbn-gray-200) !important;
}

.cbn-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1.5rem 2rem;
}
@media (max-width: 900px) { .cbn-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .cbn-footer-grid { grid-template-columns: 1fr; } }

.cbn-footer-col h5 {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cbn-gold-light) !important;
  margin-bottom: 0.9rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.cbn-footer-col p,
.cbn-footer-col li { font-size: 13px; color: rgba(255,255,255,0.72); line-height: 1.7; }
.cbn-footer-col ul { list-style: none; padding: 0; margin: 0; }
.cbn-footer-col ul li { margin-bottom: 0.35rem; }
.cbn-footer-col a { color: rgba(255,255,255,0.72) !important; }
.cbn-footer-col a:hover { color: var(--cbn-gold-light) !important; }

.cbn-footer-metrics {
  background: rgba(13,43,85,0.7);
  padding: 1.4rem 1.5rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.cbn-metric-item { text-align: center; }
.cbn-metric-number {
  display: block;
  font-family: var(--font-serif);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--cbn-gold-light);
  line-height: 1;
}
.cbn-metric-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.55);
  margin-top: 4px;
}
.cbn-footer-bottom {
  background: rgba(0,0,0,0.25);
  text-align: center;
  padding: 14px 1rem;
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  border-top: 1px solid rgba(255,255,255,0.08);
}
.cbn-footer-bottom a { color: rgba(255,255,255,0.55) !important; }
.cbn-footer-bottom a:hover { color: var(--cbn-gold-light) !important; }

/* ================================================================
   ABSTRACT — JUSTIFIED
   ================================================================ */
.pkp_page_article .abstract,
.article_details .abstract,
#abstract,
div.abstract,
.article-details .abstract {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--cbn-gray-700);
  background: var(--cbn-off-white);
  border-left: 4px solid var(--cbn-teal);
  padding: 1.4rem 1.6rem;
  border-radius: 0 var(--card-radius) var(--card-radius) 0;
  margin: 1.5rem 0 2rem;
}
.pkp_page_article .abstract h2,
div.abstract h2 {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--cbn-teal);
  margin-top: 0;
  margin-bottom: 0.7rem;
}

/* ================================================================
   ISSUE DESCRIPTION — JUSTIFIED
   ================================================================ */
.pkp_page_issue .description,
.pkp_page_issue .issue_description,
.issue_description,
.pkp_page_index .journal_description,
.journal_description {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--cbn-gray-700);
  border-left: 4px solid var(--cbn-teal);
  padding: 1.2rem 1.5rem;
  background: var(--cbn-off-white);
  border-radius: 0 var(--section-radius) var(--section-radius) 0;
  margin-bottom: 2rem;
}

/* ================================================================
   REFERENCES — JUSTIFIED
   ================================================================ */
.pkp_page_article .references,
.article_details .references,
.article-details .references,
#references, section.references, div.references {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--cbn-gray-700);
}
.pkp_page_article .references h2, section.references h2 {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--cbn-deep-navy);
  border-bottom: 2px solid var(--cbn-gray-200);
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}
.pkp_page_article .references ol li,
.pkp_page_article .references ul li { margin-bottom: 0.6rem; }

/* ================================================================
   ARTICLE PAGE
   ================================================================ */
.pkp_page_article h1.page_title,
.pkp_page_article h1.title {
  font-family: var(--font-serif);
  font-size: 1.85rem;
  font-weight: 700;
  color: var(--cbn-deep-navy);
  line-height: 1.3;
}

.pkp_page_article .keywords .value span,
.pkp_page_article .keywords span {
  display: inline-block;
  background: var(--cbn-gray-100);
  color: var(--cbn-teal);
  font-weight: 600;
  font-size: 12.5px;
  padding: 3px 10px;
  border-radius: 20px;
  margin: 2px 3px;
}

.pkp_page_article .galleys_links a {
  background: var(--cbn-deep-navy) !important;
  color: var(--cbn-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  border: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: background 0.2s;
  display: inline-block;
  margin: 0 6px 6px 0;
}
.pkp_page_article .galleys_links a:hover { background: var(--cbn-teal) !important; text-decoration: none; }
.pkp_page_article .galleys_links a[href*="pdf"] { background: var(--cbn-gold) !important; }

/* ================================================================
   SIDEBAR / BLOCKS
   ================================================================ */
.pkp_block {
  border: 1px solid var(--cbn-gray-200);
  border-radius: var(--card-radius);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.pkp_block h2.title, .pkp_block .title {
  background: var(--cbn-deep-navy) !important;
  color: var(--cbn-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em;
  padding: 9px 14px !important;
  margin: 0 !important;
  border-bottom: 2px solid var(--cbn-gold) !important;
}
.pkp_block .block_content { padding: 12px 14px; }
.pkp_block ul li { font-size: 13.5px; border-bottom: 1px solid var(--cbn-gray-100); padding: 5px 0; }
.pkp_block ul li:last-child { border-bottom: none; }

/* ================================================================
   TABLE OF CONTENTS
   ================================================================ */
.pkp_page_issue .section h2 {
  font-size: 0.78rem;
  font-weight: 700;
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--cbn-teal);
  background: var(--cbn-gray-100);
  padding: 5px 12px;
  border-radius: 3px;
  display: inline-block;
}
.pkp_page_issue .obj_article_summary .title a {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--cbn-deep-navy);
}
.pkp_page_issue .obj_article_summary .title a:hover { color: var(--cbn-teal); text-decoration: none; }

/* ================================================================
   BUTTONS & FORMS
   ================================================================ */
.btn-primary, .pkp_button_primary, input[type="submit"] {
  background: var(--cbn-teal) !important;
  border-color: var(--cbn-teal) !important;
  color: white !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  transition: background 0.2s;
}
.btn-primary:hover, .pkp_button_primary:hover {
  background: var(--cbn-deep-navy) !important;
  border-color: var(--cbn-deep-navy) !important;
}

/* ================================================================
   TABLES
   ================================================================ */
table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 1.5rem 0; }
table th {
  background: var(--cbn-deep-navy); color: white;
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.07em; padding: 9px 14px; text-align: left;
}
table td { padding: 8px 14px; border-bottom: 1px solid var(--cbn-gray-200); color: var(--cbn-gray-700); }
table tr:nth-child(even) td { background: var(--cbn-off-white); }

/* ================================================================
   FOCUS / ACCESSIBILITY
   ================================================================ */
*:focus-visible { outline: 2px solid var(--cbn-teal-light); outline-offset: 2px; }

/* ================================================================
   PRINT
   ================================================================ */
@media print {
  header.main-header, .pkp_structure_footer, nav { display: none !important; }
  body { font-size: 11pt; color: #000; }
  .pkp_page_article .abstract, .pkp_page_article .references { border: none; background: none; padding: 0; }
}

/* ================================================================
   SISTER JOURNALS BLOCK — v2 (table-based, OJS-safe)
   ================================================================ */

.cbn-sj-wrap {
  margin: 0 -14px;
}

/* Each journal card is an <a> tag */
a.cbn-sj-card {
  display: block !important;
  text-decoration: none !important;
  margin: 0 0 5px 0;
  border: 1px solid #D8DEE6;
  border-radius: 6px;
  overflow: hidden;
  background: #F7F9FB;
  transition: border-color 0.2s, box-shadow 0.2s;
}
a.cbn-sj-card:hover {
  border-color: #006E7F !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.09);
  text-decoration: none !important;
}

/* Table fills the card */
.cbn-sj-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 !important;
}
.cbn-sj-table tr { background: transparent !important; }
.cbn-sj-table td { border: none !important; padding: 0 !important; vertical-align: middle; }

/* Left color stripe */
td.cbn-sj-stripe {
  width: 5px !important;
  min-width: 5px;
  padding: 0 !important;
}

/* Content cell */
td.cbn-sj-content {
  padding: 8px 10px !important;
  width: 100%;
}

/* Arrow cell */
td.cbn-sj-arrow {
  padding: 0 10px 0 6px !important;
  color: #D8DEE6;
  font-size: 15px;
  white-space: nowrap;
  min-width: 24px;
  transition: color 0.2s;
}
a.cbn-sj-card:hover td.cbn-sj-arrow { color: #006E7F; }

/* Text elements inside content cell — all display:block */
.cbn-sj-abbr {
  display: block !important;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #006E7F;
  margin-bottom: 2px;
  text-decoration: none !important;
}
.cbn-sj-name {
  display: block !important;
  font-size: 12.5px;
  font-weight: 600;
  color: #0D2B55;
  line-height: 1.3;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
}
.cbn-sj-scope {
  display: block !important;
  font-size: 11px;
  color: #6B7A90;
  line-height: 1.3;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cbn-sj-meta {
  display: block !important;
}
.cbn-sj-badge {
  display: inline-block !important;
  font-size: 10px;
  font-weight: 700;
  background: #006E7F;
  color: #fff !important;
  padding: 1px 7px;
  border-radius: 20px;
  margin-right: 6px;
  letter-spacing: 0.03em;
}
.cbn-sj-issn {
  font-size: 10.5px;
  color: #6B7A90;
}

/* Remove default link underline from all children */
a.cbn-sj-card * { text-decoration: none !important; }

/* Footer link */
.cbn-sj-footer {
  padding: 9px 14px 4px;
  text-align: center;
  border-top: 1px solid #EEF1F5;
  margin-top: 4px;
}
.cbn-sj-footer a {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #006E7F !important;
  text-decoration: none !important;
}
.cbn-sj-footer a:hover { color: #0D2B55 !important; text-decoration: underline !important; }

/* ================================================================
   JUSTIFIED TEXT — BROADENED SELECTORS (v1.3 fix)
   Targets every possible wrapper OJS Health Sciences theme uses
   ================================================================ */

/* --- Abstract --- */
.abstract,
.abstract p,
[class*="abstract"],
.pkp_page_article .abstract,
.pkp_page_article .abstract p,
.article-details .abstract,
.article-details .abstract p,
#articleAbstract,
#articleAbstract p,
.article_abstract,
.article_abstract p,
div[id*="abstract"],
div[id*="abstract"] p,
div[class*="abstract"] p {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}

/* --- Issue & Journal Description --- */
.description,
.description p,
.issue_description,
.issue_description p,
.journal_description,
.journal_description p,
.pkp_page_issue .description,
.pkp_page_issue .description p,
.pkp_page_index .description,
.pkp_page_index .description p,
.obj_issue_summary .description,
.obj_issue_summary .description p,
#issueDescription,
#issueDescription p {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

/* --- References --- */
.references,
.references p,
.references li,
.pkp_page_article .references,
.pkp_page_article .references p,
.pkp_page_article .references li,
#articleReferences,
#articleReferences p,
#articleReferences li,
section.references p,
section.references li,
div.references p,
div.references li {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

/* Nuclear option — catches any remaining prose paragraphs
   inside article and issue pages                           */
.pkp_page_article p,
.pkp_page_issue .obj_issue_summary p {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

/* ================================================================
   JOURNAL SUMMARY — Maximum coverage selectors
   OJS renders the journal summary in different wrappers.
   This catches all known variations in Health Sciences theme.
   ================================================================ */

/* Primary containers used by Health Sciences / OJS 3.5 */
.pkp_page_index .introductory_content,
.pkp_page_index .introductory_content p,
.introductory_content p,
.journal_summary,
.journal_summary p,
.summary p,
.pkp_structure_main p,
.homepageIntroduction p,
.additionalContent p,
.additional_content p,
#homepageAdditionalContent p,

/* OJS 3.5 Health Sciences specific */
.pkp_page_index .main-content p,
.pkp_page_index .content p,
.pkp_page_index > .pkp_structure_main p,
.pkp_page_index .pkp_content_main p,

/* Catch-all: every paragraph on the homepage
   that is NOT inside nav, header, footer, or sidebar */
body.pkp_page_index main p,
body.pkp_page_index .main p,
body.pkp_page_index article p,
body.pkp_page_index section p {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}

/* ================================================================
   JOURNAL SUMMARY — Exact fix based on live HTML inspection
   The summary lives alongside #homepageDescriptionButtons inside
   .homepage-description-buttons parent container.
   ================================================================ */

/* The description text sits in the same parent container */
#homepageDescriptionButtons,
#homepageDescriptionButtons ~ *,

/* Direct sibling and parent traversal */
.homepage-description,
.homepage-description p,
#homepageDescription,
#homepageDescription p,

/* The More/Less toggle means text is in a collapsible div nearby */
.homepage-journal-description,
.homepage-journal-description p,
#homepageJournalDescription,
#homepageJournalDescription p,

/* Cover the full description block wrapper */
[id*="homepageDescription"] p,
[class*="homepage-description"] p,
[class*="homepage-journal-description"] p,

/* Parent of the buttons — its sibling text nodes and paragraphs */
#homepageDescriptionButtons + p,
#homepageDescriptionButtons + div p,
div:has(#homepageDescriptionButtons) p,
div:has(.homepage-journal-description-more) p,
div:has(.homepage-journal-description-less) p {
  text-align: justify !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}