/**
 * @file
 * Subtheme specific CSS.
 *
 * Importante:
 * El diseño del portal CertLink vive en `certlink/portal-base`.
 * Aquí solo se incluyen ajustes de compatibilidad con Bootstrap.
 */
html.certlink-portal-route body.certlink-portal-route .certlink-custom-page {
  font-family: Arial, Helvetica, sans-serif;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form form,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page form {
  display: block !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form .form-item,
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form .js-form-item,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page .form-item,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page .js-form-item {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 0 10px !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form label,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page label {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 4px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form input[type="text"],
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form input[type="email"],
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form input[type="password"],
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form input[type="search"],
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form textarea,
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form select,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page input[type="text"],
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page input[type="email"],
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page input[type="password"],
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page input[type="search"],
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page textarea,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page select {
  display: block !important;
  width: 100% !important;
  max-width: 640px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #111111 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form textarea,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page textarea {
  min-height: 86px !important;
  height: auto !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form .description,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page .description,
html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form .form-item__description,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page .form-item__description {
  display: block !important;
  color: #ffffff !important;
  opacity: 0.95;
  margin-top: 3px !important;
  line-height: 1.3 !important;
}

html.certlink-portal-route body.certlink-portal-route .certlink-portal-admin-form .form-actions,
html.certlink-portal-route body.certlink-portal-route .certlink-user-settings-page .form-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 10px !important;
}

html.certlink-portal-route body.certlink-portal-login .certlink-portal-admin-form .user-login-form {
  width: 100% !important;
  max-width: min(420px, 100%) !important;
  margin: 0 auto !important;
}

html.certlink-portal-route body.certlink-portal-login .certlink-portal-admin-form .user-login-form input[type="text"],
html.certlink-portal-route body.certlink-portal-login .certlink-portal-admin-form .user-login-form input[type="password"] {
  max-width: 420px !important;
  height: 40px !important;
  border-radius: 8px !important;
}



/* Gear hover / Ruedita en listado de clientes al estilo del botón de descarga */
html.certlink-portal-route body.certlink-portal-route.path-clients .certlink-custom-page a.setup-btn.setup-btn--icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: var(--radius-md, 6px) !important;
  border: 1px solid var(--al-gray-200, #d4dde6) !important;
  background: var(--al-white, #ffffff) !important;
  background-color: var(--al-white, #ffffff) !important;
  box-shadow: none !important;
  color: var(--al-navy, #003050) !important;
  text-shadow: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

html.certlink-portal-route body.certlink-portal-route.path-clients .certlink-custom-page a.setup-btn.setup-btn--icon:hover,
html.certlink-portal-route body.certlink-portal-route.path-clients .certlink-custom-page a.setup-btn.setup-btn--icon:focus,
html.certlink-portal-route body.certlink-portal-route.path-clients .certlink-custom-page a.setup-btn.setup-btn--icon:focus-visible {
  color: var(--al-navy, #003050) !important;
  background: var(--al-white, #ffffff) !important;
  background-color: var(--al-white, #ffffff) !important;
  border: 1px solid var(--al-gray-200, #d4dde6) !important;
  box-shadow: var(--shadow-focus, 0 0 0 3px rgba(224, 144, 48, 0.35)) !important;
  transform: none !important;
  filter: none !important;
}

html.certlink-portal-route body.certlink-portal-route.path-clients .certlink-custom-page a.setup-btn.setup-btn--icon:active {
  transform: translateY(1px) !important;
}

/* Centrar cabecera y contenido (botón) de la columna de configuración */
html.certlink-portal-route body.certlink-portal-route.path-clients th.views-field-nothing,
html.certlink-portal-route body.certlink-portal-route.path-clients td.views-field-nothing {
  text-align: center !important;
}

html.certlink-portal-route body.path-clients .view-client-list tbody tr,
html.certlink-portal-route body.path-clients .view-client-list tbody td,
html.certlink-portal-route body.path-clients .view-client-list tbody td * {
  opacity: 1 !important;
}

html.certlink-portal-route body.path-clients .view-client-list tbody td,
html.certlink-portal-route body.path-clients .view-client-list tbody td a {
  color: #ffffff !important;
  text-shadow: none !important;
}

html.certlink-portal-route body.path-clients .view-client-list tbody td a:hover {
  color: #d4efff !important;
}