/* =========================================================
   WYSIWYG (TinyMCE) only fixes
   - Keep AOS elements visible when editor JavaScript does not run
   - Remove TinyMCE table guide borders from company information
   ========================================================= */

/* AOS leaves elements transparent/translated when its JS does not execute
   inside the visual editor. Restore the normal final state there only. */
body.mce-content-body [data-aos],
body.mce-content-body .aos-init,
body.mce-content-body [data-aos].aos-init,
body.mce-content-body [data-aos].aos-animate {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Keep images themselves visible as well. */
body.mce-content-body [data-aos] img,
body.mce-content-body .photo-box img,
body.mce-content-body .recruit_info-box img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* TinyMCE draws guide borders around table/table cells.
   For the footer company-information table, suppress those editor-only
   vertical / outer borders and keep the site's original bottom dotted rule. */
body.mce-content-body footer .footer_table table,
body.mce-content-body footer .footer_table table.mce-item-table,
body.mce-content-body footer .footer_table table[border],
body.mce-content-body footer .footer_table tbody,
body.mce-content-body footer .footer_table tr {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.mce-content-body footer .footer_table th,
body.mce-content-body footer .footer_table td,
body.mce-content-body footer .footer_table .mce-item-table th,
body.mce-content-body footer .footer_table .mce-item-table td {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px dotted #E1E1E1 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* TinyMCE sometimes marks selected table cells/elements with its own outline. */
body.mce-content-body footer .footer_table [data-mce-selected],
body.mce-content-body footer .footer_table .mce-selected {
    outline: 0 !important;
    box-shadow: none !important;
}