/*
 * pdf-to-text.css
 * PDF-to-Text ONLY design fixes (Figma QA round).
 *
 * SCOPING: this file is loaded exclusively by resources/views/pdf-to-text.blade.php,
 * after image-to-text.css, so every rule here lands on /pdf-to-text and nowhere else.
 * style.css and image-to-text.css are shared with image-to-text, png-to-text and
 * handwriting-to-text and must not be edited for PDF-only tweaks.
 */

/* ------------------------------------------------------------------
   1. Upload button label — 500 -> 600
   ------------------------------------------------------------------ */
.main_tool_inner.image_to_text .upload_button.image-to-text {
    font-weight: 600;
}

/* ------------------------------------------------------------------
   2. First screen — 45px from the dashed border down to the cloud icon.
   The shared rule centres the column inside the fixed 403px box, which
   leaves a much larger gap. Desktop only: the cloud icon is display:none
   below 992px (image-to-text.css section 17), so flex-start there would
   only shift the upload row.
   ------------------------------------------------------------------ */
@media (min-width: 992px) {
    .main_tool_inner.image_to_text.droparea {
        justify-content: flex-start;
        padding-top: 45px;
    }
}

/* ------------------------------------------------------------------
   3. First screen — Figma renders the divider label uppercase, but the
   shared lang key 31 holds the lowercase "or". Uppercasing here keeps the
   key (used by jpg-to-excel et al) untouched.
   ------------------------------------------------------------------ */
.main_tool_inner.image_to_text .or_row p {
    text-transform: uppercase;
}

/* ------------------------------------------------------------------
   4. First screen — "Drag and Drop / Paste" back to the Figma spec
   (400 / 16px / 26px). This is what the base .drag_drop rule in style.css
   already says; two shared rules bump it to 20px/600 for the image_to_text
   variant (style.css .image_to_text.drag_drop + image-to-text.css section 2),
   and those must keep applying to image-to-text / png-to-text /
   handwriting-to-text. Reverting to the base values here instead.
   ------------------------------------------------------------------ */
.main_tool_inner.image_to_text .drag_drop.image_to_text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    /* !important is required: style.css forces .drag_drop to 14px !important
       inside @media screen and (max-width: 1500px), which covers most desktop
       viewports. Without it this holds only above 1500px. */
    font-size: 16px !important;
    line-height: 26px;
    letter-spacing: normal;
}

/* ------------------------------------------------------------------
   5. Second screen — full-height divider before the URL / QR actions.
   The shared .gray-bar is 22px; this one spans the full 86px row.
   ------------------------------------------------------------------ */
.more_upload .more_upload_options .gray-bar.pdf_more_divider {
    height: 86px;
    width: 1px;
    border: none;
    background-color: #cccccc;
}