/*
 * png-to-text.css
 * PNG-to-Text ONLY design fixes (Figma QA round).
 *
 * SCOPING: loaded exclusively by resources/views/png-to-text.blade.php, after
 * image-to-text.css, so every rule here lands on /png-to-text and nowhere else.
 *
 * Do NOT move these into the shared sheets:
 *   style.css / image-to-text.css -> shared with image-to-text, pdf-to-text,
 *                                    handwriting-to-text
 *   png-to-text-content.css       -> shared with handwriting-to-text
 *
 * !important appears ONLY where the shared rule being overridden is itself
 * !important (noted at each site). Everything else wins on source order,
 * because this file loads last.
 */

/* ------------------------------------------------------------------
   1. QR + link icon buttons — radius 5px
   No radius at base; image-to-text.css sets 8px below 992px.
   ------------------------------------------------------------------ */
.image-to-text-options {
    border-radius: 5px;
}

/* ------------------------------------------------------------------
   2. Download / Download All — 18px, weight 700 (was 18px/500 base,
   forced to 16px !important under @media (max-width: 1500px)).
   ------------------------------------------------------------------ */
.itt_result_topbar .download_all {
    font-size: 18px !important;   /* beats the 16px !important at <=1500px */
    font-weight: 700;
}

/* ------------------------------------------------------------------
   3. Extracted-text body — 18px / 500 (was 15px / 400).
   ------------------------------------------------------------------ */
.itt_results_list .result_txt {
    font-size: 18px !important;   /* beats the 13px at <=399.98px */
    font-weight: 500;
}

/* ------------------------------------------------------------------
   4. "Extracted Text" compare heading — 25px / 600 (was 20px / 700).
   ------------------------------------------------------------------ */
.itt_compare_heading {
    font-size: 25px !important;   /* beats the 18px at <=399.98px */
    font-weight: 600;
}

/* ------------------------------------------------------------------
   5. Tool card + dashed drop box — radius 10px (both were 15px).
   ------------------------------------------------------------------ */
.main_tool.image_to_text,
.main_tool_inner.image_to_text {
    border-radius: 10px;
}

/* ------------------------------------------------------------------
   6. Upload File button — radius 5px (was 10px).
   ------------------------------------------------------------------ */
.upload_button.image-to-text {
    border-radius: 5px;
}

/* ------------------------------------------------------------------
   7. Simple OCR / Formatted pills — 14px.
   The option is 12px !important below 400px and the label carries its
   own 12px there, so both need pinning.
   ------------------------------------------------------------------ */
.ocr_method_toggle .ocr_method_option,
.ocr_method_toggle .ocr_method_label {
    font-size: 14px !important;
}

/* ------------------------------------------------------------------
   8. "Add More Files" box — radius 12px (was 10px).
   ------------------------------------------------------------------ */
.more_upload {
    border-radius: 12px;
}

/* ------------------------------------------------------------------
   9. "Add More Files" label — 16px (was 18px).
   ------------------------------------------------------------------ */
.more_upload .more_click_upload {
    font-size: 16px;
}

/* ------------------------------------------------------------------
   10. Mobile "Convert this" label — 18px.
   The span inherits 20px !important from .convert_button; targeting the
   span directly beats inheritance without needing !important.
   ------------------------------------------------------------------ */
.convert_button .d-inline.d-lg-none {
    font-size: 18px;
}

/* ------------------------------------------------------------------
   11. "Export As" — 18px (base is already 18px; forced to 16px
   !important under @media (max-width: 1500px)).
   ------------------------------------------------------------------ */
.itt_topbar_actions .export_all {
    font-size: 18px !important;
}