/* Website UI language controls and RTL alignment; PDF document geometry stays unchanged. */
.hm-lang-wrap{flex:0 1 auto;min-width:0}
.hm-lang-select{min-width:115px;max-width:158px;cursor:pointer}
.hm-lang-select option,.hm-lang-select optgroup{font-size:15px;direction:auto}
.hm-lang-select:focus-visible{outline:3px solid #3976f6;outline-offset:2px}
html[dir=rtl] .hm-hero-copy,html[dir=rtl] .hm-seo-content,html[dir=rtl] .hm-privacy-banner,html[dir=rtl] .hm-card,html[dir=rtl] .hm-directory-group{text-align:right}
html[dir=rtl] .hm-mega,html[dir=rtl] .hm-nav,html[dir=rtl] .hm-lang-wrap{text-align:right}
html[dir=rtl] .pc-section,html[dir=rtl] .pc-heading,html[dir=rtl] .pc-v5-settings{text-align:right}
/* Never mirror the PDF page, signature geometry, or numeric positions. */
html[dir=rtl] .pc-v5-layout,html[dir=rtl] .pc-viewer-card,html[dir=rtl] .pc-rendered-page,html[dir=rtl] .pc-v5-docked,html[dir=rtl] .pc-page-paper,html[dir=rtl] .pc-canvas-wrap{direction:ltr}
html[dir=rtl] :is(.pc-v5-settings,.pc-tools,.hm-hero-copy,.hm-privacy-banner){direction:rtl}
html[dir=rtl] :is(input[type=number],input[type=file],input[type=email],.pc-v5-jump input){direction:ltr;text-align:left}
@media(max-width:767.98px){.hm-lang-select{min-width:86px;max-width:120px}.hm-lang-label{font-size:13px}}
@media(max-width:359.98px){.hm-lang-select{min-width:72px;max-width:89px}}

/* v5.8: narrow-screen header and desktop-width responsive corrections. */
@media (max-width:1099.98px){
  .hm-editor-route .hm-head-right{display:flex!important;align-items:center!important;order:2!important;min-width:0!important;flex:0 1 auto!important;margin-left:auto!important}
  .hm-editor-route .hm-head-right .hm-cta,.hm-editor-route .hm-head-right .hm-privacy-chip{display:none!important}
  .hm-editor-route .hm-lang-wrap{max-width:100%!important}
}
@media (max-width:420px){
 .hm-head-right{min-width:0!important;max-width:calc(100% - 140px)!important}
 .hm-head-right .hm-cta,.hm-head-right .hm-privacy-chip{display:none!important}
 .hm-lang-select{min-width:76px!important;max-width:92px!important;padding:6px 2px!important}
 .hm-editor-route .hm-lang-select{min-width:76px!important;max-width:92px!important}
}
/* ==========================================================================
   HeyMyPDF Compact Single-Row Desktop Navigation Header (64–76px)
   ========================================================================== */
@media (min-width: 900px){
  .hm-header{
    height: 68px !important;
    min-height: 68px !important;
    max-height: 72px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    background: linear-gradient(96deg,#eaf0ff,#f2faff 58%,#f7efff) !important;
    border-bottom: 1px solid #dae3f5 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .hm-head-inner,
  .hm-editor-route .hm-head-inner{
    height: 68px !important;
    min-height: 68px !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  .hm-brand{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 21px !important;
    white-space: nowrap !important;
  }
  .hm-head-inner > .hm-nav,
  .hm-editor-route .hm-head-inner > .hm-nav{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2px, 0.4vw, 5px) !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    width: auto !important;
  }
  .hm-nav > a,
  .hm-all-menu > summary{
    padding: 7px clamp(4px, 0.55vw, 8px) !important;
    font-size: clamp(11.5px, 0.78vw, 13px) !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
  }
  .hm-head-inner > .hm-head-right,
  .hm-editor-route .hm-head-inner > .hm-head-right{
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
  .hm-lang-caption{
    display: none !important; /* Hide redundant "Language"/"Langue" text to free up horizontal space */
  }
  .hm-privacy-chip{
    font-size: 11.5px !important;
    padding: 5px 8px !important;
    white-space: nowrap !important;
  }
}

.hm-cta{
  display: none !important; /* Eliminate redundant desktop header CTA */
}

/* Intermediate desktop responsive adaptiveness: keep all 7 core links visible, no overlap, move slightly left */
@media (min-width: 900px) and (max-width: 1280px){
  .hm-privacy-chip{ display: none !important; } /* Privacy chip hidden on desktop viewports <= 1280px so translated navigation links never collide */
  .hm-head-inner{ padding: 0 12px !important; gap: 6px !important; }
  .hm-nav > a, .hm-all-menu > summary{ padding: 6px clamp(3px, 0.45vw, 6px) !important; font-size: 11.5px !important; }
}

/* ==========================================================================
   Compact Tool Pages & Above-the-Fold Usability (Universal)
   ========================================================================== */
.hm-tool-title{
  padding: 10px 20px 6px !important;
  margin: 0 auto 8px !important;
}
.hm-tool-title h1{
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
}
.hm-tool-title p{
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  color: #435b4c !important;
  margin: 0 !important;
}
.hm-tool-title .hm-breadcrumb{
  font-size: 12px !important;
  margin-bottom: 3px !important;
}
.hm-badge-server,
.hm-private-label{
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  background: #eef7f2 !important;
  color: #276749 !important;
  border: 1px solid #cce3d5 !important;
  white-space: nowrap !important;
}

/* Mobile responsive fixes for compact badges and tool titles */
@media (max-width: 600px){
  .hm-tool-title{ padding: 8px 12px 4px !important; }
  .hm-tool-heading-row{ flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }
  .hm-badge-server,
  .hm-private-label{
    white-space: normal !important;
    max-width: 100% !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
  }
}

/* Compact Office Converters (PDF to Word / Excel) */
.office-main{ padding: 10px 18px 36px !important; }
.office-crumbs{ margin: 0 0 6px !important; font-size: 12px !important; }
.office-heading{ margin: 0 0 8px !important; }
.office-heading h1{ font-size: 25px !important; margin: 3px 0 5px !important; }
.office-heading p{ font-size: 13px !important; line-height: 1.4 !important; margin: 0 !important; }
.office-safe{ padding: 7px 12px !important; margin: 0 0 10px !important; font-size: 12px !important; }
.office-panel{ padding: 15px !important; }
.office-panel h2{ font-size: 15px !important; margin: 0 0 3px !important; }
.office-sub{ margin: 0 0 8px !important; font-size: 12.5px !important; }
.office-drop{ padding: 16px 12px !important; }
.office-drop-icon{ width: 36px !important; height: 36px !important; font-size: 18px !important; margin-bottom: 3px !important; }
