/*
 * Author: Michael Finkenberger
 * @since V1.0.0.0
 * Last change in plugin version: V3.2.0.0
 * - V1.4.4.0: Introduced CSS for the email placeholder copy function
 * - V1.4.5.0: Optimized classes' names (mfem)
 * - V3.0.0.0: CSS added for WordPress submenu size and left padding for the plugin entries
 * - V3.2.0.0: Class mfem-nav-tab added with margin-top CSS. Class reference change due to name change: WP Access Control Center
 * Date: 16.04.2026
 * Tested with the latest plugin version
*/


/* mfem nav tabs */
.mfem-nav-tab {
  margin-top:7px;
}

/* My WordPress Submenus */

#adminmenu li.toplevel_page_mfem-wp-access-control-center .wp-submenu a {
    font-size: 12px;
    padding-left: 12px;
}


/* Lines */

.mfem-hr {
  width:80%;
  height:2px;
  color:#127db8;
  background-color:#bbbbbb;
}


/* headers */

.mfem-h1 {
  /* line-height:40px; */
  font-size:18px;
}

.mfem-h2 {
  line-height:40px;
  font-size:16px;
}

.mfem-h3 {
  /* line-height:40px; */
  font-size:15px;
}


/* Horizontally moveable table for small screens */

figure.mfem-block-table { 
    overflow-x: auto; 
    overflow-y: hidden; 
    margin: 1em 0px;
    }
    
.__mfem-block-table table { /* currently switched off here... */
  min-width: 500px;
}


/* Tooltip format */

#mfem_jqueryTooltip {
  position:absolute; /* this is required to have the tooltip follow the mousepointer */
  display:none; /* important as well to have the tooltip hidden while empty */
  border:1px solid grey;
  border-radius:6px;
  background:LemonChiffon;
  padding:0.25em 0.5em;
}

/* For the copy placeholders function */

.mfem-copy-inline {
  position: relative;
  cursor: pointer;
  color: #4ea1ff;
  text-decoration: underline dotted;
}

.mfem-copy-inline::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: LemonChiffon;
  color: darkgreen;
  padding: 0.25em 0.5em;
  border:1px solid grey;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 1000;
}

.mfem-copy-inline:hover::after,
.mfem-copy-inline:focus-visible::after,
.mfem-copy-inline[data-copied="true"]::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.mfem-copy-inline:focus {
  outline: none;
}

.mfem-copy-inline:focus-visible {
  outline: 2px solid #4ea1ff;
  outline-offset: 2px;
}