/* FreeConvertHub compatibility layer. The original main.css remains untouched. */
.external-repos,.developer-cta-wrapper,.cookie-consent,.pro-panel,.membership-panel{display:none!important}
.fch-hidden{display:none!important}
.fch-operation-panel{max-width:920px;margin:0 auto;padding:44px 20px 54px;text-align:center}
.fch-card{background:#fff;border-radius:10px;box-shadow:0 4px 22px rgba(49,49,49,.10);padding:30px;max-width:720px;margin:0 auto}
.fch-file-list{margin:18px auto 24px;text-align:left;max-width:600px}
.fch-file{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7e7e7;border-radius:8px;padding:12px 14px;margin:8px 0;background:#fff;gap:16px}
.fch-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.fch-file-size{color:#777;white-space:nowrap;font-size:13px}
.fch-options{max-width:540px;margin:0 auto 22px;text-align:left}
.fch-options label{display:block;font-weight:600;margin:13px 0 6px}
.fch-options input,.fch-options select{width:100%;box-sizing:border-box;border:1px solid #cfcfcf;border-radius:6px;padding:12px 13px;font:inherit;background:#fff}
.fch-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.fch-primary,.fch-secondary{border:0;border-radius:4px;padding:14px 28px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.fch-primary{background:#e74c3c;color:#fff}
.fch-primary:disabled{opacity:.55;cursor:not-allowed}
.fch-secondary{background:#f3f3f3;color:#313131}
.fch-status{margin:20px auto 0;max-width:600px;min-height:24px;font-weight:600}
.fch-status.error{color:#b42318}.fch-status.success{color:#137333}
.fch-progress{height:8px;background:#eee;border-radius:999px;overflow:hidden;max-width:520px;margin:18px auto 0;display:none}
.fch-progress>span{display:block;height:100%;width:35%;background:#e74c3c;border-radius:999px;animation:fchload 1.1s ease-in-out infinite alternate}
@keyframes fchload{from{transform:translateX(-90%)}to{transform:translateX(285%)}}
.fch-tool-copy{max-width:1000px;margin:35px auto 70px;padding:0 24px;text-align:center}.fch-tool-copy p{max-width:760px;margin:0 auto;line-height:1.7}
.fch-tool-select{max-width:520px;margin:18px auto;text-align:left}.fch-tool-select select{width:100%;padding:13px;border:1px solid #ccc;border-radius:6px;background:#fff}
@media(max-width:700px){.fch-operation-panel{padding:24px 12px 40px}.fch-card{padding:22px 14px}.fch-file{align-items:flex-start;flex-direction:column;gap:5px}.fch-primary,.fch-secondary{width:100%}}
.mega-all-tools.fch-nav-open > .all-tools{opacity:.85}

/* FreeConvertHub brand logo: uses the supplied official logo artwork without changing the existing layout. */
.logo.fch-logo-link {
  display: flex !important;
  align-items: center;
  min-width: 0;
}
.logo.fch-logo-link .fch-logo-image {
  display: block;
  width: 182px;
  height: 38px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  margin: 0;
  flex: 0 0 auto;
}
.logo.fch-logo-link .logo-text { display: none !important; }

/* Match the new logo's blue/cyan palette only on the conversion action controls. */
.fch-primary {
  background: #0d8fe8 !important;
  border-color: #0d8fe8 !important;
  color: #fff !important;
}
.fch-primary:hover { background: #087dcc !important; border-color: #087dcc !important; }
.fch-secondary:hover { border-color: #0d8fe8; color: #0d8fe8; }

@media (max-width: 767px) {
  .logo.fch-logo-link .fch-logo-image {
    width: 160px;
    height: 34px;
  }
}
/* Final FreeConvertHub brand palette: blue/cyan from the supplied logo.
   These overrides recolor the original template controls without changing layout. */
html .brand-color {
  background-color: #0d8fe8 !important;
  fill: #0d8fe8 !important;
  stroke: #0d8fe8 !important;
}
html .brand-border,
html .brand-border-on-hover:hover {
  border-color: #0d8fe8 !important;
}
html .brand-text,
html .brand-text-mobile {
  color: #0d8fe8 !important;
}
html .featured-links ul li a:hover,
html .featured-links ul li a.active {
  color: #0d8fe8 !important;
}
html .btn.btn-primary,
html a.btn.btn-red,
html button.btn.btn-red {
  border-color: #0d8fe8 !important;
  background-color: #0d8fe8 !important;
  color: #fff !important;
}
html .btn.btn-primary:hover,
html a.btn.btn-red:hover,
html button.btn.btn-red:hover {
  border-color: #087dcc !important;
  background-color: #087dcc !important;
  color: #fff !important;
}
html input[type=range]::-webkit-slider-thumb { background: #0d8fe8 !important; }
html input[type=range]::-moz-range-thumb { background: #0d8fe8 !important; }